
:root{
  --ink:#14202b;
  --ink-2:#2a3844;
  --paper:#f5f2ec;
  --stone:#e8e2d6;
  --line:#d6cebf;
  --brass:#a87a3d;
  --brass-lt:#d9b27a;
  --lake:#1c6ea4;
  --blue:#278ccb;
  --muted:#5f6a72;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:4px;
  --gutter:clamp(16px,4vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.015em;margin:0}
h2{font-size:clamp(34px,4.4vw,54px)}
h3{font-size:clamp(24px,2.2vw,30px);letter-spacing:-.01em}
em{font-style:italic}
p{margin:0 0 1em}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--gutter)}
.muted{color:var(--muted)}
.small{font-size:14px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:8px 14px;z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

.eyebrow{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--brass);margin:0 0 18px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:600;font-size:16px;padding:16px 26px;border-radius:var(--r);border:0;cursor:pointer;transition:background .2s,transform .2s;font-family:var(--sans)}
.btn:hover{background:var(--lake)}
.btn:active{transform:translateY(1px)}
.btn--small{padding:10px 16px;font-size:14px}
.btn--block{width:100%}
.link-arrow{font-weight:600;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px;transition:border-color .2s}
.link-arrow:hover{border-color:var(--ink)}
.link-arrow span{display:inline-block;transition:transform .2s}
.link-arrow:hover span{transform:translateX(3px)}

/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(245,242,236,.86);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
.top.is-scrolled{border-color:var(--line)}
.top__row{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.mark{display:inline-flex;align-items:baseline;gap:.28em;text-decoration:none;font-family:var(--serif);font-size:22px;letter-spacing:-.01em;white-space:nowrap;margin:0}
.mark__amp{font-style:italic;color:var(--brass)}
.mark__co{font-style:italic}
.nav{display:flex;gap:30px;font-size:15px}
.nav a{text-decoration:none;color:var(--ink-2);position:relative;white-space:nowrap}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover::after{transform:scaleX(1)}
.top__cta{display:flex;align-items:center;gap:18px}
.top__phone{text-decoration:none;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}

/* hero */
.hero{padding:clamp(40px,7vw,96px) 0 clamp(56px,8vw,110px)}
.hero__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(32px,6vw,90px);align-items:center}
.hero__title{font-size:clamp(56px,7.4vw,104px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px}
.hero__title em{color:var(--lake)}
.hero__lede{font-size:clamp(18px,1.5vw,20px);max-width:34em;color:var(--ink-2);margin-bottom:34px}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}

/* the pane */
.pane{position:relative;margin:0;aspect-ratio:5/6;max-height:640px}
.pane__glass{position:absolute;inset:14px;overflow:hidden;background:#cfdde2}
.scene{width:100%;height:100%;display:block}
.pane__frame{position:absolute;inset:0;pointer-events:none;border:14px solid var(--ink);box-shadow:0 30px 60px -30px rgba(20,32,43,.45)}
.pane__frame::before,.pane__frame::after{content:"";position:absolute;background:var(--ink)}
.pane__frame::before{left:50%;top:0;bottom:0;width:10px;transform:translateX(-50%)}
.pane__frame::after{top:48%;left:0;right:0;height:10px}
.haze{position:absolute;inset:0;background:url(/img/grime.svg),linear-gradient(180deg,rgba(214,206,190,.55),rgba(190,180,160,.6));background-size:260px,cover;backdrop-filter:blur(5px) saturate(.55);-webkit-backdrop-filter:blur(5px) saturate(.55);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 40%,#000 46%);mask-image:linear-gradient(90deg,transparent 0%,transparent 40%,#000 46%);
  -webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.blade{position:absolute;top:-2%;bottom:-2%;left:-8%;width:18px;transform:rotate(3deg);opacity:0}
.blade span{position:absolute;inset:0;background:linear-gradient(90deg,#1b1b1b,#3a3a3a 40%,#111);border-radius:3px;box-shadow:6px 0 10px rgba(0,0,0,.18)}
.blade::before{content:"";position:absolute;inset:0 -4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);filter:blur(2px);transform:translateX(-10px)}
.pane.is-wiping .haze{animation:wipe 1.9s cubic-bezier(.55,.05,.35,1) forwards}
.pane.is-wiping .blade{animation:blade 1.9s cubic-bezier(.55,.05,.35,1) forwards}
@keyframes wipe{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}
@keyframes blade{0%{left:-6%;opacity:1}92%{opacity:1}100%{left:104%;opacity:0}}
.pane__cap{position:absolute;left:0;bottom:-38px;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--muted)}
.pane__cap span{font-size:15px}
.rewipe{font:inherit;color:var(--ink);background:none;border:0;padding:0;border-bottom:1px solid var(--line);cursor:pointer}
@media (prefers-reduced-motion:reduce){
  .haze{display:none}.blade{display:none}.pane__cap span{display:none}
  html{scroll-behavior:auto}
}

/* facts strip */
.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--stone)}
.facts__row{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto}
.facts__row li{padding:26px 0 26px 24px;border-left:1px solid var(--line);display:flex;flex-direction:column}
.facts__row li:first-child{border-left:0;padding-left:0}
.facts__row strong{font-family:var(--serif);font-weight:400;font-size:22px}
.facts__row span{font-size:14px;color:var(--muted)}

/* sections */
section[id]{scroll-margin-top:96px}
.section-head{margin-bottom:clamp(40px,5vw,64px);max-width:760px}
.work,.route{padding:clamp(80px,10vw,140px) 0}

.split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.split__item{padding:40px 48px 44px 0}
.split__item + .split__item{padding:40px 0 44px 48px;border-left:1px solid var(--line)}
.split__num{font-family:var(--serif);font-style:italic;color:var(--brass);font-size:20px;margin-bottom:10px}
.split h3{margin-bottom:18px}
.split p{color:var(--ink-2)}
.ticks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.ticks li{position:relative;padding-left:26px;font-size:15.5px}
.ticks li::before{content:"";position:absolute;left:0;top:.72em;width:14px;height:1px;background:var(--brass)}

.also{margin-top:clamp(56px,7vw,90px);display:grid;grid-template-columns:.35fr 1fr;gap:40px;padding-top:36px;border-top:1px solid var(--line)}
.also__title{font-size:24px}
.also__list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:28px 48px}
.also__list dt{font-weight:600;margin-bottom:4px}
.also__list dd{margin:0;color:var(--muted);font-size:15.5px}

/* before/after */
.difference{background:var(--ink);color:var(--paper);padding:clamp(80px,10vw,140px) 0}
.difference__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,80px);align-items:center}
.section-head--light .muted{color:#9aa6ae}
.section-head--light h2 em{color:var(--brass-lt)}
.ba{--pos:50%;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:2px;user-select:none;touch-action:pan-y}
.ba__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:url(/img/scene.svg) center/cover}
.ba__img--before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
div.ba__img--before{background-image:url(/img/grime.svg),linear-gradient(rgba(190,178,150,.32),rgba(160,150,125,.38)),url(/img/scene.svg);background-size:220px,cover,cover;filter:blur(1.2px) saturate(.55) contrast(.9)}
.ba__tag{position:absolute;top:16px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;background:rgba(20,32,43,.78);color:var(--paper);padding:6px 10px;border-radius:2px;pointer-events:none}
.ba__tag--before{left:16px}.ba__tag--after{right:16px}
.ba__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;z-index:3}
.ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--paper);transform:translateX(-1px);pointer-events:none;z-index:2}
.ba__handle::after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314202b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") center/20px no-repeat;transform:translate(-50%,-50%);box-shadow:0 4px 14px rgba(0,0,0,.3)}
.ba:focus-within .ba__handle::after{outline:2px solid var(--brass-lt);outline-offset:3px}

/* steps */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:s}
.steps li{padding:0 36px 0 0;position:relative}
.steps li + li{padding-left:36px;border-left:1px solid var(--line)}
.steps__n{display:block;font-family:var(--serif);font-size:72px;line-height:1;color:var(--brass);font-style:italic;margin-bottom:20px}
.steps h3{margin-bottom:12px;font-size:26px}
.steps p{color:var(--ink-2);font-size:16px}

/* about */
.about{background:var(--stone);padding:clamp(80px,10vw,130px) 0;border-top:1px solid var(--line)}
.about__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(32px,6vw,90px);align-items:center}
.about__photo{aspect-ratio:4/5;background:linear-gradient(160deg,var(--lake),var(--ink));display:grid;place-items:center;color:var(--brass-lt);font-family:var(--serif);font-style:italic;font-size:64px;position:relative;overflow:hidden}
.about__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about blockquote{margin:0 0 30px;font-family:var(--serif);font-size:clamp(22px,2.3vw,30px);line-height:1.35;letter-spacing:-.005em}
.about blockquote p{margin-bottom:.8em}
.sig{font-family:var(--serif);font-style:italic;font-size:26px;margin:0}
.sig span{display:block;font-family:var(--sans);font-style:normal;font-size:14px;color:var(--muted);margin-top:4px}

/* area */
.area{padding:clamp(64px,8vw,100px) 0;border-top:1px solid var(--line)}
.area__grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:40px;align-items:baseline}
.area__towns{font-family:var(--serif);font-size:clamp(22px,2.4vw,32px);line-height:1.4;margin:0}
.area__towns span{color:var(--muted);font-style:italic}

/* quote */
.quote{background:var(--ink);color:var(--paper);padding:clamp(80px,10vw,140px) 0}
.quote__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,100px);align-items:start}
.quote__intro{position:sticky;top:110px}
.quote__intro h2{margin-bottom:22px}
.quote__intro p{color:#c3ccd2}
.quote__intro .muted{color:#8f9ba3}
.quote__phone{display:inline-block;font-family:var(--serif);font-size:clamp(34px,4vw,48px);text-decoration:none;color:var(--brass-lt);margin:18px 0 6px;letter-spacing:-.01em}
.form{display:grid;gap:20px;background:var(--paper);color:var(--ink);padding:clamp(24px,4vw,44px);border-radius:var(--r)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form label{display:grid;gap:7px;font-size:14px;font-weight:600}
.opt{font-weight:400;color:var(--muted)}
.form input:not([type=radio]):not([type=checkbox]),.form textarea{font:inherit;font-weight:400;font-size:16px;padding:13px 14px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink);width:100%;transition:border-color .2s,box-shadow .2s}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--lake);box-shadow:0 0 0 3px rgba(47,93,110,.15)}
.form textarea{resize:vertical}
.chips{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.chips legend{font-size:14px;font-weight:600;margin-bottom:9px;padding:0}
.chips label{display:block;font-weight:500}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:14.5px;cursor:pointer;background:#fff;transition:all .15s}
.chips span:hover{border-color:var(--ink-2)}
.chips input:checked + span{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.chips input:focus-visible + span{outline:2px solid var(--brass);outline-offset:2px}
.hp{position:absolute;left:-9999px}

/* footer */
.foot{background:#0e171f;color:#c3ccd2;padding:60px 0 28px}
.foot__grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-bottom:36px;border-bottom:1px solid #26333d}
.mark--foot{color:var(--paper);margin-bottom:10px}
.foot .muted{color:#8f9ba3}
.foot__contact{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.foot__contact a{text-decoration:none;color:var(--paper)}
.foot__contact a:first-child{font-family:var(--serif);font-size:28px;color:var(--brass-lt)}
.foot__base{display:flex;justify-content:space-between;padding-top:22px;font-size:13px;color:#8f9ba3}
.foot__base a{text-decoration:none}

/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* responsive */
@media (max-width:980px){
  .nav{display:none}
  .hero__grid,.difference__grid,.about__grid,.quote__grid{grid-template-columns:1fr}
  .pane{max-width:520px;width:100%;margin:0 auto 30px}
  .also{grid-template-columns:1fr;gap:24px}
  .quote__intro{position:static}
  .area__grid{grid-template-columns:1fr;gap:16px}
  .about__photo{max-width:320px}
}
@media (max-width:720px){
  body{font-size:16px}
  .top__row{height:62px}
  .top__phone{display:none}
  .mark{font-size:20px}
  .facts__row{grid-template-columns:1fr 1fr}
  .facts__row li{padding:18px 0 18px 16px}
  .facts__row li:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}
  .facts__row li:nth-child(4){border-top:1px solid var(--line)}
  .facts__row strong{font-size:19px}
  .split{grid-template-columns:1fr}
  .split__item,.split__item + .split__item{padding:32px 0;border-left:0}
  .split__item + .split__item{border-top:1px solid var(--line)}
  .also__list{grid-template-columns:1fr;gap:20px}
  .steps{grid-template-columns:1fr;gap:36px}
  .steps li,.steps li + li{padding:0;border:0}
  .steps__n{font-size:56px;margin-bottom:10px}
  .form__row{grid-template-columns:1fr}
  .foot__contact{align-items:flex-start}
  .foot__base{flex-direction:column;gap:8px}
}

/* ---------- estates ---------- */
.estates{padding:clamp(80px,10vw,140px) 0;border-top:1px solid var(--line)}
.estates__intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(36px,5vw,56px)}
.estates__intro .section-head{margin-bottom:0}
.estates h2 em{color:var(--lake)}
.estates__lede{color:var(--ink-2);font-size:18px;margin:0}
.estates__photos{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin:0 0 clamp(40px,5vw,64px)}
.estates__photos img{width:100%;height:clamp(220px,32vw,420px);object-fit:cover;border-radius:2px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.plan{padding:34px 34px 38px 0}
.plan + .plan{padding-left:34px;border-left:1px solid var(--line)}

.plan--feature{background:var(--stone);padding-left:34px!important;padding-right:34px}
.plan__freq{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--brass);margin-bottom:12px}
.plan h3{margin-bottom:10px}
.plan > p:not(.plan__freq){color:var(--ink-2)}
.estates__notes{list-style:none;padding:0;margin:clamp(36px,5vw,56px) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--line);padding-top:28px}
.estates__notes li{color:var(--muted);font-size:15.5px}
.estates__notes strong{display:block;color:var(--ink);font-weight:600;margin-bottom:4px}

/* ---------- work / before-after ---------- */
.pair{margin:0 0 clamp(40px,5vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pair__item{position:relative;overflow:hidden;border-radius:2px}
.pair__item img{width:100%;aspect-ratio:4/3;object-fit:cover}
.pair .ba__tag{left:14px}
.pair figcaption{grid-column:1/-1;color:#9aa6ae;font-size:14px;font-family:var(--serif);font-style:italic;font-size:17px}
.gallery{columns:3;column-gap:14px}
.g{margin:0 0 14px;position:relative;overflow:hidden;border-radius:2px;break-inside:avoid;display:block}

.g img{display:block;width:100%;height:auto;transition:transform .8s ease}
.g:hover img{transform:scale(1.03)}
.g figcaption{position:absolute;left:12px;bottom:10px;font-size:13px;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.55)}

/* ---------- vendor band ---------- */
.vendorband{background:var(--lake);color:var(--paper);padding:clamp(40px,5vw,56px) 0}
.vendorband__row{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.vendorband .eyebrow{color:var(--brass-lt);margin-bottom:10px}
.vendorband__text{font-family:var(--serif);font-size:clamp(22px,2.4vw,30px);line-height:1.3;max-width:30em;margin:0}
.btn--light{background:var(--paper);color:var(--ink)}
.btn--light:hover{background:#fff;color:var(--ink)}

@media (max-width:980px){
  .estates__intro{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr}
  .plan,.plan + .plan{padding:28px 0;border-left:0}
  .plan + .plan{border-top:1px solid var(--line)}
  .plan--feature{padding:28px 24px!important}
  .estates__notes{grid-template-columns:1fr}
}
@media (max-width:720px){
  .estates__photos{grid-template-columns:1fr}
  .estates__photos img:last-child{display:none}
  .pair{grid-template-columns:1fr}
  .gallery{columns:2}
}

/* ---------- logo ---------- */
.mark img{height:60px;width:auto;display:block}
.mark--foot img{height:70px;width:auto}
.top__row{height:86px}

/* ---------- mobile menu ---------- */
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r);background:transparent;cursor:pointer;position:relative;padding:0}
.menu-btn span{position:absolute;left:12px;right:12px;height:2px;background:var(--ink);transition:transform .25s,top .25s}
.menu-btn span:first-child{top:16px}.menu-btn span:last-child{top:25px}
.menu-btn[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}
.mnav{border-top:1px solid var(--line);background:var(--paper)}
.mnav[hidden]{display:none}
.mnav__inner{display:flex;flex-direction:column;padding-top:10px;padding-bottom:22px}
.mnav__inner > a{font-family:var(--serif);font-size:26px;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line)}
.mnav__cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--paper)}
@media (max-width:980px){
  .menu-btn{display:block}
}
@media (max-width:720px){
  .mark img{height:46px}
  .top__row{height:70px}
  .top__cta{gap:10px}
}
@media (max-width:380px){ .top__cta .btn--small{display:none} }

/* ---------- mobile polish (2026-09-23) ---------- */
.pair__item img{height:auto}
@media (max-width:720px){
  .hero{padding:24px 0 44px}
  .pane{aspect-ratio:1/1;margin-bottom:36px}
  .work,.route,.estates,.difference,.about,.quote{padding:60px 0}
  .area{padding:48px 0}
  .section-head{margin-bottom:30px}
  .also{margin-top:36px;padding-top:28px}
  .estates__photos{margin-bottom:32px}
  .estates__notes{margin-top:32px}
  .steps{gap:26px}
  .steps__n{font-size:44px;margin-bottom:6px}
  .pair{margin-bottom:28px}
  .gallery{column-gap:10px}
  .g{margin-bottom:10px}
  .about__photo{max-width:none;aspect-ratio:1/1}
  .about__photo img{object-position:50% 20%}
  .foot{padding:44px 0 24px}
  .g figcaption{font-size:12px;left:10px;right:8px}
}

.split__more{display:inline-block;margin-top:22px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:2px}

/* Two service regions, equal weight */
.area__pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:start}
.area__col h2{margin:0 0 18px}
.area__col .split__more{margin-top:18px}
@media (max-width:1180px){.nav{gap:22px;font-size:14.5px}}
@media (max-width:720px){.area__pair{grid-template-columns:1fr;gap:40px}}

/* 4-plan grid (estate plans) */
.plans--4{grid-template-columns:repeat(4,1fr)}
.plans--4 .plan{padding-right:26px}
.plans--4 .plan + .plan{padding-left:26px}
@media (max-width:1180px){.plans--4{grid-template-columns:1fr 1fr}.plans--4 .plan:nth-child(3){border-left:0;padding-left:0}.plans--4 .plan:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:720px){.plans--4{grid-template-columns:1fr}.plans--4 .plan,.plans--4 .plan + .plan{padding:28px 0;border-left:0}.plans--4 .plan--feature{padding:28px 24px!important}}

.plans__addon{margin:22px 0 0;font-size:15.5px;color:var(--ink-2)}
.plans__addon::before{content:"+ ";color:var(--brass);font-weight:600}
