/* Saltmarsh B, national brand (2026-10-29 rebuild). Loads last on every B page.
   The look of the big replacement-window brands (Renewal by Andersen, Window Nation, Re-Bath):
   deep navy and one offer red, a full-width room photo with the consultation card in the hero, a
   dated offer in the top bar, a benefit strip, bold Inter in sentence case. */
@font-face{font-family:"Inter";src:url(fonts/Inter-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{
  --bg:#fff;--bg-2:#f5f5f7;--card:#fff;--hdr-bg:rgba(255,255,255,.82);
  --ink:#0e2240;--ink-h:#08162b;--on-ink:#fff;--mute:#5f6673;--ph:#9ca3af;
  --rule:rgba(17,24,39,.09);--rule-2:rgba(17,24,39,.18);--rule-inv:rgba(255,255,255,.16);
  --green:#c8102e;--forest:#0e2240;--lime:#c8102e;
  --accent:#c8102e;--accent-h:#a50d25;--on-accent:#fff;--accent-l:#c8102e;--on-accent-l:#fff;
  --dark:#0e2240;--r:14px;--btn-r:10px;
  --f:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fd:var(--f);--fd-w:750;--fd-ls:-.022em;--fd-tt:none;
  --map-road:#d4d8de;--map-mute:#5f6673;--map-ink:#0e2240;--map-dot:#c8102e;
  --shadow:0 1px 2px rgba(17,24,39,.04),0 12px 32px -12px rgba(17,24,39,.14);
}
/* sentence case everywhere: the old direction set a lot of uppercase */
.pr *{text-transform:none!important}
body.pr{font-family:var(--f);font-size:16.5px;letter-spacing:-.006em}
.pr :is(h1,h2,h3){font-family:var(--f);font-weight:750;letter-spacing:-.022em;line-height:1.05;color:var(--ink)}
.pr h2{font-size:clamp(32px,3.6vw,52px)}
.pr h3{font-size:20px;letter-spacing:-.02em}
.pr h2::before{display:none!important}
.pr :is(.btn,.fbtn,.sw-t b,.qc-it>button b,.rr-c b,.bw li,.rm figcaption b,.mi li b,.mn-fin h3,.cr b,.fest-ph,.fp-n,.ss-n b,.mm-list b){font-family:var(--f);letter-spacing:-.01em}
.pr .stars svg{fill:#f5a524}

/* buttons */
.pr :is(.btn,.fbtn){height:52px;padding:0 24px;border-radius:10px;font-size:15.5px;font-weight:600}
.pr :is(.btn-acc,.fbtn-acc,.fbtn-k){background:var(--accent);color:#fff}
.pr :is(.btn-acc,.fbtn-acc,.fbtn-k):hover{background:var(--accent-h);color:#fff}
.pr .btn-ghost{background:var(--bg-2);border:0;color:var(--ink)}
.pr .btn-ghost:hover{background:#ebebef}

/* header: slim, white, frosted, sticky; the utility bar goes */

.pr .hdr{position:sticky;top:0;background:var(--hdr-bg);-webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px);box-shadow:0 1px 0 var(--rule)}
.pr .hdr::after{content:none}
.pr .hdr-in{height:62px;gap:24px}
.pr .hdr .logo img{height:22px;width:auto}
.pr .nav>a,.pr .nav>button{font-family:var(--f);font-size:14.5px;font-weight:500;letter-spacing:-.01em;color:#374151;box-shadow:none!important;border-radius:999px}
.pr .nav>a:hover,.pr .nav>button:hover,.pr .nav>button[aria-expanded="true"]{background:var(--bg-2);color:var(--ink)}
.pr .hdr-ph{font-family:var(--f);font-size:14.5px;font-weight:500;letter-spacing:-.01em;color:var(--ink)}
.pr .hdr-ph small{display:none}
.pr .hdr .btn,.pr .hdr .fbtn{height:38px;padding:0 16px;font-size:14px}
.pr .mm-cta{background:var(--bg-2);color:var(--ink);border-radius:20px}
.pr .mm-cta h3,.pr .mm-cta li{color:var(--ink)!important}

/* home hero: centered type, then one wide photo */
.prx{padding:clamp(56px,7vw,104px) 0 clamp(40px,5vw,72px);text-align:center}
.prx h1{font-size:clamp(42px,6.4vw,88px);letter-spacing:-.045em;line-height:1;max-width:14ch;margin:0 auto}
.prx-sub{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--mute);max-width:40em;margin:22px auto 0}
.prx-act{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.prx-fig{position:relative;margin:clamp(40px,5vw,64px) 0 0;border-radius:32px;overflow:hidden;background:var(--bg-2);box-shadow:var(--shadow)}
.prx-fig img{width:100%;aspect-ratio:2.1/1;object-fit:cover;object-position:50% 55%}
.prx-chips{position:absolute;left:20px;bottom:20px;display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.prx-chips li{background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);font-size:13.5px;font-weight:500;padding:8px 13px;border-radius:999px}

/* bento */
.bento-sec{padding:0 0 clamp(64px,8vw,112px)}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(200px,auto);gap:14px}
.bt{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:24px;border-radius:24px;background:var(--bg-2);overflow:hidden;color:var(--ink);transition:transform .35s var(--ease),box-shadow .35s}
a.bt:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.bt b{font-size:20px;font-weight:650;letter-spacing:-.025em;line-height:1.15}
.bt span,.bt small{font-size:14.5px;color:var(--mute);line-height:1.45}
.bt-big{grid-column:span 2;grid-row:span 2;min-height:440px;padding:0}
.bt-img{grid-column:span 2;padding:0;min-height:200px}
.bt-big img,.bt-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bt-cap{position:relative;margin:auto 14px 14px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:4px}
.bt-cap b{font-size:18px}
.bt-stat b{font-size:clamp(40px,4vw,56px);letter-spacing:-.05em;line-height:1;color:var(--accent)}
.bt-rate .stars svg{width:16px;height:16px}
.bt-cta{grid-column:span 2;background:var(--accent);color:#fff}
.bt-cta b{font-size:24px}
.bt-cta span{color:rgba(255,255,255,.82);max-width:30em}
.bt-cta i{font-style:normal;font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:8px;margin-top:6px}
.bt-cta i svg{width:15px;height:15px}

/* sections: white, centered heads, soft gray panels instead of navy bands */
.pr .fsec{padding:clamp(72px,8vw,120px) 0}
.pr .fhead{flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:clamp(36px,4vw,56px)}
.pr .fhead>p{max-width:40em;font-size:17.5px}
.pr main>.fsec:nth-of-type(even){background:var(--bg-2)}
.pr .tile{border-radius:24px;background:var(--bg-2)}
.pr .tile span{background:linear-gradient(180deg,transparent,rgba(17,24,39,.7))}
.pr .frev,.pr .ss{background:var(--bg-2);color:var(--ink)}
.pr .frev :is(h2,.frev-src b,.frev-score b){color:var(--ink)}
.pr .frev :is(.frev-src li,.frev-score small){color:var(--mute)}
.pr .fwhy{background:var(--bg-2)}
.pr .ff-logo{height:24px;width:auto}
.pr .frev-r{border-radius:24px;border-top:0;box-shadow:var(--shadow)}
.pr .frev-nav button{border-radius:999px;background:var(--ink)}
.pr .fp{border-top:0;gap:14px}
.pr .fp>li{background:var(--bg);border-radius:22px;padding:28px;box-shadow:var(--shadow);border:0}
.pr .fp-n{color:var(--accent);font-weight:650}
.pr .fa-list li{border-radius:999px}
.pr .fa-list li.hb{background:var(--accent)}
.pr .fa-list li.hb svg{color:#fff}
.pr summary i::before,.pr summary i::after{background:var(--accent)}
.pr .fwhy-ph,.pr .fwhy-ph img{border-radius:24px}
.pr .why li{border-radius:18px}
.pr :is(.rm img,.sw img,.ba,.cf-stage,.it,.ca,.qc-ph img,.rr-c img,.pg-gal img,.pg-card-ph,.pg-card-ph img){border-radius:20px}
.pr .bw li{background:var(--bg);border-radius:14px}
.pr .bw li:hover{background:var(--ink);color:#fff}
.pr .cr li{border-radius:18px}

/* estimate band: a calm rounded card, no diagonal, no photo */
.pr .fest{background:var(--bg-2)!important;color:var(--ink);clip-path:none!important;padding:clamp(72px,8vw,112px) 0!important}
.pr .fest::before,.pr .fest::after{content:none!important}
.pr .fest h2{color:var(--ink)}
.pr .fest p{color:var(--mute)}
.pr .fest-ph{color:var(--accent);font-size:28px;font-weight:650}
.pr .fest-card{border-top:0;border-radius:24px;box-shadow:var(--shadow)}
.pr .fest-opts button{border-radius:14px}
.pr .fest-opts button:hover{background:var(--accent);border-color:var(--accent)}

/* page hero: centered, the first question as chips, one wide photo */
.prh{padding:clamp(48px,6vw,88px) 0 clamp(40px,5vw,72px);text-align:center}
.prh .crumbs{justify-content:center;color:var(--mute);font-size:14px;margin-bottom:18px}
.prh .crumbs a{color:var(--mute)}.prh .crumbs i{font-style:normal;margin:0 8px;opacity:.5}
.prh h1{font-size:clamp(38px,5.2vw,72px);letter-spacing:-.045em;line-height:1.02;max-width:16ch;margin:0 auto}
.prh-copy p{font-size:clamp(16.5px,1.4vw,19px);color:var(--mute);max-width:40em;margin:18px auto 0}
.prh-q{max-width:720px;margin:30px auto 0;text-align:left}
.prh-q .hs{border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--rule)}
.prh-q .hs-g button{border-radius:14px}
.prh-act{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.prh-fig{margin:clamp(36px,4vw,56px) 0 0;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.prh-fig img{width:100%;aspect-ratio:2.4/1;object-fit:cover}

/* footer: light */
.pr .ff{background:var(--bg-2);color:#4b5563}
.pr .ff :is(h4,a:hover){color:var(--ink)}
.pr .ff-ph{color:var(--ink);font-weight:650}
.pr .ff-bot{border-color:var(--rule)}

/* booking form: no diagonal stripes, a rounded photo panel */
.pr .bk-media{clip-path:none!important;background:var(--bg-2)!important}
.pr .bk-media::before{content:none!important}
.pr .bk-media .ph{clip-path:none!important;inset:auto!important;left:16px!important;top:16px!important;width:calc(100% - 32px)!important;height:calc(100% - 32px)!important;object-fit:cover;border-radius:24px}
.pr .bk-media::after{clip-path:none!important;inset:16px!important;border-radius:24px}
.pr .bk-cap{right:40px;left:40px;bottom:40px}
.pr .bk-cap p{font-family:var(--f)!important;font-weight:650!important;letter-spacing:-.025em!important}
.pr .bk-cap p::before{display:none}
.pr .bk .btn-ink{background:var(--accent)!important;color:#fff!important;border-radius:10px!important}
.pr .tf-o{border-radius:16px!important}
.pr .bk-prog i{background:var(--accent)!important}

@media (max-width:900px){
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bt-big{min-height:360px}
}
@media (max-width:640px){
  .prx h1{font-size:clamp(38px,10.5vw,48px)}
  .prx-act .btn{flex:1}
  .prx-fig{border-radius:22px}
  .prx-fig img{aspect-ratio:4/3.3}
  .prx-chips{left:12px;right:12px;bottom:12px}
  .prx-chips li{font-size:12.5px;padding:7px 11px}
  .bento{grid-template-columns:1fr 1fr;gap:10px}
  .bt{padding:18px;border-radius:20px}
  .bt-big,.bt-img,.bt-cta{grid-column:span 2}
  .bt-big{min-height:340px}
  .bt-stat b{font-size:38px}
  .bt b{font-size:17px}
  .prh h1{font-size:clamp(34px,9.5vw,44px)}
  .prh-fig{border-radius:20px}
  .prh-fig img{aspect-ratio:4/3}
  .pr .hdr-in{height:56px}
  .pr .hdr .logo img{height:19px}
}
/* inner pages carry long, specific headlines: smaller and wider than the home hero */
.prh h1{font-size:clamp(34px,4vw,58px);max-width:22ch}
@media (max-width:640px){.prh h1{font-size:clamp(30px,8.2vw,38px)}}


/* offer bar: the dated offer and the phone, on navy */
.pr .ub{display:block;background:var(--ink);color:rgba(255,255,255,.86);font-size:13.5px}
.pr .ub-in{height:40px}
.pr .ub-in>span:first-child::before{display:none}
.pr .ub-offer b{display:inline-block;background:var(--accent);color:#fff;font-weight:700;font-size:12px;padding:3px 8px;border-radius:4px;margin-right:8px}
.pr .ub a{color:#fff}
.pr .ub .ph{font-weight:700}
.pr .nav>a,.pr .nav>button{border-radius:8px}
.pr .hdr .btn{border-radius:10px}

/* ---------- home hero: full-width room photo, consultation card on the right ---------- */
.nb-hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;min-height:min(calc(100vh - 102px),760px);display:flex;align-items:center}
.nb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.nb-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,43,.82) 0%,rgba(8,22,43,.6) 38%,rgba(8,22,43,.12) 70%,rgba(8,22,43,0) 100%)}
.nb-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:clamp(24px,4vw,72px);align-items:center;padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px);width:100%}
.nb-k{font-size:14px;font-weight:600;color:rgba(255,255,255,.82)}
.pr .nb-hero h1{color:#fff;font-size:clamp(42px,4.8vw,72px);line-height:1.02;margin-top:14px;max-width:12em}
.nb-hero h1 span{display:block;font-weight:500;font-size:.56em;line-height:1.2;letter-spacing:-.015em;margin-top:14px;color:rgba(255,255,255,.9)}
.nb-ticks{list-style:none;margin-top:26px;display:grid;gap:10px;font-size:16.5px}
.nb-ticks li{display:flex;gap:10px;align-items:flex-start}
.nb-ticks li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.2l2.6 2.6L13 6.4' fill='none' stroke='%23c8102e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.nb-card{background:#fff;color:var(--ink);border-radius:16px;padding:26px 26px 22px;box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}
.nb-offer{margin:-26px -26px 20px;padding:12px 26px;background:#fdecee;color:#7a0a1c;font-size:14px;line-height:1.4;border-radius:16px 16px 0 0}
.nb-offer b{color:var(--accent);margin-right:6px}
.pr .nb-card h2{font-size:26px;line-height:1.15;letter-spacing:-.02em}
.nb-q{margin-top:16px;font-size:14.5px;font-weight:600;color:var(--mute)}
.nb-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.nb-opts button{height:50px;border-radius:10px;border:1.5px solid var(--rule-2);font-weight:600;font-size:15px;color:var(--ink);background:#fff;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.nb-opts button:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.pr .nb-go{width:100%;margin-top:14px;height:54px;font-size:16.5px}
.nb-go svg{width:15px;height:15px}
.nb-call{margin-top:12px;text-align:center;font-size:14.5px;color:var(--mute)}
.nb-call a{color:var(--ink);font-weight:700}
.nb-rate{margin-top:14px;padding-top:14px;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--mute)}
.nb-rate b{color:var(--ink)}

/* benefit strip */
.nb-ben{background:var(--bg-2);border-bottom:1px solid var(--rule)}
.nb-ben ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.nb-ben li{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:26px 22px}
.nb-ben li+li{border-left:1px solid var(--rule)}
.nb-ben svg{grid-row:span 2;width:30px;height:30px;color:var(--accent)}
.nb-ben b{font-size:16.5px;font-weight:700;color:var(--ink)}
.nb-ben span{font-size:14px;color:var(--mute);margin-top:2px}

@media (max-width:1000px){
  .nb-in{grid-template-columns:1fr}
  .nb-hero{min-height:0;display:block}
  .nb-hero::after{background:linear-gradient(180deg,rgba(8,22,43,.78) 0%,rgba(8,22,43,.55) 45%,rgba(8,22,43,.2) 100%)}
  .nb-card{max-width:520px}
  .nb-ben ul{grid-template-columns:1fr 1fr}
  .nb-ben li:nth-child(3){border-left:0}
  .nb-ben li:nth-child(n+3){border-top:1px solid var(--rule)}
}
@media (max-width:640px){
  .nb-in{padding-top:28px;padding-bottom:20px}
  .pr .nb-hero h1{font-size:clamp(34px,9.6vw,44px)}
  .nb-ticks{font-size:15px}
  .nb-card{padding:22px 18px 18px;margin:0 -4px}
  .nb-offer{margin:-22px -18px 18px;padding:12px 18px}
  .nb-ben ul{grid-template-columns:1fr}
  .nb-ben li{padding:18px 4px}
  .nb-ben li+li{border-left:0;border-top:1px solid var(--rule)}
  .pr .ub-in nav .ub-r{display:none}
  .pr .ub-offer{font-size:12.5px;white-space:normal;line-height:1.3}
  .pr .ub-in{height:auto;min-height:40px;padding-top:6px;padding-bottom:6px}
}
.nb-stars{display:inline-flex;gap:1px;color:#f5a524}
.nb-stars svg{width:15px;height:15px}
.nw{white-space:nowrap}
.pr .ub .ph{color:#fff}
.pr .hl em{color:#fff!important}
.pr main>.fsec{padding-top:clamp(64px,7vw,104px)}

/* ---------- lower home sections, national-brand pattern ---------- */
.nb-h{max-width:720px}
.nb-h p{margin-top:12px;font-size:17px;color:var(--mute);line-height:1.5}
.nb-h-row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.nb-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--accent)}
.nb-link svg{width:14px;height:14px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* offer band */
.nb-deal{padding:clamp(40px,5vw,72px) 0}
.nb-deal-in{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:clamp(24px,4vw,64px);align-items:center;background:var(--ink);color:#fff;border-radius:18px;padding:clamp(28px,3.4vw,52px);position:relative;overflow:hidden}
.nb-tag{display:inline-block;background:var(--accent);color:#fff;font-weight:700;font-size:13px;padding:5px 10px;border-radius:5px}
.pr .nb-deal h2{color:#fff;margin-top:16px;font-size:clamp(28px,3vw,44px);max-width:18em}
.nb-deal p:not(.nb-tag){margin-top:12px;color:rgba(255,255,255,.8);font-size:16.5px;line-height:1.55;max-width:38em}
.nb-deal-act{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:240px}
.nb-deal-act .btn{height:56px;font-size:16.5px}
.nb-deal-act svg{width:15px;height:15px}
.nb-deal-ph{text-align:center;color:rgba(255,255,255,.85);font-weight:600}
.nb-deal-ph:hover{color:#fff}

/* comparison table */
.nb-cmp{background:var(--bg-2);padding:clamp(64px,7vw,104px) 0}
.nb-cmp-wrap{margin-top:clamp(24px,3vw,40px);background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.nb-table{width:100%;border-collapse:collapse}
.nb-table th,.nb-table td{padding:18px 24px;border-bottom:1px solid var(--rule);text-align:left;font-size:16px}
.nb-table tbody tr:last-child>*{border-bottom:0}
.nb-table thead th{font-size:14px;font-weight:700;color:var(--mute);background:#fff}
.nb-table thead th.us{color:#fff;background:var(--ink)}
.nb-table tbody th{font-weight:500;color:var(--ink)}
.nb-table td{width:22%;text-align:center}
.nb-table thead th:not(:first-child){text-align:center}
.nb-table td:nth-child(2){background:rgba(14,34,64,.04)}
.nb-y{width:24px;height:24px;color:#fff;background:var(--accent);border-radius:50%;padding:3px}
.nb-n{font-size:14.5px;color:var(--mute)}

/* gallery */
.nb-gal{padding:clamp(64px,7vw,104px) 0}
.nb-gal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(160px,15vw,230px);gap:12px;margin-top:clamp(24px,3vw,40px)}
.nb-gi{position:relative;margin:0;border-radius:12px;overflow:hidden;background:var(--bg-2)}
.nb-gi.big{grid-column:span 2;grid-row:span 2}
.nb-gi img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.nb-gi:hover img{transform:scale(1.04)}
.nb-gi figcaption{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.94);color:var(--ink);font-size:13px;padding:6px 10px;border-radius:6px}
.nb-gi figcaption b{font-weight:700;margin-right:4px}

/* review wall */
.nb-wall{background:var(--bg-2);padding:clamp(64px,7vw,104px) 0}
.nb-wall-h{display:flex;align-items:center;gap:clamp(20px,3vw,40px)}
.nb-wall-h p{margin-top:8px;color:var(--mute)}
.nb-score{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border-radius:16px;padding:18px 26px;box-shadow:var(--shadow)}
.nb-score b{font-size:44px;font-weight:800;line-height:1;color:var(--ink);letter-spacing:-.03em}
.nb-score small{font-size:13px;color:var(--mute)}
.nb-wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(24px,3vw,40px)}
.nb-rv{margin:0;background:#fff;border-radius:14px;padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.nb-rv blockquote{margin:12px 0 0;font-size:16px;line-height:1.55;color:var(--ink)}
.nb-rv figcaption{margin-top:auto;padding-top:16px;font-size:14px;color:var(--mute)}
.nb-rv figcaption b{color:var(--ink)}

@media (max-width:960px){
  .nb-deal-in{grid-template-columns:1fr}
  .nb-deal-act{min-width:0;flex-direction:row;flex-wrap:wrap;align-items:center}
  .nb-gal-grid{grid-template-columns:1fr 1fr}
  .nb-wall-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .nb-table th,.nb-table td{padding:14px 12px;font-size:14.5px}
  .nb-table thead th{font-size:12.5px}
  .nb-gal-grid{grid-auto-rows:150px}
  .nb-wall-grid{grid-template-columns:1fr}
  .nb-wall-h{flex-direction:column;align-items:flex-start}
  .nb-deal-act .btn{width:100%}
}
@media (max-width:640px){.nb-gi:not(.big) figcaption{display:none}}

/* process with photos, after Renewal by Andersen's four-step row */
.nb-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(20px,2.6vw,36px);padding:0}
.nb-step img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.nb-step-k{display:block;margin-top:16px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase!important;color:var(--accent)}
.pr .nb-step h3{margin-top:6px;font-size:20px}
.nb-step p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--mute)}
@media (max-width:960px){.nb-steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.nb-steps{grid-template-columns:1fr}}