/* fm-veritaslaw : Aldridge Penn Law (likeness rebuild). Original CSS, generator-owned.
   Geometry measured from the live reference at 1440 / 390 (see README hero + band tables). */
@font-face{font-family:"Inter";src:url("../fonts/inter-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Gelasio";src:url("../fonts/gelasio-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --paper:#E0EFF3;      /* page ground (ref rgb 224,239,243) */
  --ink:#000;           /* text + dark bands */
  --dark:#000;
  --white:#fff;
  --accent:#CB530A;     /* rust: text on dark, lines (ref rgb 203,83,10) */
  --accent-deep:#B34708;/* rust deepened in-family: eyebrows on paper + filled cards with white text (AA) */
  --muted:rgba(0,0,0,.6);
  --muted-w:rgba(255,255,255,.6);
  --body-grey:#555C5F;  /* article body (ref #7D7D7D = 3.4:1 on paper, deepened) */
  --line:rgba(0,0,0,.16);
  --gold:#B68D4C;
  --night:#0B1114;      /* Night Ink: owner QC r1 hero card + practice band ground */
  --ember:#E5793F;      /* rust lifted for small text on Night Ink (AA) */
  --serif:"Gelasio",Georgia,serif;
  --sans:"Inter",system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --pad:max(80px,calc((100vw - 1280px)/2));
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/26px var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,h5,p,ul,ol,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:#000;color:#fff;padding:10px 16px;border-radius:6px}
.skip:focus{top:12px}

.page{background:var(--paper);position:relative;overflow:clip;display:flow-root}

/* ---------- type ---------- */
.serif{font-family:var(--serif);font-weight:400}
.t-h1{font:400 96px/110px var(--serif);text-wrap:balance}
.t-h2{font:400 64px/76px var(--serif);text-wrap:balance}
.t-h2m{font:400 48px/58px var(--serif)}
.t-h3{font:400 32px/42px var(--serif)}
.t-h4{font:400 20px/30px var(--serif)}
.eyebrow{font:400 16px/28px var(--sans);color:var(--accent-deep);text-transform:uppercase}
.on-dark .eyebrow,.eyebrow--dark{color:var(--accent)}
.small{font-size:14px;line-height:24px}

/* ---------- roll text (buttons + nav) ---------- */
.roll{display:inline-block;height:26px;overflow:hidden;vertical-align:top}
.roll>span{display:block;transition:transform .45s var(--ease)}
a:hover .roll>span,button:hover .roll>span,.btn:hover .roll>span{transform:translateY(-26px)}

/* ---------- buttons ---------- */
.btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;height:50px;padding:12px 24px;border-radius:6px;background:#000;color:#fff;white-space:nowrap}
.btn--light{background:#fff;color:#000}
.btn--arrow{width:56px;height:52px;padding:0;justify-content:center;background:var(--accent-deep);color:#fff;position:relative;overflow:hidden;border-radius:6px}
.btn--arrow svg{width:24px;height:24px;transition:transform .45s var(--ease)}
.btn--arrow svg+svg{position:absolute;left:16px;top:14px;transform:translate(-30px,30px)}
.btn--arrow:hover svg:first-child{transform:translate(30px,-30px)}
.btn--arrow:hover svg+svg{transform:none}
.pair{display:flex;gap:8px;align-items:center}

/* ============ Owner QC r1 (2026-10-04): header, mega, menu, hero ============ */
/* one header on every page: fixed; transparent at rest (inside the home hero card / on paper),
   solid paper bar once scrolled (.is-scrolled). Always pinned, so phone + CTA stay reachable. */
.hdr{--hh:88px;position:fixed;left:0;right:0;top:0;z-index:60;transition:background-color .3s var(--ease),box-shadow .3s var(--ease),padding .3s var(--ease),color .3s var(--ease);color:var(--ink)}
.hdr--hero{padding-top:20px;color:#fff}
.hdr__in{height:var(--hh);padding:0 var(--pad);display:flex;align-items:center;gap:28px;transition:height .3s var(--ease)}
.hdr.is-scrolled{--hh:72px;padding-top:0;color:var(--ink);background:rgba(224,239,243,.96);box-shadow:0 1px 0 var(--line),0 10px 30px -18px rgba(11,17,20,.35);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px)}
.hdr-sp{height:88px}
.logo{display:block;width:170px;height:52px;flex:0 0 auto;color:inherit}
.hdr .logo{width:150px;height:46px;transition:width .3s var(--ease),height .3s var(--ease)}
.hdr.is-scrolled .logo{width:131px;height:40px}
.hdr .logo{color:#10212B}
.hdr--hero:not(.is-scrolled) .logo{color:#fff}
.logo svg{width:100%;height:100%;display:block}
.nav{margin-left:auto;height:100%}
.nav__list{display:flex;align-items:stretch;height:100%;gap:2px}
.nav__item{display:flex}
.nav__link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0 13px;font-size:16px;line-height:26px;white-space:nowrap}
.nav__link svg{width:16px;height:16px;transition:transform .2s var(--ease)}
.nav__link::after{content:"";position:absolute;left:13px;right:13px;bottom:calc(50% - 18px);height:2px;background:var(--accent-deep);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}
.nav__link:hover::after,.nav__link[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.nav__item--mega .nav__link::after{right:35px}
.hdr--hero:not(.is-scrolled) .nav__link::after{background:var(--ember)}
.hdr__tel{display:inline-flex;align-items:center;gap:9px;font-size:16px;line-height:24px;white-space:nowrap;flex:0 0 auto}
.hdr__tel svg{width:20px;height:20px;color:var(--accent-deep)}
.hdr--hero:not(.is-scrolled) .hdr__tel svg{color:var(--ember)}
.hdr__tel:hover span{text-decoration:underline;text-underline-offset:4px}
.btn--acc{background:var(--accent-deep);color:#fff}
.btn--acc:hover{background:#9C3E07}
.hdr__cta{height:48px;padding:11px 22px;flex:0 0 auto}
.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex:0 0 auto;margin-right:-8px}
.burger svg{width:28px;height:28px}

/* mega menu (donor pattern: Custerpoint grouped index, as ported to fm-gardenn / fm-handro).
   Opaque panel spanning the content column under the bar; the nav item fills the bar height and
   the ::before bridge keeps one continuous hit area; JS adds a 180ms grace + Esc. */
.nav__item--mega{position:static}
.mega{position:absolute;left:var(--pad);right:var(--pad);top:100%;background:#fff;color:var(--ink);border-radius:16px;border:1px solid rgba(11,17,20,.08);box-shadow:0 2px 6px rgba(11,17,20,.06),0 34px 70px -30px rgba(11,17,20,.45);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease-out,transform .18s ease-out,visibility 0s linear .18s;z-index:70;cursor:default}
.mega::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.nav__item--mega.is-open .mega{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.nav__item--mega.is-open>.nav__link svg{transform:rotate(180deg)}
.mega__in{display:grid;grid-template-columns:minmax(0,1fr) 300px}
.mega__cols{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr)) minmax(270px,.95fr);padding:32px 0 28px}
.mega__col{padding:0 28px;border-left:1px solid var(--line);min-width:0}
.mega__col:first-child{border-left:0}
.mega__eb{font-size:13px;line-height:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:14px}
.mega__lk{display:flex;gap:12px;padding:12px 0}
.mega__ic{width:44px;height:44px;border-radius:10px;background:var(--paper);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.mega__ic svg{width:22px;height:22px}
.mega__tx{display:flex;flex-direction:column;min-width:0}
.mega__tx b{display:block;font:400 19px/27px var(--serif);white-space:nowrap;transition:color .16s ease-out}
.mega__tx b svg{width:16px;height:16px;flex:0 0 auto;opacity:0;transform:translateX(-4px);color:var(--accent-deep);transition:opacity .16s ease-out,transform .16s ease-out}
.mega__tx>span{margin-top:3px;font-size:15px;line-height:22px;color:#4A5357;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mega__lk:hover b,.mega__lk:focus-visible b{color:var(--accent-deep)}
.mega__lk:hover b svg,.mega__lk:focus-visible b svg{opacity:1;transform:none}
.mega__q li+li{border-top:1px solid var(--line)}
.mega__q a{display:block;padding:10px 0;font-size:16px;line-height:22px;white-space:nowrap;transition:color .16s ease-out,padding .16s ease-out}
.mega__q a:hover,.mega__q a:focus-visible{color:var(--accent-deep);padding-left:4px}
.mega__feat{display:flex;flex-direction:column;margin:16px 16px 16px 0;padding:12px 12px 20px;background:var(--paper);border-radius:12px}
.mega__img{display:block;border-radius:8px;overflow:hidden;aspect-ratio:16/9;margin-bottom:14px}
.mega__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.mega__feat:hover .mega__img img{transform:scale(1.03)}
.mega__feat__eb{padding:0 6px;font-size:12px;line-height:16px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep)}
.mega__feat b{padding:0 6px;margin:8px 0 6px;font:400 20px/27px var(--serif)}
.mega__feat__p{padding:0 6px;font-size:15px;line-height:22px;color:#4A5357}
.mega__feat__go{display:inline-flex;align-items:center;gap:6px;padding:0 6px;margin-top:12px;font-size:15px;line-height:20px;font-weight:600}
.mega__feat__go svg{width:16px;height:16px;transition:transform .16s ease-out}
.mega__feat:hover .mega__feat__go svg{transform:translateX(3px)}
.mega__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 32px;border-top:1px solid var(--line);background:#F7FBFC;font-size:15px;line-height:20px}
.mega__bar__l{display:inline-flex;align-items:center;gap:10px;color:#4A5357}
.mega__bar svg{width:18px;height:18px;color:var(--accent-deep)}
.mega__bar__r{display:inline-flex;align-items:center;gap:28px}
.mega__bar a{display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}
.mega__bar a:hover{color:var(--accent-deep)}
@media (max-width:1439.98px){.mega__col--q{display:none}.mega__cols{grid-template-columns:repeat(2,minmax(280px,1fr))}}

/* mobile menu: full-screen panel, Practice Areas as an accordion with the mega's groups */
.mmenu{position:fixed;inset:0;z-index:80;background:var(--paper);display:none;flex-direction:column;padding:12px 20px calc(20px + env(safe-area-inset-bottom));overflow-y:auto}
.mmenu.is-open{display:flex}
.mmenu__top{display:flex;justify-content:space-between;align-items:center;height:48px;flex:0 0 auto}
.mmenu__top .logo{width:131px;height:40px;color:#10212B}
.mclose{width:44px;height:44px;margin-right:-8px;display:flex;align-items:center;justify-content:center;color:#000;flex:0 0 auto}
.mclose svg{width:28px;height:28px;display:block}
.mmenu__nav{margin-top:28px;display:flex;flex-direction:column}
.mmenu__lk,.macc__btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:60px;padding:10px 0;border-bottom:1px solid var(--line);font:400 28px/36px var(--serif);text-align:left}
.macc__btn svg{width:22px;height:22px;transition:transform .25s var(--ease)}
.macc__btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.macc__panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .3s var(--ease),visibility 0s linear .3s}
.macc.is-open .macc__panel{grid-template-rows:1fr;visibility:visible;transition-delay:0s}
.macc__in{overflow:hidden;display:flex;flex-direction:column}
.macc__g{margin-top:16px;font-size:13px;line-height:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}
.macc__in>a{display:flex;align-items:center;min-height:44px;font-size:17px;line-height:24px}
.macc__in>a.macc__all{gap:8px;font-weight:600;margin-bottom:12px}
.macc__all svg{width:16px;height:16px}
.mmenu__foot{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:12px}
.mmenu__tel{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border:1px solid rgba(0,0,0,.2);border-radius:6px;font-size:17px}
.mmenu__tel svg{width:20px;height:20px;color:var(--accent-deep)}
.mmenu__foot .btn{height:52px;justify-content:center}

/* mobile CTA bar (house floor) */
.mbar{display:none}

/* ---------- home hero (geometry measured on ziwimarketing.com 2026-10-04: card inset 20, radius 30,
   width = viewport - 40 uncapped; media starts 540px into the content column and bleeds to the card's
   right edge, faded left over 230 to 400px; phone: full-width card, media under the copy) ---------- */
.hh{padding:20px 20px 0;position:relative;z-index:3}
.hh__card{--ml:calc(var(--pad) - 20px + 500px);--f0:230px;--f1:400px;position:relative;min-height:max(820px,calc(100svh - 40px));border-radius:30px;overflow:hidden;color:#fff;
  background-color:var(--night);background-image:repeating-linear-gradient(-23deg,rgba(255,255,255,.022) 0 1px,transparent 1px 44px);isolation:isolate;display:flex;flex-direction:column}
.hh__media{position:absolute;top:0;bottom:0;right:0;left:max(var(--ml),calc(100% - 1300px));z-index:-1;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,transparent var(--f0),rgba(0,0,0,.3) calc(var(--f0) + 50px),rgba(0,0,0,.65) calc(var(--f0) + 100px),rgba(0,0,0,.9) calc(var(--f1) - 30px),#000 var(--f1)),linear-gradient(180deg,rgba(0,0,0,.18) 0,rgba(0,0,0,.5) 120px,#000 220px,#000 58%,rgba(0,0,0,.5) 82%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,transparent var(--f0),rgba(0,0,0,.3) calc(var(--f0) + 50px),rgba(0,0,0,.65) calc(var(--f0) + 100px),rgba(0,0,0,.9) calc(var(--f1) - 30px),#000 var(--f1)),linear-gradient(180deg,rgba(0,0,0,.18) 0,rgba(0,0,0,.5) 120px,#000 220px,#000 58%,rgba(0,0,0,.5) 82%,transparent 100%);mask-composite:intersect}
.hh__media img{width:100%;height:100%;object-fit:cover;object-position:62% 30%}
.hh__in{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 372px;align-items:end;column-gap:40px;padding:150px calc(var(--pad) - 20px) 48px}
.hh__copy{align-self:center;padding-top:8px}
.hh__copy .eyebrow{color:var(--ember)}
.hh__copy h1{margin-top:12px;max-width:560px}
.hh__lead{margin-top:24px;max-width:380px;color:rgba(255,255,255,.86);font-size:17px;line-height:28px}
.hh__copy .btns{margin-top:40px;gap:28px}
.lnk{display:inline-flex;align-items:center;gap:10px;height:50px;position:relative;white-space:nowrap}
.lnk svg{width:18px;height:18px;transition:transform .25s var(--ease)}
.lnk::after{content:"";position:absolute;left:0;right:28px;bottom:9px;height:1px;background:currentColor;transform-origin:left;transition:transform .3s var(--ease)}
.lnk:hover::after{transform:scaleX(0);transform-origin:right}
.lnk:hover svg{transform:translateX(4px)}
/* Google rating row (pattern: Custerpoint .grev) under the hero copy, where the killed card sat */
.hrate{display:flex;align-items:center;gap:14px;margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16);max-width:420px}
.hrate__g{width:40px;height:40px;flex:0 0 auto;background:#fff;border-radius:50%;padding:7px}
.hrate__n{display:flex;align-items:center;gap:10px;font:400 26px/30px var(--serif)}
.hrate .stars{color:#F2A33A;gap:2px}
.hrate .stars svg{width:17px;height:17px}
.hrate__l{margin-top:2px;font-size:14px;line-height:20px;color:rgba(255,255,255,.8)}
.hrate__l span{color:rgba(255,255,255,.62)}
/* right card: "your first consultation" steps, a dark glass panel over the photo */
.hh__next{position:relative;padding:24px 26px 22px;border-radius:20px;background:rgba(11,17,20,.82);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -30px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}
.hh__next__eb{font-size:13px;line-height:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember)}
.hh__next h2{margin-top:8px;font:400 24px/32px var(--serif)}
.hh__next ol{margin-top:14px;border-bottom:1px solid rgba(255,255,255,.12)}
.hh__next li{display:flex;align-items:baseline;gap:14px;padding:11px 0;border-top:1px solid rgba(255,255,255,.12);font-size:15px;line-height:22px;color:rgba(255,255,255,.9)}
.hh__next .n{font:400 15px/22px var(--serif);color:var(--ember);flex:0 0 auto;width:22px}
.hh__next__go{display:inline-flex;align-items:center;gap:10px;margin-top:16px;font-weight:600;color:#fff}
.hh__next__go svg{width:18px;height:18px;color:var(--ember);transition:transform .25s var(--ease)}
.hh__next__go:hover svg{transform:translateX(4px)}
.ibox{width:56px;height:52px;border-radius:6px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ibox svg{width:24px;height:24px}
.faces{display:flex}
.faces>*{width:35px;height:36px;border-radius:50%;margin-right:-11px;border:0;overflow:hidden;object-fit:cover;flex:0 0 auto}

/* ---------- home about band (owner QC r1: on the paper ground so the dark hero card is not followed by a dark band) ---------- */
.hab{padding:130px var(--pad) 65px;text-align:center;position:relative;z-index:2}
.hab .stat,.hab .stat:nth-child(odd),.hab .stat:nth-child(-n+2){border-color:var(--line)}
.hab .stat .n{color:#000}
.hab .stat .l{color:var(--accent-deep)}
.hab h2{margin:12px auto 0;max-width:730px}
.hab .intro{margin:24px auto 0;max-width:410px}
.stats{--sg:9.27%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--sg);margin-top:60px;text-align:left}
.stats--wide{--sg:7.81%}
.stat{border-right:1px solid #fff;height:92px}
.stat .n{font:400 54px/62px var(--serif);color:#fff;display:flex;gap:4px;padding-left:4px}
.stat .l{margin-top:4px;color:var(--accent)}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:60px;text-align:left}
.card{background:#fff;color:#000;border-radius:10px;padding:32px;min-height:354px;display:flex;flex-direction:column;justify-content:space-between}
.card h3{font:400 32px/42px var(--serif)}
.card p{margin-top:12px;color:var(--muted)}
.card--acc{background:var(--accent-deep);color:#fff}
.card--acc p{color:rgba(255,255,255,.93)}
.card--img{padding:0;overflow:hidden}
.card--img img{width:100%;height:100%;object-fit:cover;border-radius:10px}

/* ---------- section heads ---------- */
.head2{display:grid;grid-template-columns:minmax(0,852fr) minmax(0,410fr);column-gap:18px}
.head2 h2{margin-top:12px}
.head2 .side{text-align:right;margin-top:44px}
.head2 .btns{margin-top:49px}

/* ---------- services accordion ---------- */
.svc{padding:130px var(--pad) 65px}
.svc--pt{padding-top:130px}
.rows{margin-top:60px}
.srow{position:relative;padding:60px 0;display:grid;grid-template-columns:328px minmax(0,1fr);column-gap:10px}
.srow:last-child::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line)}
.srow__line{position:absolute;left:0;top:0;width:100%;height:1px;background:var(--line)}
.srow__lab{text-transform:uppercase;line-height:28px}
.srow__top{display:flex;justify-content:space-between;align-items:flex-start}
.srow__top h3{padding-top:5px;font:400 32px/42px var(--serif)}
.pm{width:56px;height:52px;border-radius:6px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.pm svg{width:24px;height:24px;transition:transform .45s var(--ease)}
.is-open>.srow__main .pm svg,.srow.is-open .pm svg{transform:rotate(45deg)}
.srow__body{display:flex;justify-content:space-between;align-items:flex-end;margin-top:55px}
.dots{width:410px;margin-left:39px;display:flex;flex-direction:column;gap:12px}
.dots li{position:relative}
.dots li::before{content:"";position:absolute;left:-22px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--accent-deep)}
.tags{width:476px;display:flex;flex-wrap:wrap;gap:12px 10px;padding-right:130px}
.tags li{background:#fff;border-radius:6px;padding:10px 16px;font-size:14px;line-height:24px}
.srow__panel{height:0;overflow:hidden;transition:height .55s var(--ease)}
.srow.is-open .srow__panel{height:auto}
.srow__imgs{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:60px}
.srow__imgs img{width:100%;height:266px;object-fit:cover;border-radius:10px}

/* ---------- why cards ---------- */
.why{padding:65px var(--pad)}
html{scroll-padding-top:96px}
.why--pt{padding-top:130px}
.cards2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:60px}
.cards2 .card p{max-width:342px}

/* ---------- ticker team + testimonials ---------- */
.team{padding:65px 0 65px var(--pad)}
.team--pt{padding-top:130px}
.team--pb0{padding-bottom:0}
.headL{display:grid;grid-template-columns:370px minmax(0,1fr);padding-right:var(--pad)}
.headL .eyebrow{margin-top:48px;max-width:150px}
.headL h2{max-width:910px}
.tick{margin:60px 0 0 366px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 154px);mask-image:linear-gradient(90deg,transparent 0,#000 154px)}
.tick--t{margin-left:375px}
.tick__track{display:flex;gap:20px;width:max-content;will-change:transform}
.tcard{position:relative;width:329px;height:419px;border-radius:10px;overflow:hidden;flex:0 0 auto;display:block;color:#fff;background:#8c969a}
.tcard img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transition:transform .7s var(--ease)}
.tcard:hover img{transform:scale(1.09)}
.tcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.62) 100%);pointer-events:none}
.tcard__cap{position:absolute;z-index:1;left:18px;right:18px;top:307px;border-top:1px solid rgba(255,255,255,.85);padding-top:10px;display:flex;justify-content:space-between;align-items:center}
.tcard__cap h3,.tcard__cap .nm{font:400 32px/42px var(--serif);width:150px}
.tcard__cap p{width:100px;font-size:16px;line-height:26px}

/* ---------- faq ---------- */
.faq{padding:130px var(--pad) 120px;text-align:center}
.faq h2{max-width:600px;margin:0 auto}
.faq .intro{max-width:500px;margin:14px auto 0}
.faq__list{max-width:820px;margin:98px auto 0;text-align:left}
.faq__item{border-bottom:1px solid var(--line)}
.faq__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px 0 15px;text-align:left;font:400 20px/30px var(--serif)}
.faq__item:first-child .faq__q{padding-top:0}
.faq__q .pl{width:28px;height:26px;border-radius:3px;background:var(--accent-deep);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.faq__q .pl svg{width:12px;height:12px;transition:transform .4s var(--ease)}
.faq__item.is-open .pl svg{transform:rotate(45deg)}
.faq__a{height:0;overflow:hidden;transition:height .45s var(--ease)}
.faq__a p{max-width:664px;padding:0 0 20px;color:var(--muted)}

/* ---------- footer ---------- */
.ft{background:#000;color:#fff;padding:60px var(--pad) 20px}
.ft__top{display:flex;justify-content:space-between}
.ft__logo{display:block;width:447px;height:136px;color:#fff;--mark:#fff}
.ft__logo svg{width:100%;height:100%}
.ft__about{margin-top:20px;width:360px}
.ft__links{display:flex;gap:109px}
.ft__links ul{display:flex;flex-direction:column;gap:12px}
.ft__links a{font:400 20px/30px var(--serif);display:block}
.ft__links a:hover{color:var(--accent)}
.ft__wm{margin-top:137px;font:400 244px/190px var(--serif);color:var(--accent);height:190px;white-space:nowrap}
.ft__wm span{display:block}
.ft__rule{height:1px;background:rgba(255,255,255,.45);margin-top:10px}
.ft__bot{display:flex;justify-content:space-between;gap:24px;margin-top:19px}
.ft__bot .dim{color:var(--muted-w)}
.ft__bot p span+span{margin-left:6px}
.ft__disc{margin-top:10px;color:rgba(255,255,255,.66);font-size:14px;line-height:22px;max-width:980px}

/* ---------- inner heroes ---------- */
.ph{padding:71px var(--pad) 0}
.ph__grid{display:grid;grid-template-columns:minmax(0,1fr) 460px}
.ph__grid h1{margin-top:12px}
.ph__side{margin-top:59px}
.ph__side .btns{margin-top:14px}
.ph__img{margin-top:60px;width:100%;height:600px;object-fit:cover;position:relative;z-index:2}
.ab-hero{position:relative}

.lh{padding:71px var(--pad) 0;display:grid;grid-template-columns:minmax(0,615fr) minmax(0,615fr);column-gap:50px}
.lh__copy{display:flex;flex-direction:column}
.lh__copy h1{margin-top:12px}
.lh__copy .lead{margin-top:24px;max-width:460px}
.lh__copy .pair{margin-top:25px}
.lh__img{width:100%;height:660px;object-fit:cover;border-radius:10px}
.lh--detail .lh__copy .pair{margin-top:13px}
.lh--detail .lh__fig{position:relative;border-radius:10px;overflow:hidden;height:663px}
.lh--detail .lh__fig::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.14)}
.lh--detail .lh__img{height:663px}
.socials{margin-top:auto;display:flex;gap:10px}
.socials a{width:48px;height:48px;background:#000;color:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center}
.socials svg{width:24px;height:24px}

.lgrid{padding:130px var(--pad) 0}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:60px}
.grid3 .tcard{width:auto}
.lgrid .headL{padding-right:0}
.lgrid .headL{grid-template-columns:370px minmax(0,1fr)}

/* blog */
.bh{padding:141px var(--pad) 0}
.bh--post{padding-top:141px}
.bh__grid{display:grid;grid-template-columns:minmax(0,1fr) 550px;column-gap:10px}
.bh--post .bh__grid{column-gap:48px;align-items:end}
.bh__grid .side{text-align:right;margin-top:68px}
.bh--post .bh__grid .side{margin-top:48px}
.bh__grid h1,.bh__grid .t-h2{margin-top:12px}
.bh--post .bh__grid .t-h2{margin-top:0}
.feat{position:relative;display:block;width:100%;margin-top:130px;height:600px;color:#fff;overflow:hidden}
.feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.66) 100%)}
.feat__txt{position:absolute;z-index:1;left:30px;bottom:30px;width:620px}
.feat__txt p{margin-top:12px}
.feat__more{position:absolute;z-index:1;right:30px;bottom:30px;font:400 20px/30px var(--serif)}
.lat{padding:130px var(--pad) 0}
.lat .headL{grid-template-columns:310px minmax(0,800px);padding-right:0}
.lat .headL .eyebrow{margin-top:0}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:76px}
.pcard{display:block}
.pcard img{width:100%;height:400px;object-fit:cover}
.pcard h3{margin-top:54px;padding:0 5px;font:400 32px/42px var(--serif)}
.pcard p{margin-top:12px;padding:0 5px}
.meta{margin-top:12px;padding:0 5px;font-size:14px;line-height:24px;color:var(--accent-deep);display:flex;gap:10px}
.meta i{font-style:normal}
.pcard:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}

/* article */
.art{padding:130px var(--pad) 0}
.art__body{max-width:1120px;color:var(--body-grey)}
.art__body h2{font:400 32px/42px var(--serif);color:#000;margin-top:35px}
.art__body h2:first-child{margin-top:0}
.art__body p{margin-top:20px}
.art__body h2+p{margin-top:20px}
.art__body .ans{color:#000;font-size:18px;line-height:30px}
.art__body ul.bl{margin-top:12px}
.art__body ul.bl li{position:relative;padding-left:20px;line-height:28px}
.art__body ul.bl li::before{content:"";position:absolute;left:6px;top:12px;width:4px;height:4px;border-radius:50%;background:currentColor}
.art__mods{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin-top:32px;align-items:start}
.pull{border-left:3px solid var(--accent-deep);padding:4px 0 4px 24px;font:400 26px/38px var(--serif);color:#000}
.pull cite{display:block;margin-top:10px;font:400 14px/24px var(--sans);color:var(--muted);font-style:normal}
.keys{background:#fff;border-radius:10px;padding:24px}
.keys h3{font:400 20px/30px var(--serif);color:#000}
.keys li{margin-top:10px;padding-left:22px;position:relative;font-size:15px;line-height:24px;color:#333}
.keys li::before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:50%;background:var(--accent-deep)}
.steps{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:s}
.steps li{background:#fff;border-radius:10px;padding:24px;color:#333;counter-increment:s}
.steps li::before{content:counter(s,decimal-leading-zero);display:block;font:400 32px/42px var(--serif);color:var(--accent-deep);margin-bottom:12px}
.steps b{display:block;font:400 20px/30px var(--serif);color:#000;margin-bottom:6px}
.tbl{margin-top:24px;width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;font-size:15px;line-height:24px;color:#333}
.tbl th,.tbl td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{font:400 18px/28px var(--serif);color:#000;background:#F4F9FA}
.tbl tr:last-child td{border-bottom:0}
.afaq{margin-top:20px}
.afaq dt{font:400 20px/30px var(--serif);color:#000;margin-top:18px}
.afaq dd{margin:6px 0 0}
.note{margin-top:28px;font-size:14px;line-height:22px;color:var(--muted)}

/* contact */
.ch{padding:141px var(--pad) 0;display:grid;grid-template-columns:minmax(0,611fr) minmax(0,611fr);column-gap:58px}
.ch .lead{margin-top:15px;max-width:500px}
.form{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:25px 12px}
.form label{display:block}
.form .full{grid-column:1/-1}
.form input,.form textarea{display:block;width:100%;margin-top:10px;height:48px;border:0;border-radius:6px;background:#fff;padding:12px;font:400 14px/20px var(--sans);color:#000}
.form textarea{height:86px;resize:vertical}
.form input::placeholder,.form textarea::placeholder{color:#6B7478}
.form .send{grid-column:1/-1;margin-top:30px;justify-self:start;height:41px;padding:12px 20px;border-radius:10px;background:#000;color:#fff;font:600 14px/16.8px var(--sans)}
.form__ok{grid-column:1/-1;display:none;background:#fff;border-radius:10px;padding:20px 24px}
.form.is-sent .form__ok{display:block}
.ch__img{width:100%;height:690px;object-fit:cover;border-radius:6px}
.cinfo{padding:130px var(--pad) 65px}
.cinfo__fig{position:relative;margin-top:60px;height:822px}
.cinfo__fig>img{width:100%;height:100%;object-fit:cover}
.cinfo__cards{position:absolute;left:12px;right:12px;bottom:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cinfo__cards .card{background:rgba(255,255,255,.92);min-height:355px}
.cinfo__cards .card p{margin-top:12px}

/* legal + 404 */
.legal{padding:71px var(--pad) 130px}
.legal h1{font:400 64px/76px var(--serif)}
.legal .lead{margin-top:15px;max-width:580px}
.legal__body{margin-top:130px;max-width:940px}
.legal__body h2{font:400 32px/42px var(--serif);margin-top:20px}
.legal__body h2:first-child{margin-top:0}
.legal__body p,.legal__body ul{margin-top:15px}
.legal__body li{padding-left:12px;position:relative}
.legal__body li::before{content:"\2022";position:absolute;left:0}
.nf{height:811px;padding-top:319px;text-align:center}
.nf p{max-width:470px;margin:14px auto 0}
.nf .btn{margin-top:24px}

/* about page */
.wel{background:#000;color:#fff;margin-top:-232px;padding:292px var(--pad) 130px;text-align:center;position:relative;z-index:1}
.wel h2{max-width:860px;margin:20px auto 0}
.wel__cols{max-width:860px;margin:60px auto 0;display:grid;grid-template-columns:1fr 1fr;column-gap:54px;text-align:left}
.wel__cols p+p{margin-top:52px}
.acard{margin-top:60px;background:var(--accent-deep);border-radius:8px;padding:7px;display:flex;gap:12px;position:relative}
.acard img{width:124px;height:84px;object-fit:cover;border-radius:6px}
.acard .nm{font:400 20px/30px var(--serif);margin-top:6px}
.acard .rl{font-size:14px;line-height:24px;margin-top:6px}
.acard .li{position:absolute;right:14px;bottom:12px;width:16px;height:16px}
.stmt{padding:130px var(--pad) 135px;text-align:center}
.stmt__txt{max-width:800px;margin:12px auto 0;font:400 54px/72px var(--serif)}
.stmt__txt img{display:inline-block;width:63px;height:63px;border-radius:50%;object-fit:cover;vertical-align:middle;margin:-8px 4px 0}
.rating{margin-top:66px;display:flex;justify-content:center;align-items:center;gap:12px}
.rating .faces>*{width:36px;height:36px;margin-right:-12px}
.rating .faces>*:last-child{margin-right:0}
.stars{display:flex;gap:2px;color:#E0703A}
.stars svg{width:16px;height:16px}
.rating p{text-align:left;line-height:26px}
.ldr{padding:0 var(--pad) 130px;display:grid;grid-template-columns:minmax(0,359fr) minmax(0,248fr) minmax(0,673fr);column-gap:0}
.ldr img{width:100%;aspect-ratio:248/365;object-fit:cover}
.ldr__txt{margin-left:50px}
.ldr__txt blockquote{font:400 48px/58px var(--serif)}
.ldr__txt .bio{margin-top:20px;max-width:440px}
.ldr__txt .nm{margin-top:48px;font:400 32px/42px var(--serif)}
.ldr__txt .rl{margin-top:12px;color:var(--muted)}
.mis{background:#000;color:#fff;padding:130px var(--pad)}
.mis__a{display:grid;grid-template-columns:minmax(0,470fr) minmax(0,710fr);column-gap:100px}
.mis__a img{width:100%;aspect-ratio:470/390;object-fit:cover;border-radius:16px}
.mis__a h2{margin-top:13px}
.mis__a .lead{margin-top:24px}
.checks{margin-top:43px;display:grid;grid-template-columns:minmax(0,373fr) minmax(0,337fr);gap:17px 0}
.checks li{display:flex;gap:13px;align-items:center}
.checks .ck{width:26px;height:26px;border-radius:4px;background:var(--accent-deep);display:flex;align-items:center;justify-content:center;margin-left:3px;flex:0 0 auto}
.checks .ck svg{width:16px;height:16px}
.mis__b{display:grid;grid-template-columns:minmax(0,500fr) minmax(0,680fr);column-gap:100px;margin-top:123px}
.mis__b h2{margin-top:13px}
.mis__b .side{margin-top:60px}
.mis__b .pair{margin-top:25px}
.appr{padding:130px var(--pad) 65px;text-align:center}
.appr h2{margin:12px auto 0;max-width:640px}
.appr .intro{margin:24px auto 0;max-width:640px}
.appr--dark{background:#000;color:#fff;padding-bottom:130px}
.appr--dark .intro{max-width:600px}

/* ---------- home practice band (owner QC r1; pattern: Kabateck sample home "prac" carousel,
   cards 410 x 550, gap 30, three in view + the fourth overhanging the edge at 1440). Default (no JS,
   phone, reduced motion) = native swipeable row. .is-pin (JS, >= 810 wide and >= 600 tall) pins the
   stage under the header and maps vertical scroll 1:1 to the row's horizontal travel. ---------- */
.hsvc{position:relative;margin:0 20px;border-radius:30px;color:#fff;background-color:var(--night);background-image:repeating-linear-gradient(-23deg,rgba(255,255,255,.022) 0 1px,transparent 1px 44px);overflow:clip}
.hsvc__stage{padding:120px 0 110px}
.hsvc__head{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:48px;align-items:end;padding:0 calc(var(--pad) - 20px)}
.hsvc__head h2{margin-top:12px;max-width:800px}
.hsvc__side>p:first-child{color:rgba(255,255,255,.8)}
.hsvc__hint{margin-top:24px;display:flex;align-items:center;gap:16px;font-size:14px;line-height:20px;color:rgba(255,255,255,.72)}
.hsvc__ct{font-variant-numeric:tabular-nums;white-space:nowrap}
.hsvc__ct b{font-weight:400;color:#fff}
.hsvc__bar{position:relative;flex:0 1 110px;height:2px;background:rgba(255,255,255,.16);overflow:hidden}
.hsvc__bar i{position:absolute;inset:0;background:var(--ember);transform-origin:left;transform:scaleX(var(--p,.125))}
.hsvc__tip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.hsvc__tip svg{width:16px;height:16px;color:var(--ember)}
.hsvc__tip .t-pin{display:none}
.hsvc.is-pin .hsvc__tip .t-pin{display:inline}
.hsvc.is-pin .hsvc__tip .t-swipe{display:none}
.hsvc__track{margin-top:56px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 calc(var(--pad) - 20px);padding:0 calc(var(--pad) - 20px) 4px;scrollbar-width:none}
.hsvc__track::-webkit-scrollbar{display:none}
.hsvc__rail{display:flex;gap:30px;width:max-content}
.scard{position:relative;flex:0 0 410px;height:550px;border-radius:20px;background:#152027;border:1px solid rgba(255,255,255,.08);padding:40px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;scroll-snap-align:start}
.scard__bg{position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .5s var(--ease)}
.scard__bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform .9s var(--ease)}
.scard__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,17,20,.72) 0%,rgba(11,17,20,.84) 50%,rgba(11,17,20,.95) 100%)}
.scard:hover .scard__bg,.scard:focus-within .scard__bg{opacity:1}
.scard:hover .scard__bg img,.scard:focus-within .scard__bg img{transform:none}
.scard__top{display:flex;justify-content:space-between;align-items:flex-start}
.scard__ic{width:64px;height:64px;border-radius:16px;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:var(--ember)}
.scard__ic svg{width:30px;height:30px}
.scard__n{font:400 18px/24px var(--serif);color:rgba(255,255,255,.62);font-variant-numeric:tabular-nums}
.scard__lab{margin-top:auto;font-size:13px;line-height:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember)}
.scard h3{margin-top:10px;font:400 32px/40px var(--serif);text-wrap:balance}
.scard__p{margin-top:16px;color:rgba(255,255,255,.78)}
.scard__more{display:inline-flex;align-items:center;gap:14px;margin-top:28px;font-weight:600;align-self:flex-start}
.scard__more::after{content:"";position:absolute;inset:0;border-radius:20px}
.circ{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;color:var(--ember);transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.circ svg{width:18px;height:18px}
.scard:hover .circ{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
.scard__more:focus-visible{outline:none}
.scard:has(.scard__more:focus-visible){outline:2px solid var(--ember);outline-offset:3px}
/* pinned mode */
.hsvc.is-pin .hsvc__stage{position:sticky;top:var(--hs,72px);height:calc(100vh - var(--hs,72px));display:flex;flex-direction:column;justify-content:center;padding:36px 0 40px}
.hsvc.is-pin .hsvc__track{overflow:visible;scroll-snap-type:none;flex:0 1 550px;min-height:400px;margin-top:44px}
.hsvc.is-pin .hsvc__rail{height:100%;will-change:transform}
.hsvc.is-pin .scard{height:100%}

/* ---------- testimonials (owner QC r1): centred head, two full-bleed rows in opposite directions ---------- */
.tst{padding:65px 0 0}
.tst--pt{padding-top:130px}
.tst__head{text-align:center;padding:0 var(--pad)}
.tst__head h2{margin:12px auto 0;max-width:860px}
.tst__rows{margin-top:60px;display:flex;flex-direction:column;gap:20px}
.trow{overflow:hidden}
.trow__track{display:flex;gap:20px;width:max-content}
.qcard{width:440px;flex:0 0 auto;background:#fff;border-radius:16px;padding:28px 30px 24px;display:flex;flex-direction:column;gap:16px}
.qcard__stars{color:var(--accent-deep)}
.qcard__stars svg{width:16px;height:16px}
.qcard blockquote{flex:1;font-size:17px;line-height:28px}
.qcard__who{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.mono{width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--accent-deep);font:400 15px/40px var(--serif);text-align:center;flex:0 0 auto;letter-spacing:.04em}
.qcard__who .nm{display:block;font:400 18px/26px var(--serif)}
.qcard__who .rl{display:block;font-size:14px;line-height:20px;color:#4A5357}
.no-js .trow{overflow-x:auto}
.no-js [data-clone]{display:none}

/* ---------- reveal system (JS-scoped start states) ---------- */
/* owner QC r1 item 9: reveals fire before the band enters (JS rootMargin +40%) and settle fast:
   opacity in .45s, a gentle 28px rise over .7s, so nothing is caught washed out at a normal scroll speed */
.js [data-r]{transition:opacity .45s ease-out,transform .7s var(--ease);transition-delay:min(var(--d,0s),.1s)}
.js [data-r="up"]:not(.in){opacity:0;transform:translateY(28px)}
.js [data-r="sc"]:not(.in){opacity:0;transform:scale(.96)}
.js [data-r="fade"]{transition-duration:.45s}
.js [data-r="fade"]:not(.in){opacity:0}
.js .srow__line{transition:transform .9s var(--ease),opacity .45s ease-out}
.js .srow:not(.in) .srow__line{opacity:0;transform:translateX(-112%)}
.js .srow>*:not(.srow__line){transition:opacity .45s ease-out}
.js .srow:not(.in)>*:not(.srow__line){opacity:0}

/* load entrance (hero) */
@keyframes inDown{from{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:none}}
@keyframes inUp{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes inUpT{from{transform:translateY(60px)}to{transform:none}}
@keyframes inSc{from{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:none}}
@keyframes inScT{from{transform:translateY(60px) scale(.9)}to{transform:none}}
.js [data-in]{animation:1.2s var(--ease) both;animation-delay:var(--d,0s)}
.js [data-in="down"]{animation-name:inDown}
.js [data-in="up"]{animation-name:inUp}
.js [data-in="upt"]{animation-name:inUpT}
.js [data-in="sc"]{animation-name:inSc}
.js [data-in="sct"]{animation-name:inScT}

@media (prefers-reduced-motion:reduce){
  .js [data-r],.js [data-r]:not(.in),.js .srow:not(.in) .srow__line,.js .srow:not(.in)>*{opacity:1!important;transform:none!important;transition:none!important}
  .js [data-in]{animation:none!important}
  .roll>span,.btn--arrow svg,.tcard img,.srow__panel,.faq__a{transition:none!important}
  .tick{overflow-x:auto}
}

/* ---------- L tier 1200 to 1439 (reference variant, measured at 1200/1280/1366/1439) ---------- */
@media (min-width:1200px) and (max-width:1439.98px){
  :root{--pad:80px}
  .t-h1{font-size:77px;line-height:90px}
  .t-h2{font-size:50px;line-height:60px}
  /* home hero */
  .srow{padding:40px 0}
  .tags{padding-right:60px}
  .ph__side{margin-top:39px}
  .team .headL,.lgrid .headL{grid-template-columns:207px minmax(0,1fr)}
  .tick{margin-left:294px}
  .bh--post .bh__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:0}
  .bh--post{padding-top:119px}
  .bh:not(.bh--post) .feat{margin-top:110px}
  .bh--post .feat{margin-top:100px}
  .ch{column-gap:28px}
  .ch__img{height:613px}
  .nf{padding-top:329px}
}

/* ---------- shared below 1200 (tablet + phone) ---------- */
@media (max-width:1199.98px){
  .head2 h2{margin-top:12px}
  .headL{grid-template-columns:1fr}
  .headL .eyebrow{margin-top:0;max-width:none}
  .headL h2{margin-top:12px}
  .ft__top{flex-direction:column;gap:40px}
  .ft__wm{font-size:calc((100vw - 80px)/5.25);line-height:calc((100vw - 80px)/6.7);height:calc((100vw - 80px)/6.7)}
  .ph__grid{grid-template-columns:1fr}
  .ph__side{margin-top:18px}
  .art__mods{grid-template-columns:1fr}
  .cinfo__fig>img{position:absolute;inset:0}
  .nf{height:auto}
  .socials{margin-top:32px}
}

/* ---------- M tier 810 to 1199 (reference variant, measured at 810/1024/1199) ---------- */
@media (min-width:810px) and (max-width:1199.98px){
  :root{--pad:40px}
  .t-h1{font-size:60px;line-height:80px}
  .t-h2{font-size:40px;line-height:46px}
  .t-h2m{font-size:38px;line-height:50px}
  .card h3,.srow__top h3,.tcard__cap h3,.tcard__cap .nm,.pcard h3,.art__body h2,.legal__body h2,.feat .t-h3,.cinfo__cards .card h3,.wel .t-h3,.ldr__txt .nm{font-size:26px;line-height:36px}
  .faq__q,.ft__links a,.acard .nm,.feat__more{font-size:18px;line-height:30px}
  /* home hero */
  .hab h2{max-width:560px;font-size:36px;line-height:41.4px}
  .stats,.stats--wide{grid-template-columns:1fr 1fr;column-gap:0}
  .stat{height:auto;padding:12px 8px;border-right:0}
  .stat:nth-child(odd){border-right:1px solid #fff}
  .stat:nth-child(-n+2){border-bottom:1px solid #fff}
  .stat .n{font-size:34px;line-height:38px}
  .cards3{grid-template-columns:1fr 1fr;gap:16px}
  .hab .cards3 .card{min-height:0;aspect-ratio:464/531}
  .hab .cards3 .card--img{grid-column:1/-1;order:-1;height:auto;aspect-ratio:944/531}
  .appr .cards3{grid-template-columns:1fr 1fr}
  /* section heads + services */
  .head2{display:grid;grid-template-columns:516px minmax(0,1fr);column-gap:18px}
  .head2 .side{text-align:right;margin-top:14px;justify-self:end;max-width:410px}
  .head2 .btns{margin-top:49px}
  .head2--wrap{display:flex;flex-direction:column;align-items:flex-start}
  .head2--wrap>div{display:contents}
  .head2--wrap h2{max-width:540px}
  .head2--wrap .side{order:3;justify-self:auto;text-align:left;max-width:560px;margin-top:22px;font-size:16px;line-height:25.6px}
  .head2--wrap .btns{order:4;margin-top:24px}
  .why--home .cards2{gap:16px;margin-top:41px}
  .cards2{margin-top:61px}
  .svc--page{padding-top:80px}
  .appr--dark{padding-bottom:55px}
  .faq{padding-top:68px;padding-bottom:80px}
  .ft__links ul:first-child{min-width:108px}
  .srow{grid-template-columns:1fr;row-gap:10px;padding:40px 0}
  .srow__top h3{padding-top:0}
  .srow .pm{position:absolute;right:0;top:51px}
  .srow__body{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;margin-top:45px}
  .dots{width:auto;margin-left:40px}
  .faq .t-h2{max-width:420px}
  .faq__list{margin-top:79px;max-width:min(820px,calc(100% - 100px))}
  .ft__top{flex-direction:row}
  .tags{width:auto;padding-right:0}
  .cards2{gap:12px}
  /* team + testimonials */
  .team{padding-left:40px}
  .headL{padding-right:40px}
  .headL h2{margin-top:40px;max-width:600px;font-size:34px;line-height:39.1px}
  .tick,.tick--t{margin-left:0;margin-top:40px;-webkit-mask-image:none;mask-image:none}
  .tick__track{gap:16px}
  .tick .tcard{width:357px}
  .team{padding-bottom:0}
  .ft__logo{width:198px;height:60px}
  .ft__links{gap:40px}
  /* inner heroes */
  .ph{padding-top:88px}
  .ph__grid h1{margin-top:12px}
  .ph__side{margin-top:18px;max-width:460px}
  .ab-hero .ph__img{height:495px}
  .lh{padding-top:88px;column-gap:40px}
  .lh__img{height:497px}
  .lh__copy .lead{margin-top:24px}
  .lh--detail{padding-top:128px;column-gap:50px}
  .lh--detail .lh__copy h1{margin-top:14px}
  .lh--detail .lh__fig,.lh--detail .lh__img{height:478px}
  .lh--detail .lh__copy .lead{margin-top:14px}
  .socials{margin-top:32px}
  .lgrid .headL{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr 1fr}
  .lgrid{padding-top:130px}
  /* blog */
  .bh{padding-top:88px}
  .bh__grid{grid-template-columns:1fr}
  .bh__grid .side{text-align:left;margin-top:20px;max-width:550px}
  .feat{margin-top:100px;height:552px}
  .feat__txt{left:18px;bottom:94px}
  .feat::after{background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.72) 100%)}
  .bh--post .feat__txt{bottom:36px}
  .feat__more{left:18px;right:auto;bottom:18px}
  .lat .headL{grid-template-columns:310px minmax(0,1fr)}
  .lat .headL h2{margin-top:0;font-size:40px;line-height:46px;max-width:none}
  .pcard img{height:289px;aspect-ratio:auto}
  .pcard h3{margin-top:24px}
  /* post: centred 714 column */
  .bh--post,.art,.bh--post+.art+.lat{padding-left:max(40px,calc((100vw - 714px)/2));padding-right:max(40px,calc((100vw - 714px)/2))}
  .bh--post{padding-top:88px}
  .bh--post .bh__grid .side{margin-top:14px}
  .bh--post .feat{height:480px;margin-top:74px}
  .bh--post+.art+.lat .headL{grid-template-columns:1fr}
  .bh--post+.art+.lat .headL h2{margin-top:24px}
  /* contact */
  .ch{grid-template-columns:1fr;padding-top:88px;row-gap:14px}
  .ch .t-h2{font-size:40px;line-height:46px}
  .ch__img{height:628px}
  .form .send{margin-top:30px}
  .cinfo__fig{height:822px}
  .cinfo__cards{top:44px;bottom:auto;grid-template-columns:1fr 1fr}
  /* legal + 404 */
  .legal{padding-top:88px}
  .legal h1{font-size:40px;line-height:46px}
  .legal__body{margin-top:80px}
  .legal--privacy-policy .legal__body{max-width:650px;margin-top:100px}
  .nf{padding:88px 20px 0}
  .nf .t-h1{font-size:60px;line-height:80px}
  /* about page */
  .wel{margin-top:-120px;padding-top:180px}
  .stmt__txt{font-size:42px;line-height:56px}
  .stmt__txt img{width:63px;height:63px}
  .ldr{grid-template-columns:248px minmax(0,1fr);row-gap:34px;column-gap:24px}
  .ldr .eyebrow{grid-column:1/-1}
  .ldr__txt{margin-left:0}
  .ldr__txt blockquote{font-size:38px;line-height:50px}
  .ldr__txt .nm{font-size:26px;line-height:36px}
  .mis{padding:100px 40px 108px}
  .mis+.appr{padding-top:80px}
  .appr:not(.appr--dark)+.team{padding-top:0}
  .stmt{padding-top:66px}
  .mis__a,.mis__b{grid-template-columns:1fr;row-gap:10px}
  .mis__a img{max-width:470px}
  .checks{grid-template-columns:1fr 1fr;column-gap:0}
  .mis__b{margin-top:120px}
  .mis__b h2{max-width:500px}
  .mis__b .side{margin-top:22px}
  .appr h2{max-width:640px}
}

/* ---------- phone <= 809 ---------- */
@media (max-width:809px){
  :root{--pad:20px}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .mbar{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:70;background:#000;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
  .mbar a{height:48px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px}
  .mbar .c1{background:#fff;color:#000}
  .mbar .c2{background:var(--accent-deep);color:#fff}
  .mbar svg{width:18px;height:18px}
  .menu-open .mbar{display:none}
  .t-h1{font-size:42px;line-height:56px}
  .t-h2{font-size:32px;line-height:38px}
  .t-h2m{font-size:30px;line-height:40px}
  .t-h3{font-size:20px;line-height:30px}
  .hab .t-h2{font-size:26px;line-height:31.2px}
  .hab .intro{font-size:15px;line-height:24px;margin-top:16px}
  .stats,.stats--wide{grid-template-columns:1fr 1fr;column-gap:0;margin-top:40px}
  .srow{grid-template-columns:1fr;row-gap:12px}
  .dots{margin-left:22px}
  .tags{padding-right:0;width:auto}
  .team{padding-left:40px}
  .tick,.tick--t{margin-left:0}
  .headL{padding-right:40px}
  .head2{grid-template-columns:1fr}
  .head2 .side{text-align:left}
  .ph__img{height:auto}
  .lh__img,.lh--detail .lh__fig,.lh--detail .lh__img{height:auto}
  .cinfo__fig{height:auto}
  .cinfo__cards{position:relative;left:auto;right:auto;bottom:auto}
  .bh__grid,.bh--post .bh__grid{grid-template-columns:1fr}
  .bh__grid .side,.bh--post .bh__grid .side{text-align:left;margin-top:24px}
  .lat .headL{grid-template-columns:1fr}
  .pcard img{height:289px;aspect-ratio:auto}
  .grid3{grid-template-columns:1fr}
  .mis__a,.mis__b{grid-template-columns:1fr;row-gap:32px}
  .ldr .eyebrow{grid-column:auto}
  .stat{height:auto;padding:12px 8px 12px 8px;border-right:0}
  .stat:nth-child(odd){border-right:1px solid #fff}
  .stat:nth-child(-n+2){border-bottom:1px solid #fff}
  .stat .n{font-size:34px;line-height:38px;padding-left:4px}
  .cards3,.cards2,.appr .cards3{grid-template-columns:1fr;gap:16px;margin-top:40px}
  .card{min-height:316px}
  .card h3{font-size:20px;line-height:30px}
  .card--img{min-height:280px;height:280px}
  .why .card,.cards2 .card,.appr .card{min-height:354px}
  .svc{padding:48px 20px 48px}
  .head2 h2{margin-top:12px}
  .head2 .side{margin-top:16px;max-width:330px}
  .rows{margin-top:40px}
  .srow{padding:30px 0 30px}
  .srow__main{position:relative}
  .srow__top h3{padding-top:0;font-size:20px;line-height:30px;max-width:284px}
  .srow__lab{max-width:284px}
  .srow .pm{position:absolute;right:0;top:-30px}
  .srow__body{display:block;margin-top:35px}
  .dots{width:auto}
  .tags{margin-top:14px;max-width:350px}
  .srow__imgs{grid-template-columns:1fr 1fr;gap:12px;padding-top:24px}
  .srow__imgs img{height:193px;aspect-ratio:auto}
  .why{padding:48px 20px}
  .team{padding:48px 0 48px 40px}
  .team--pb0{padding-bottom:0}
  .headL{padding-right:40px}
  .headL h2{font-size:34px;line-height:39.1px;max-width:600px}
  .tick{margin-top:40px;-webkit-mask-image:none;mask-image:none;margin-left:-15px}
  .tick__track{gap:16px}
  .tcard__cap h3,.tcard__cap .nm{font-size:20px;line-height:30px}
  .faq{padding:60px 20px 50px}
  .faq .t-h2{font-size:32px;line-height:38px}
  .faq__list{margin-top:66px}
  .faq__q{font-size:16px;line-height:30px;padding:29px 0 15px}
  .ft{padding:60px 20px 20px}
  .ft__logo{width:173px;height:53px}
  .ft__about{width:auto;max-width:320px}
  .ft__links{flex-direction:column;gap:20px}
  .ft__links a{font-size:16px}
  .ft__wm{font-size:calc((100vw - 40px)/5.3);line-height:calc((100vw - 40px)/6.7);height:calc((100vw - 40px)/6.7);margin-top:40px}
  .ft__bot{flex-direction:column;gap:8px}
  .ph{padding:68px 20px 0}
  .ph__grid h1{margin-top:12px}
  .ph__side p{max-width:min(460px,calc(100% - 40px))}
  .ph__side .btns{margin-top:14px}
  .ph__img{margin-top:40px;height:320px;aspect-ratio:auto}
  .svc--page{padding-top:70px}
  .ab-hero .ph__img{height:350px}
  .wel{margin-top:-26px;padding:88px 20px 60px}
  .wel h2{font-size:20px;line-height:30px}
  .wel__cols{grid-template-columns:1fr;row-gap:40px;margin-top:40px}
  .stmt{padding:60px 20px}
  .stmt__txt{font-size:34px;line-height:52px}
  .stmt__txt img{width:34px;height:34px}
  .ldr{grid-template-columns:1fr;padding:0 20px 60px}
  .ldr img{height:365px;aspect-ratio:auto}
  .ldr__txt{margin-left:0}
  .ldr__txt blockquote{font-size:30px;line-height:40px}
  .ldr__txt .nm{margin-top:32px;font-size:20px;line-height:30px}
  .mis{padding:80px 20px}
  .mis__b{margin-top:80px}
  .checks{grid-template-columns:1fr}
  .mis__a img{height:390px;aspect-ratio:auto}
  .appr{padding:60px 20px 48px}
  .appr--dark{padding-bottom:60px}
  .lh{grid-template-columns:1fr;padding:68px 20px 0;row-gap:31px}
  .lh__copy .lead{margin-top:14px}
  .lh__copy .pair{margin-top:15px}
  .lh__img{height:428px;aspect-ratio:auto}
  .lh--detail{padding-top:108px}
  .lh--detail .lh__copy h1{margin-top:14px}
  .lh--detail .lh__fig,.lh--detail .lh__img{height:472px;aspect-ratio:auto}
  .lgrid{padding:130px 20px 0}
  .lgrid .headL{grid-template-columns:1fr}
  .lgrid .headL h2{font-size:32px;line-height:38px}
  .lh--detail .socials{margin-top:81px}
  .why--pt{padding-top:130px}
  .bh--post .feat__txt{bottom:24px}
  .lgrid .headL{padding-right:0}
  .grid3{grid-template-columns:1fr;gap:20px;margin-top:60px}
  .grid3 .tcard{height:419px}
  .bh{padding:68px 20px 0}
  .bh__grid .side{max-width:330px}
  .bh--post{padding:68px 24px 0}
  .bh--post .feat{height:436px;margin-top:90px}
  .bh--post+.art,.bh--post+.art+.lat{padding-left:24px;padding-right:24px}
  .feat{min-height:0;height:552px;margin-top:98px}
  .feat__txt{left:18px;right:18px;width:auto;bottom:68px}
  .feat__txt h2,.feat__txt h1{font-size:20px;line-height:30px}
  .feat__more{left:18px;right:auto;bottom:18px;font-size:16px}
  .lat{padding:130px 20px 0}
  .lat .headL h2{font-size:32px;line-height:38px}
  .art__body h2{font-size:20px;line-height:30px}
  .pgrid{grid-template-columns:1fr;margin-top:40px}
  .pcard h3{margin-top:24px;font-size:24px;line-height:32px}
  .art{padding:60px 20px 0}
  .steps{grid-template-columns:1fr}
  .tbl th,.tbl td{padding:10px 12px}
  .ch{grid-template-columns:1fr;padding:68px 20px 0;row-gap:13px}
  .form{grid-template-columns:1fr}
  .ch__img{min-height:0;height:416px;aspect-ratio:auto}
  .cinfo{padding:130px 20px 48px}
  .cinfo__fig{padding:200px 12px 12px;margin-top:40px}
  .cinfo__cards{grid-template-columns:1fr}
  .cinfo__cards .card{min-height:355px}
  .legal{padding:60px 20px 60px}
  .legal h1{font-size:40px;line-height:48px}
  .legal__body{margin-top:60px}
  .legal__body h2{font-size:24px;line-height:32px}
  .nf{padding:68px 20px 65px}
  .nf .t-h1{font-size:42px;line-height:56px}
  .nf p{max-width:240px;margin-top:14px}
}

/* ================= Owner QC r1 tier rules (header, hero, practice band, testimonials) ================= */
@media (prefers-reduced-motion:reduce){
  .hdr,.hdr__in,.hdr .logo,.mega,.macc__panel,.scard__bg,.scard__bg img,.lnk::after,.nav__link::after{transition:none!important}
  .trow{overflow-x:auto;scroll-snap-type:x proximity}
  .trow [data-clone]{display:none}
  .trow__track{padding:0 var(--pad)}
}
@media (min-width:1200px) and (max-width:1439.98px){
  .hdr__in{gap:20px}
  .nav__link{padding:0 10px}
  .nav__link::after{left:10px;right:10px}
  .nav__item--mega .nav__link::after{right:32px}
  .hdr__tel{font-size:15px}
  .hh__in{grid-template-columns:minmax(0,1fr) 340px;column-gap:32px}
  .hh__copy h1{max-width:480px}
  .hh__next{padding:24px 24px 20px}
  .hsvc__head{grid-template-columns:minmax(0,1fr) 360px}
}
@media (max-width:1199.98px){
  .hdr{--hh:72px}
  .hdr.is-scrolled{--hh:64px}
  .hdr__in{gap:18px}
  .hdr .logo{width:131px;height:40px}
  .hdr.is-scrolled .logo{width:118px;height:36px}
  .nav{display:none}
  .burger{display:flex}
  .hdr__tel{margin-left:auto}
  .hdr-sp{height:72px}
  .hdr--hero:not(.is-scrolled) .burger{color:#fff}
  .hsvc__head{grid-template-columns:1fr;row-gap:20px}
  .hsvc__side{max-width:560px}
}
@media (min-width:810px) and (max-width:1199.98px){
  .hdr--hero{padding-top:12px}
  .hh{padding:12px 12px 0}
  .hh__card{--ml:44%;--f0:110px;--f1:250px;min-height:max(740px,calc(100svh - 24px))}
  .hh__in{grid-template-columns:minmax(0,1fr) 300px;column-gap:28px;padding:124px 28px 44px}
  .hh__copy h1{max-width:420px}
  .hh__lead{max-width:400px}
  .hh__copy .btns{flex-direction:column;align-items:flex-start;gap:10px;margin-top:32px}
  .hrate{margin-top:32px}
  .hh__next{padding:22px 22px 18px}
  .hh__next h2{font-size:22px;line-height:30px}
  .hh__next li{padding:10px 0}
  .hsvc{margin:0 12px}
  .hsvc__stage{padding:88px 0 80px}
  .hsvc__head{padding:0 28px}
  .hsvc__track{padding:0 28px 4px;scroll-padding:0 28px}
  .scard{flex-basis:360px;padding:32px}
  .scard h3{font-size:26px;line-height:34px}
  .qcard{width:400px}
}
@media (max-width:809px){
  .hdr--hero{padding-top:12px}
  .hdr__in{padding:0 20px;gap:6px}
  .hdr__cta{display:none}
  .hdr__tel{width:44px;height:44px;justify-content:center;border-radius:50%;border:1px solid currentColor;border-color:rgba(0,0,0,.18)}
  .hdr--hero:not(.is-scrolled) .hdr__tel{border-color:rgba(255,255,255,.3)}
  .hdr__tel span{display:none}
  .hh{padding:12px 0 0}
  .hh__card{min-height:0;display:flex;flex-direction:column}
  .hh__in{display:contents}
  .hh__copy{order:1;padding:112px 20px 0}
  .hh__copy h1{max-width:330px}
  .hh__lead{font-size:16px;line-height:26px;margin-top:16px}
  .hh__copy .btns{margin-top:28px;gap:6px 24px}
  .hrate{margin-top:28px;padding-top:20px}
  .hh__media{order:2;position:relative;left:auto;right:auto;top:auto;bottom:auto;height:440px;margin-top:20px;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 70px,#000 150px,#000 52%,rgba(0,0,0,.45) 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 70px,#000 150px,#000 52%,rgba(0,0,0,.45) 78%,transparent 100%)}
  .hh__media img{object-position:68% 40%}
  .hh__next{order:3;margin:-150px 16px 16px;padding:22px 20px 18px}
  .hh__next h2{font-size:22px;line-height:30px}
  .hab{padding:64px 20px 48px}
  .hsvc{margin:0;border-radius:24px}
  .hsvc__stage{padding:56px 0 48px}
  .hsvc__head{padding:0 20px}
  .hsvc__track{margin-top:32px;padding:0 20px 4px;scroll-padding:0 20px}
  .hsvc__rail{gap:16px}
  .scard{flex-basis:300px;height:436px;padding:26px;border-radius:18px}
  .scard__ic{width:52px;height:52px;border-radius:12px}
  .scard__ic svg{width:26px;height:26px}
  .scard h3{font-size:24px;line-height:31px}
  .scard__p{font-size:15px;line-height:24px}
  .scard__more{margin-top:20px}
  .tst{padding:60px 0 40px}
  .tst--pt{padding-top:100px}
  .tst__head{padding:0 20px}
  .tst__rows{margin-top:36px;gap:14px}
  .trow__track{gap:14px}
  .qcard{width:300px;padding:22px 22px 18px}
  .qcard blockquote{font-size:16px;line-height:26px}
}

/* ================= Owner QC r1 pre-check items 10, 11, 13 ================= */
/* item 10: attorney ticker runs full bleed with no fade mask, so no name or face is half-erased at rest */
.team{padding-left:0}
.team .headL{padding-left:var(--pad)}
.team .tick,.team .tick--t{margin-left:0;-webkit-mask-image:none;mask-image:none}
.team .tick__track{padding-left:0}
.team--home{padding-top:120px}
/* item 13: why-cards on home lose the boxes and the ~110px dead space: open columns on a hairline */
.why--home .cards2{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 40px;margin-top:64px}
.why--home .card{background:none;border-radius:0;padding:28px 0 0;min-height:0;border-top:1px solid rgba(0,0,0,.2);justify-content:flex-start;gap:28px}
.why--home .card .ibox{width:48px;height:48px;border-radius:50%;background:none;border:1px solid var(--accent-deep);color:var(--accent-deep)}
.why--home .card h3{font-size:26px;line-height:34px}
.why--home .card p{max-width:none;color:#4A5357}
/* item 13: "Who We Are" text cards size to their content on stacked layouts (no empty middle) */
.hab .card:not(.card--img){justify-content:flex-start;gap:40px}
/* item 11: home FAQ as a two-column band */
.faq--split{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);column-gap:96px;text-align:left;align-items:start;padding-top:120px}
.faq--split .faq__side{position:sticky;top:110px}
.faq--split h2{margin:12px 0 0;max-width:none}
.faq--split .intro{margin:16px 0 0;max-width:400px}
.faq--split .faq__list{margin:0;max-width:none}
.faq--split .faq__item:first-child .faq__q{padding-top:29px}
.faq--split .faq__item:first-child{border-top:1px solid var(--line)}
.faq__ask{margin-top:36px;display:flex;gap:16px;align-items:center;padding-top:24px;border-top:1px solid var(--line)}
.faq__ic{width:48px;height:48px;border-radius:50%;border:1px solid var(--accent-deep);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.faq__ic svg{width:22px;height:22px}
.faq__ask__t{font:400 20px/28px var(--serif)}
.faq__ask__l{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.faq__ask__l:hover{color:var(--accent-deep)}
/* item 11: closing CTA band (home only this phase): black like the footer it leads into, photo bleeding
   in from the right and fading into the ground (the hero's treatment), button + phone */
.close{position:relative;background:#000;color:#fff;overflow:hidden;isolation:isolate;padding:130px var(--pad) 120px;min-height:620px;display:flex;align-items:center}
.close__media{position:absolute;top:0;bottom:0;right:0;width:min(58%,980px);z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 18%,rgba(0,0,0,.8) 42%,#000 60%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 18%,rgba(0,0,0,.8) 42%,#000 60%)}
.close__media img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.close__copy{max-width:600px}
.close .eyebrow{color:var(--ember)}
.close h2{margin-top:12px}
.close__lead{margin-top:20px;max-width:500px;font-size:17px;line-height:28px;color:rgba(255,255,255,.84)}
.close__btns{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}
.close__tel{display:inline-flex;align-items:center;gap:14px;font:400 22px/28px var(--serif)}
.close__tel .circ{width:52px;height:52px}
.close__tel .circ svg{width:20px;height:20px}
.close__tel:hover .circ{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
.close__tel__l{display:block;font:400 13px/18px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.66)}
.close__hrs{margin-top:32px;display:flex;align-items:center;gap:10px;font-size:14px;line-height:20px;color:rgba(255,255,255,.7)}
.close__hrs svg{width:18px;height:18px;color:var(--ember)}
.close+.ft,main:has(.close)+.ft{border-top:1px solid rgba(255,255,255,.14)}
@media (max-width:1199.98px){
  .why--home .cards2{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
  .faq--split{grid-template-columns:1fr;row-gap:48px;padding-top:88px}
  .faq--split .faq__side{position:static}
  .close{padding:100px var(--pad);min-height:560px}
  .close__copy{max-width:520px}
  .close__media{width:52%;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.5) 30%,#000 60%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.5) 30%,#000 60%)}
  .close__copy{max-width:min(520px,48vw)}
}
@media (max-width:809px){
  .team--home{padding-top:64px}
  .why--home .cards2{grid-template-columns:1fr;gap:32px;margin-top:40px}
  .why .why--home .card,.why--home .card{min-height:0}
  .hab .card:not(.card--img){min-height:0}
  .faq--split{padding:64px 20px 56px}
  .close{display:block;padding:0 20px 64px;min-height:0}
  .close__media{position:relative;width:auto;height:300px;margin:0 -20px;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
  .close__copy{margin-top:-24px;position:relative}
  .close__tel{font-size:20px}
}

/* ================= Owner QC r2 (2026-10-04): one section rhythm for every page =================
   --sp = clear space between bands (content to content on the same ground, ground to edge across a
   change); --si = inner padding of coloured bands; --hg = heading block to its content. */
:root{--sp:140px;--si:120px;--hg:72px}
@media (max-width:1199.98px){:root{--sp:96px;--si:88px;--hg:56px}}
@media (max-width:809px){:root{--sp:88px;--si:72px;--hg:44px}}
main>section:not(.hh):not(.ph):not(.lh):not(.bh):not(.ch):not(.legal):not(.nf):not(.svh):not(.sph):not(.psh),main>article{padding-top:var(--sp);padding-bottom:0}
main>article.post{padding-top:var(--hg)}
main>:last-child:not(.close){padding-bottom:var(--sp)!important}
/* coloured bands: clear ground above, generous inner padding */
main>section.on-dark:not(.close),main>.appr--dark,main>.mis,main>.band--tint{margin-top:var(--sp);padding-top:var(--si)!important;padding-bottom:var(--si)!important}
main>.wel{padding-bottom:var(--si)!important}
main>.hsvc{margin-top:var(--sp);padding-top:0!important}
main>.close{margin-top:var(--sp);padding-top:var(--si);padding-bottom:var(--si)}
/* heading-to-content gaps opened */
.tick,.tst__rows,.cards3,.cards2,.rows,.grid3,.pgrid,.ppl,.roster,.why--home .cards2{margin-top:var(--hg)}
.faq__list{margin-top:var(--hg)}
.faq--split .faq__list{margin-top:0}
.hsvc__track,.hsvc.is-pin .hsvc__track{margin-top:var(--hg)}
.hsvc__stage{padding-top:var(--si);padding-bottom:var(--si)}
.stats{margin-top:var(--hg)}
.hab .cards3{margin-top:calc(var(--hg) - 8px)}
.cinfo__fig{margin-top:var(--hg)}

/* ================= Owner QC r2 components ================= */
.band--tint{background:#F4F9FA}
main>.band--tint{margin-top:0}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;line-height:20px;color:#4A5357}
.crumbs a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(0,0,0,.25)}
.crumbs a:hover{color:var(--accent-deep)}
.tst__note{margin:28px var(--pad) 0;text-align:center;font-size:14px;line-height:20px;color:#4A5357}
.rating__t{font:400 20px/26px var(--serif)}
.rating p:last-child{font-size:14px;line-height:20px;color:#4A5357}
.head2 .side .lnk{margin-top:8px}
.pband .head2 .side{text-align:left}
.pband .head2{align-items:end}
.pband .head2 .side{margin-top:0}

/* attorneys: static portrait index (one head scale), roster rows */
.pband{padding-left:var(--pad);padding-right:var(--pad)}
.ppl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px 28px}
.pp{display:flex;flex-direction:column;gap:18px}
.pp__img{display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:#cfdde2}
.pp__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.pp:hover .pp__img img{transform:scale(1.035)}
.pp__txt{display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:1px solid rgba(0,0,0,.2)}
.pp__role{font-size:13px;line-height:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}
.pp__nm{font:400 26px/32px var(--serif)}
.pp__focus{font-size:15px;line-height:22px;color:#4A5357}
.pp__bio{margin-top:8px;font-size:15px;line-height:24px;color:#4A5357}
.pp__go{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-weight:600;font-size:15px}
.pp__go svg{width:16px;height:16px;color:var(--accent-deep);transition:transform .25s var(--ease)}
.pp:hover .pp__go svg{transform:translateX(4px)}
.pp:hover .pp__nm{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.ppl--mini{gap:40px 24px}
.ppl--mini .pp__nm{font-size:22px;line-height:28px}
.ppl--mini .pp__go{display:none}
.roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;border-top:1px solid var(--line)}
.rr{display:grid;grid-template-columns:88px minmax(0,1fr) 44px;gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.rr__img{width:88px;height:88px;border-radius:50%;overflow:hidden;background:#cfdde2}
.rr__img img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transform:scale(1.35);transform-origin:50% 20%}
.rr__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.rr__nm{font:400 24px/30px var(--serif)}
.rr__role{font-size:15px;line-height:22px;color:#4A5357}
.rr__role i{font-style:normal;color:var(--accent-deep);margin:0 4px}
.rr__bio{margin-top:6px;font-size:15px;line-height:24px;color:#4A5357}
.rr__go{width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.rr__go svg{width:18px;height:18px}
.rr:hover .rr__go{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
.rr:hover .rr__nm{color:var(--accent-deep)}
.roster--bio{grid-template-columns:1fr;border-top:1px solid var(--line)}
.roster--bio .rr{grid-template-columns:120px minmax(0,1fr) 44px;align-items:start}
.roster--bio .rr__img{width:120px;height:120px}
.on-dark .roster,.on-dark .rr{border-color:rgba(255,255,255,.16)}
.on-dark .rr__role,.on-dark .rr__bio{color:rgba(255,255,255,.76)}
.on-dark .rr__role i{color:var(--ember)}
.on-dark .rr__go{border-color:rgba(255,255,255,.28)}
.pband.on-dark{background:var(--night);color:#fff}
.pband.on-dark .side p{color:rgba(255,255,255,.8)}

/* services hub (Kabateck practice-areas pattern) */
.svh{padding:20px 20px 0}
.svh__card{position:relative;border-radius:30px;overflow:hidden;min-height:520px;display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.svh__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.svh__card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,17,20,.35) 0%,rgba(11,17,20,.55) 45%,rgba(11,17,20,.88) 100%)}
.svh__in{padding:150px calc(var(--pad) - 20px) 64px;max-width:calc(820px + var(--pad))}
.svh .crumbs{color:rgba(255,255,255,.82)}
.svh .crumbs a{text-decoration-color:rgba(255,255,255,.4)}
.svh h1{margin-top:20px;font-size:76px;line-height:86px;max-width:900px}
@media (max-width:1199.98px){.svh h1{font-size:56px;line-height:64px}}
@media (max-width:809px){.svh h1{font-size:40px;line-height:48px}}
.svh__lead{margin-top:20px;max-width:560px;font-size:18px;line-height:30px;color:rgba(255,255,255,.88)}
.pa{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);column-gap:72px;padding-left:var(--pad);padding-right:var(--pad);align-items:start}
.pa__side{position:sticky;top:110px}
.pa__side h2{margin-top:12px;font-size:48px;line-height:58px}
.pa__side>p:not(.eyebrow){margin-top:20px;color:#4A5357}
.pa__side .btns{margin-top:28px}
.pa__list{display:flex;flex-direction:column;gap:32px}
.pa__blk{border-radius:24px;background-color:var(--night);background-image:repeating-linear-gradient(-23deg,rgba(255,255,255,.022) 0 1px,transparent 1px 44px);color:#fff;padding:40px}
.pa__blk h3{margin-top:10px;font:400 36px/44px var(--serif)}
.pa__blk h3 a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.pa__blk .scard__lab{margin-top:28px}
.pa__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:28px;align-items:start}
.pa__img{border-radius:14px;overflow:hidden;aspect-ratio:4/3}
.pa__img img{width:100%;height:100%;object-fit:cover}
.pa__subs li{border-bottom:1px solid rgba(255,255,255,.14)}
.pa__subs li:first-child{border-top:1px solid rgba(255,255,255,.14)}
.pa__subs a{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:16px;line-height:22px}
.pa__subs a span{font:400 14px/20px var(--serif);color:var(--ember);width:22px;flex:0 0 auto}
.pa__subs a svg{width:16px;height:16px;margin-left:auto;color:var(--ember);flex:0 0 auto;transition:transform .25s var(--ease)}
.pa__subs a:hover svg{transform:translate(2px,-2px)}
.pa__p{margin-top:24px;max-width:620px;color:rgba(255,255,255,.82)}
.pa__blk .scard__more{margin-top:20px}
.pa__blk .scard__more::after{display:none}
.pa__blk .scard__more:hover .circ{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}

/* service detail page */
.sph{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);column-gap:72px;padding:40px var(--pad) 0;align-items:center}
.sph .eyebrow{margin-top:28px}
.sph h1{margin-top:12px}
.sph__lead{margin-top:20px;max-width:560px;font-size:18px;line-height:30px}
.sph .btns{margin-top:32px;gap:28px}
.toc-chips{margin-top:40px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.toc-chips span{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#4A5357;margin-right:6px}
.toc-chips a{padding:8px 14px;border-radius:999px;border:1px solid rgba(0,0,0,.18);font-size:14px;line-height:20px;transition:background-color .2s,border-color .2s,color .2s}
.toc-chips a:hover{background:#000;border-color:#000;color:#fff}
.sph__fig{position:relative}
.sph__img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px}
.sph__badge{position:absolute;left:-32px;bottom:40px;display:flex;gap:14px;align-items:center;background:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 2px 6px rgba(11,17,20,.06),0 24px 50px -24px rgba(11,17,20,.4);font-size:14px;line-height:20px;color:#4A5357;max-width:300px}
.sph__badge b{display:block;font:400 18px/24px var(--serif);color:#000}
.sv-ans,.sv-m,.sv-cost,.sv-risk,.sv-week,.sv-team,.sv-rel,.sv-how,.sv-bring{padding-left:var(--pad);padding-right:var(--pad)}
.sv-ans{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);column-gap:72px}
.sv-ans h2{margin-top:10px}
.sv-ans__big{font:400 28px/42px var(--serif);border-left:3px solid var(--accent-deep);padding-left:32px}
.sv-ans__who{margin-top:32px;padding-left:35px;display:flex;flex-wrap:wrap;gap:12px 32px}
.sv-ans__who li{display:flex;gap:8px;align-items:center;font-size:15px}
.sv-ans__who svg{width:16px;height:16px;color:var(--accent-deep)}
.sv-ans__who a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(0,0,0,.25)}
.sv-m{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);column-gap:80px;align-items:center}
.sv-m--flip{grid-template-columns:minmax(0,1fr) minmax(0,520px)}
.sv-m--flip .sv-m__img{order:2}
.sv-m__img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px}
.sv-m__txt h2{margin-top:12px}
.sv-m__txt p:not(.eyebrow){margin-top:20px;color:#2b3236;font-size:17px;line-height:29px;max-width:620px}
.sv-checks{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;padding-top:24px;border-top:1px solid var(--line)}
.sv-checks li{display:flex;gap:10px;font-size:15px;line-height:22px}
.sv-checks svg{width:18px;height:18px;flex:0 0 auto;color:var(--accent-deep);margin-top:2px}
.sv-law{margin-left:20px;margin-right:20px;border-radius:30px;background-color:var(--night);background-image:repeating-linear-gradient(-23deg,rgba(255,255,255,.022) 0 1px,transparent 1px 44px);color:#fff;padding-left:calc(var(--pad) - 20px);padding-right:calc(var(--pad) - 20px)}
.sv-law__head{max-width:760px}
.sv-law__head h2{margin-top:12px}
.sv-law__head p:not(.eyebrow){margin-top:16px;color:rgba(255,255,255,.82)}
.sv-law__facts{margin-top:var(--hg);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.16)}
.fact{padding:28px 28px 0 0;border-right:1px solid rgba(255,255,255,.16);margin-right:28px}
.fact:last-child{border-right:0;margin-right:0}
.fact__n{font:400 44px/52px var(--serif);color:#fff}
.fact__l{margin-top:10px;font-size:16px;line-height:24px;color:rgba(255,255,255,.88)}
.fact__s{margin-top:10px;font-size:13px;line-height:18px;letter-spacing:.06em;color:var(--ember)}
.sv-law__note{margin-top:48px;display:flex;gap:14px;align-items:flex-start;max-width:820px;color:rgba(255,255,255,.82);padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}
.sv-law__note svg{width:22px;height:22px;flex:0 0 auto;color:var(--ember);margin-top:2px}
main>.band--tint{padding-top:var(--si)!important;padding-bottom:var(--si)!important;margin-top:var(--sp)}
.sv-how__head{max-width:720px}
.sv-how__head h2,.sv-bring__head h2,.sv-risk__head h2,.sv-week__head h2,.sv-team__head h2,.sv-cost__txt h2{margin-top:12px}
.sv-how__head p:not(.eyebrow),.sv-bring__head p:not(.eyebrow),.sv-team__head p:not(.eyebrow){margin-top:16px;color:#2b3236}
.sv-steps{margin-top:var(--hg);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;counter-reset:none}
.sv-steps li{position:relative;padding-top:24px;border-top:2px solid #000;display:flex;flex-direction:column;gap:8px}
.sv-steps__n{font:400 40px/44px var(--serif);color:var(--accent-deep)}
.sv-steps__w{align-self:flex-start;font-size:12px;line-height:16px;letter-spacing:.1em;text-transform:uppercase;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 10px}
.sv-steps b{font:400 22px/28px var(--serif);margin-top:6px}
.sv-steps li>span:last-child{font-size:15px;line-height:24px;color:#4A5357}
.sv-cost{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,640px);column-gap:72px;align-items:start}
.sv-cost__txt p:not(.eyebrow){margin-top:18px;color:#2b3236;font-size:17px;line-height:29px}
.sv-cost__tbl .tbl{margin-top:0}
.sv-cost__tbl th[scope=row]{font:400 18px/26px var(--serif);background:none;white-space:nowrap}
.sv-cost__note{margin-top:14px;font-size:14px;line-height:20px;color:#4A5357}
.sv-bring{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);column-gap:80px;align-items:start}
.sv-bring__head .faq__ic{margin-bottom:20px}
.sv-bring__list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--line)}
.sv-bring__list li{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:24px}
.box{width:20px;height:20px;border:1.5px solid var(--accent-deep);border-radius:5px;flex:0 0 auto;margin-top:2px}
.sv-risk__grid{margin-top:var(--hg);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.sv-risk__i{display:flex;flex-direction:column;gap:18px}
.sv-risk__x{width:48px;height:48px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center}
.sv-risk__x svg{width:20px;height:20px}
.sv-risk__i h3{font:400 22px/28px var(--serif)}
.sv-risk__i p{margin-top:8px;font-size:15px;line-height:24px;color:#4A5357}
.sv-week{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:72px;row-gap:40px;align-items:start}
.sv-week__list{counter-reset:none;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.sv-week__list li{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.sv-week__n{grid-row:span 2;width:52px;height:52px;border-radius:50%;background:var(--accent-deep);color:#fff;font:400 22px/52px var(--serif);text-align:center}
.sv-week__list b{font:400 22px/28px var(--serif);font-weight:400}
.sv-week__list p{font-size:15px;line-height:24px;color:#4A5357;margin-top:4px}
.sv-week__cta{grid-column:1;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}
.sv-week__cta p{width:100%;font:400 20px/28px var(--serif)}
.sv-week__head{grid-row:1}
.sv-team{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);column-gap:80px;align-items:start}
.sv-rel{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);column-gap:80px;align-items:start}
.sv-rel__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sv-rel__a{display:flex;gap:16px;align-items:flex-start;padding:24px 0;border-top:2px solid #000;transition:color .2s}
.sv-rel__a .scard__ic{width:52px;height:52px;border-radius:14px;flex:0 0 auto;color:var(--accent-deep);border-color:rgba(0,0,0,.14)}
.sv-rel__a .scard__ic svg{width:24px;height:24px}
.sv-rel__a>span:nth-child(2){display:flex;flex-direction:column;gap:6px;min-width:0}
.sv-rel__a b{font:400 21px/27px var(--serif);font-weight:400}
.sv-rel__a>span>span{font-size:15px;line-height:22px;color:#4A5357}
.sv-rel__a>svg{width:18px;height:18px;flex:0 0 auto;margin-left:auto;margin-top:6px;color:var(--accent-deep);transition:transform .25s var(--ease)}
.sv-rel__a:hover>svg{transform:translateX(4px)}
.sv-rel__a:hover b{color:var(--accent-deep)}

/* blog post (house format) */
.psh{padding:48px var(--pad) 0;max-width:calc(980px + 2 * var(--pad))}
.psh__cat{margin-top:28px;display:inline-block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}
.psh__t{margin-top:12px;font:400 72px/82px var(--serif);text-wrap:balance}
.psh__dek{margin-top:20px;max-width:720px;font-size:19px;line-height:31px;color:#2b3236}
.byline{margin-top:28px;display:flex;align-items:center;gap:14px;font-size:15px;line-height:22px}
.byline__img{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:0 0 auto}
.byline__img img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:scale(1.35);transform-origin:50% 20%}
.byline__by a{text-decoration:underline;text-underline-offset:3px}
.byline__meta{display:flex;align-items:center;gap:10px;color:#4A5357}
.byline__meta i{width:4px;height:4px;border-radius:50%;background:currentColor}
.byline>span:last-child{display:flex;flex-direction:column}
.psh__fig{margin:48px var(--pad) 0}
.psh__fig img{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:24px}
main>.psh__fig{padding:0}
.post{display:grid;grid-template-columns:minmax(0,720px) 300px;column-gap:96px;justify-content:space-between;padding-left:var(--pad);padding-right:var(--pad);align-items:start}
.post__body{color:#2b3236;font-size:17px;line-height:30px}
.post__body h2{margin-top:56px;font:400 34px/44px var(--serif);color:#000;text-wrap:balance;scroll-margin-top:100px}
.post__body h2+p,.post__body p+p{margin-top:16px}
.post__body>p{margin-top:16px}
.answer{background:#fff;border-radius:20px;padding:28px 32px;border-left:4px solid var(--accent-deep)}
.answer__k{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}
.answer__k svg{width:20px;height:20px}
.answer p+p{margin-top:12px;font:400 22px/34px var(--serif);color:#000}
.post .pull{margin-top:32px}
.post .tbl{margin-top:28px}
.pfig{margin-top:40px}
.pfig img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px}
.pfig figcaption{margin-top:12px;font-size:14px;line-height:22px;color:#4A5357;padding-left:14px;border-left:2px solid var(--accent-deep)}
.post .steps{margin-top:24px}
.midcta{margin-top:48px;border-radius:20px;background-color:var(--night);background-image:repeating-linear-gradient(-23deg,rgba(255,255,255,.022) 0 1px,transparent 1px 44px);color:#fff;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.midcta__k{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember)}
.midcta__t{margin-top:6px;font:400 24px/32px var(--serif);color:#fff}
.midcta__b{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ticks{margin-top:20px;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start}
.ticks svg{width:20px;height:20px;flex:0 0 auto;margin-top:5px;color:var(--accent-deep)}
.pfaq{margin-top:16px;border-top:1px solid var(--line)}
.pfaq .faq__q{padding:20px 0 16px}
.callout{margin-top:24px;display:flex;gap:18px;align-items:flex-start;padding:24px 28px;border-radius:20px;background:#fff}
.callout p{font:400 21px/32px var(--serif);color:#000}
.plink{margin-top:28px;display:flex;gap:16px;align-items:center;padding:20px 0;border-top:2px solid #000;border-bottom:1px solid var(--line)}
.plink .scard__ic{width:52px;height:52px;border-radius:14px;color:var(--accent-deep);border-color:rgba(0,0,0,.14)}
.plink .scard__ic svg{width:24px;height:24px}
.plink>span:nth-child(2){display:flex;flex-direction:column}
.plink b{font:400 20px/28px var(--serif);font-weight:400;color:#000}
.plink>span>span{font-size:15px;line-height:22px}
.plink>svg{width:18px;height:18px;margin-left:auto;color:var(--accent-deep)}
.post .note{margin-top:32px}
.pager{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pager a{display:flex;flex-direction:column;gap:6px;padding:20px 0;border-top:1px solid #000}
.pager a:last-child{text-align:right;align-items:flex-end}
.pager span{display:inline-flex;align-items:center;gap:6px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep)}
.pager a:first-child span svg{transform:rotate(180deg)}
.pager svg{width:14px;height:14px}
.pager b{font:400 19px/26px var(--serif);font-weight:400;color:#000}
.post__side{position:sticky;top:104px;display:flex;flex-direction:column;gap:24px}
.ptoc{display:flex;flex-direction:column;border-left:1px solid var(--line)}
.ptoc p{padding-left:18px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#4A5357;margin-bottom:8px}
.ptoc a{padding:7px 0 7px 18px;font-size:15px;line-height:21px;margin-left:-1px;border-left:2px solid transparent}
.ptoc a:hover{border-left-color:var(--accent-deep);color:var(--accent-deep)}
.pcta{border-radius:20px;background-color:var(--night);color:#fff;padding:26px}
.pcta__k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ember)}
.pcta__t{margin:8px 0 18px;font:400 22px/30px var(--serif)}
.pcta .btn{width:100%;justify-content:center}
.pcta__tel{margin-top:14px;display:flex;align-items:center;gap:8px;justify-content:center;font-size:15px}
.pcta__tel svg{width:18px;height:18px;color:var(--ember)}
.pgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pgrid--3 .pcard img{height:280px}
.pgrid--3 .pcard h3{margin-top:24px;font-size:26px;line-height:34px}

/* legal + 404 */
.legal{padding:40px var(--pad) 0!important}
.legal__head{max-width:820px}
.legal__head h1{margin-top:20px}
.legal__date{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:#4A5357}
.legal__date svg{width:18px;height:18px;color:var(--accent-deep)}
.legal__date i{width:4px;height:4px;border-radius:50%;background:currentColor}
.legal__grid{margin-top:var(--hg);display:grid;grid-template-columns:260px minmax(0,780px);column-gap:96px;align-items:start}
.legal__toc{position:sticky;top:104px;border-left:1px solid var(--line)}
.legal__toc p{padding-left:18px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#4A5357;margin-bottom:8px}
.legal__toc ol{list-style:none}
.legal__toc a{display:block;padding:6px 0 6px 18px;font-size:15px;line-height:21px}
.legal__toc a:hover{color:var(--accent-deep)}
.legal__body{margin-top:0!important;max-width:none}
.legal__body section{padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:100px}
.legal__body section:first-child{border-top:0;padding-top:0}
.legal__body h2{display:flex;gap:16px;align-items:baseline;margin-top:0!important}
.legal__body h2 span{font:400 16px/20px var(--serif);color:var(--accent-deep)}
.nf{height:auto!important;padding:40px var(--pad) 0!important;text-align:left;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);column-gap:80px;align-items:center}
.nf__ghost{position:absolute;right:var(--pad);top:-30px;font:400 clamp(160px,22vw,340px)/1 var(--serif);color:rgba(0,0,0,.05);pointer-events:none;z-index:-1}
.nf__copy p:not(.eyebrow){margin-top:18px;max-width:480px;margin-left:0}
.nf__copy h1{margin-top:12px}
.nf .btns{margin-top:28px;gap:28px}
.nf .btn{margin-top:0}
.nf__links{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.nf__links .sv-rel__a{padding:18px 0;border-top:1px solid rgba(0,0,0,.2)}
.nf__links .sv-rel__a b{font-size:19px;line-height:25px}

@media (max-width:1439.98px){
  .sph{grid-template-columns:minmax(0,1fr) minmax(0,440px);column-gap:56px}
  .sv-m{grid-template-columns:minmax(0,440px) minmax(0,1fr);column-gap:56px}
  .sv-m--flip{grid-template-columns:minmax(0,1fr) minmax(0,440px)}
  .fact__n{font-size:36px;line-height:44px}
  .psh__t{font-size:60px;line-height:70px}
  .post{column-gap:56px;grid-template-columns:minmax(0,1fr) 280px}
}
@media (max-width:1199.98px){
  .ppl--grid,.ppl--full,.ppl--mini{gap:44px 20px}
  .pp__nm{font-size:22px;line-height:28px}
  .roster{column-gap:32px}
  .pa{grid-template-columns:1fr;row-gap:48px}
  .pa__side{position:static;max-width:640px}
  .sph{grid-template-columns:1fr 360px;column-gap:40px}
  .sph__badge{left:-20px}
  .sv-ans,.sv-cost,.sv-bring,.sv-team,.sv-rel,.sv-week{grid-template-columns:1fr;row-gap:40px}
  .sv-week__cta{grid-column:auto}
  .sv-m,.sv-m--flip{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px}
  .sv-law__facts{grid-template-columns:1fr 1fr;row-gap:28px}
  .fact:nth-child(2){border-right:0;margin-right:0}
  .sv-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}
  .sv-risk__grid{grid-template-columns:1fr 1fr}
  .post{grid-template-columns:1fr}
  .post__side{display:none}
  .psh__t{font-size:52px;line-height:62px}
  .legal__grid{grid-template-columns:1fr;row-gap:40px}
  .legal__toc{position:static}
  .nf{grid-template-columns:1fr;row-gap:48px}
  .pgrid--3{grid-template-columns:1fr 1fr}
}
@media (max-width:809px){
  .ppl{grid-template-columns:1fr 1fr;gap:36px 16px}
  .pp{gap:12px}
  .pp__txt{padding-top:10px}
  .pp__nm{font-size:20px;line-height:26px}
  .pp__focus{font-size:14px;line-height:20px}
  .pp__bio,.pp__go{display:none}
  .pp__role{font-size:11px;letter-spacing:.1em}
  .roster{grid-template-columns:1fr}
  .rr{grid-template-columns:64px minmax(0,1fr) 40px;gap:14px;padding:16px 0}
  .rr__img{width:64px;height:64px}
  .rr__nm{font-size:20px;line-height:26px}
  .rr__role,.rr__bio{font-size:14px;line-height:21px}
  .rr__go{width:40px;height:40px}
  .roster--bio .rr{grid-template-columns:72px minmax(0,1fr)}
  .roster--bio .rr__img{width:72px;height:72px}
  .roster--bio .rr__go{display:none}
  .svh{padding:12px 0 0}
  .svh__card{min-height:440px;border-radius:24px}
  .svh__in{padding:120px 20px 40px}
  .svh__lead{font-size:16px;line-height:26px}
  .pa__side h2{font-size:32px;line-height:40px}
  .pa__blk{padding:26px 22px;border-radius:20px}
  .pa__blk h3{font-size:28px;line-height:36px}
  .pa__grid{grid-template-columns:1fr;gap:20px}
  .sph{grid-template-columns:1fr;row-gap:40px;padding-top:24px}
  .sph__lead{font-size:16px;line-height:26px}
  .sph__badge{left:12px;bottom:12px;right:12px;max-width:none}
  .sv-ans__big{font-size:22px;line-height:34px;padding-left:20px}
  .sv-ans__who{padding-left:23px}
  .sv-m,.sv-m--flip{grid-template-columns:1fr;row-gap:32px}
  .sv-m--flip .sv-m__img{order:0}
  .sv-m__img img{aspect-ratio:4/3}
  .sv-checks{grid-template-columns:1fr}
  .sv-law{margin-left:0;margin-right:0;border-radius:24px;padding-left:20px;padding-right:20px}
  .sv-law__facts{grid-template-columns:1fr}
  .fact{border-right:0;margin-right:0;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.16)}
  .sv-steps{grid-template-columns:1fr}
  .sv-bring__list{grid-template-columns:1fr}
  .sv-risk__grid{grid-template-columns:1fr;gap:28px}
  .sv-rel__list{grid-template-columns:1fr;gap:0}
  .sv-cost__tbl{overflow-x:auto}
  .psh{padding-top:24px}
  .psh__t{font-size:38px;line-height:46px}
  .psh__dek{font-size:17px;line-height:28px}
  .psh__fig{margin:32px 20px 0}
  .psh__fig img{aspect-ratio:4/3}
  .post__body{font-size:16px;line-height:28px}
  .post__body h2{font-size:26px;line-height:34px;margin-top:44px}
  .answer{padding:22px}
  .answer p+p{font-size:19px;line-height:30px}
  .midcta{padding:24px}
  .callout{padding:20px}
  .callout p{font-size:18px;line-height:28px}
  .pager{grid-template-columns:1fr}
  .pager a:last-child{text-align:left;align-items:flex-start}
  .pgrid--3{grid-template-columns:1fr}
  .legal__body h2{font-size:22px!important;line-height:30px!important}
  .nf__links{grid-template-columns:1fr}
  .nf__ghost{top:-10px}
  .lh--detail{padding-top:24px!important;row-gap:24px}
  .lh--detail .socials{margin-top:32px!important}
  .tst__note{margin:20px 20px 0}
}
.nf{isolation:isolate}
.nf .eyebrow{margin:0!important;max-width:none!important}
.nf__ghost{z-index:-1;color:rgba(0,0,0,.045)}
@media (max-width:809px){
  .sv-cost__tbl{overflow:visible}
  .sv-cost__tbl .tbl,.sv-cost__tbl .tbl tbody,.sv-cost__tbl .tbl tr,.sv-cost__tbl .tbl th,.sv-cost__tbl .tbl td{display:block;width:auto}
  .sv-cost__tbl .tbl thead{display:none}
  .sv-cost__tbl .tbl tr{padding:16px 18px;border-bottom:1px solid var(--line)}
  .sv-cost__tbl .tbl th,.sv-cost__tbl .tbl td{padding:2px 0;border:0}
  .sv-cost__tbl .tbl td:nth-child(2){color:#000}
}
/* r2 polish: no dead space inside process cards; head spacing on stacked layouts */
.appr .card{min-height:0!important;justify-content:flex-start;gap:36px}
@media (max-width:1199.98px){.pband .head2 .side{margin-top:24px}.mis__b .side{margin-top:24px!important}}
.nf__ghost{display:none}

/* ================= Owner QC r3 (2026-10-04) ================= */
:root{--mist:#C3DAE2;--tint-l:#EAF4F7}
/* 1. hero height: tracks Ziwi (fixed 975 card) instead of filling tall screens */
.hh__card{min-height:min(max(820px,calc(100svh - 40px)),940px)}
@media (min-width:810px) and (max-width:1199.98px){.hh__card{min-height:min(max(740px,calc(100svh - 24px)),900px)}}
/* 2. home practice band: outer and inner space halved */
main>.hsvc{margin-top:calc(var(--sp) / 2)}
.hsvc__stage{padding-top:calc(var(--si) / 2);padding-bottom:calc(var(--si) / 2)}
.hsvc.is-pin .hsvc__stage{padding:56px 0 48px;justify-content:center}
.hsvc.is-pin .hsvc__track{flex:1 1 auto;max-height:560px;min-height:380px;margin-top:48px}
.hsvc__head h2{margin-top:8px}
main>.hsvc+.pband{padding-top:calc(var(--sp) / 2)}
/* 3 + 4. home after the attorneys: the why band gets its own full-width ground, every band pads both ends */
.pg-index main>.why{background:var(--mist);margin-top:var(--sp);padding-top:var(--si)!important;padding-bottom:var(--si)!important}
.pg-index main>.why .card{border-top-color:rgba(0,0,0,.24)}
.pg-index main>.why .card p{color:#3d4649}
.pg-index main>.why+.tst{padding-top:var(--sp)}
.pg-index main>.tst{padding-bottom:0}
/* 7. blue-ground pages: no white boxes (lawyers.html is approved and left as it is) */
body:not(.pg-lawyers) .qcard{background:var(--tint-l);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
body:not(.pg-lawyers) .qcard .mono{background:#fff}
.hab .card:not(.card--img):not(.card--acc){background:var(--tint-l);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.appr .cards3{gap:0 48px}
.appr .card{background:none!important;border-radius:0;padding:28px 0 0;border-top:1px solid rgba(0,0,0,.22)}
.appr--dark .card{color:#fff;border-top-color:rgba(255,255,255,.22)}
.appr--dark .card h3{color:#fff}
.appr--dark .card p{color:rgba(255,255,255,.78)}
.appr .card .ibox{width:48px;height:48px;border-radius:50%;background:none;border:1px solid var(--accent-deep);color:var(--accent-deep)}
.appr--dark .card .ibox{border-color:var(--ember);color:var(--ember)}
.appr .card h3{font-size:26px;line-height:34px}
.cinfo__cards .card{background:rgba(11,17,20,.78)!important;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14)}
.cinfo__cards .card h3{color:#fff}
.cinfo__cards .card p,.cinfo__cards .card a{color:rgba(255,255,255,.86)}
.cinfo__cards .ibox{background:var(--accent-deep)}
/* 7. long-reading pages: white ground; pale blue + dark only as full-width bands */
body.g-white,.g-white .page{background:#fff}
.g-white .hdr.is-scrolled{background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(0,0,0,.08),0 10px 30px -18px rgba(11,17,20,.25)}
.s-w{background:#fff}
.s-b{background:var(--paper)}
.s-d{background-color:var(--night);background-image:repeating-linear-gradient(-23deg,rgba(255,255,255,.022) 0 1px,transparent 1px 44px);color:#fff}
.g-white main>section.s-w,.g-white main>section.s-b,.g-white main>section.s-d,.g-white main>article{margin:0!important;padding-top:var(--si)!important;padding-bottom:var(--si)!important;border-radius:0!important}
.g-white main>.close{margin-top:0}
.g-white .sv-law{margin:0;border-radius:0;padding-left:var(--pad);padding-right:var(--pad)}
.g-white .s-d .eyebrow{color:var(--ember)}
.g-white .s-d h2,.g-white .s-d h3{color:#fff}
.g-white .tbl{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.g-white .s-b .tbl{box-shadow:none}
.g-white .tbl th{background:var(--paper)}
.g-white .s-b .tbl th{background:#F4F9FA}
.g-white .answer,.g-white .callout,.g-white .steps li{background:var(--paper)}
.g-white .sph__badge{background:#fff}
.g-white .toc-chips a{border-color:rgba(0,0,0,.16)}
.g-white .sv-steps__w{background:var(--paper);border-color:transparent}
.g-white .s-b .sv-steps__w{background:#fff}
.g-white .rr__img,.g-white .pp__img{background:var(--paper)}
.g-white .faq--split .faq__item:first-child{border-top-color:var(--line)}
/* 6. service pages: styled prose, room inside bands */
.sv-m__txt p:not(.eyebrow):first-of-type{font-size:19px;line-height:32px;color:#000}
.sv-m__txt>p.eyebrow+h2+p{font-size:19px;line-height:32px;color:#000}
.sv-checks{padding-top:28px}
.s-b .sv-checks,.s-b .sv-bring__list,.s-b .sv-week__list{border-color:rgba(0,0,0,.18)}
.sv-steps{gap:32px}
.sv-steps li{padding-top:28px}
.s-b .sv-steps li{border-top-color:#000}
.sv-ans__big{font-size:30px;line-height:44px}
.sv-law__facts{margin-top:64px}
.sv-risk__i{padding-top:24px;border-top:1px solid var(--line)}
.sph{padding-bottom:var(--si)!important}
/* 5. services hub */
.svx{position:relative;overflow:hidden;isolation:isolate;padding:150px var(--pad) 120px!important;min-height:640px;display:flex;align-items:center}
.svx__media{position:absolute;top:0;bottom:0;right:0;width:62%;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 18%,rgba(0,0,0,.85) 40%,#000 55%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 18%,rgba(0,0,0,.85) 40%,#000 55%)}
.svx__media img{width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.svx__copy{max-width:640px}
.svx .crumbs{color:rgba(255,255,255,.8)}
.svx .crumbs a{text-decoration-color:rgba(255,255,255,.4)}
.svx .eyebrow{margin-top:28px;color:var(--ember)}
.svx h1{margin-top:12px;font-size:72px;line-height:82px}
.svx__lead{margin-top:20px;max-width:520px;font-size:18px;line-height:30px;color:rgba(255,255,255,.86)}
.svx__jump{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;max-width:600px;border-top:1px solid rgba(255,255,255,.18)}
.svx__jump a{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:16px}
.svx__jump svg{width:22px;height:22px;color:var(--ember)}
.svx__jump a:hover{color:var(--ember)}
.chz,.sit,.pband.s-w{padding-left:var(--pad);padding-right:var(--pad)}
.chz__cols{margin-top:var(--hg);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 40px}
.chz__c{display:flex;flex-direction:column;padding-top:28px;border-top:2px solid #000}
.chz__top{display:flex;justify-content:space-between;align-items:center}
.chz__ic{width:56px;height:56px;border-radius:50%;background:var(--paper);color:var(--accent-deep);display:flex;align-items:center;justify-content:center}
.chz__ic svg{width:26px;height:26px}
.chz__n{font:400 20px/24px var(--serif);color:var(--accent-deep)}
.chz__lab{margin-top:28px;font-size:13px;line-height:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}
.chz__c h3{margin-top:8px;font:400 30px/38px var(--serif)}
.chz__c h3 a:hover{color:var(--accent-deep)}
.chz__p{margin-top:14px;font-size:16px;line-height:26px;color:#3d4649}
.chz__c ul{margin-top:22px;border-top:1px solid var(--line)}
.chz__c li a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:21px}
.chz__c li svg{width:16px;height:16px;flex:0 0 auto;color:var(--accent-deep);transition:transform .25s var(--ease)}
.chz__c li a:hover svg{transform:translateX(3px)}
.chz__go{margin-top:24px;display:inline-flex;align-items:center;gap:14px;font-weight:600}
.chz__go .circ{border-color:rgba(0,0,0,.2);color:var(--accent-deep)}
.chz__go:hover .circ{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
.sit{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);column-gap:96px;align-items:start}
.sit__head{position:sticky;top:110px}
.sit__head h2{margin-top:12px}
.sit__head p:not(.eyebrow){margin-top:16px;color:#3d4649}
.sit__head .btn{margin-top:28px}
.sit__list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid rgba(0,0,0,.2)}
.sit__list a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 12px;padding:24px 0;border-bottom:1px solid rgba(0,0,0,.2)}
.sit__n{font:400 16px/30px var(--serif);color:var(--accent-deep)}
.sit__t{font:400 22px/30px var(--serif)}
.sit__a{grid-column:2;display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px;color:#3d4649}
.sit__a svg{width:15px;height:15px;color:var(--accent-deep);transition:transform .25s var(--ease)}
.sit__list a:hover .sit__t{color:var(--accent-deep)}
.sit__list a:hover svg{transform:translateX(4px)}
.pg-services .appr{padding-left:var(--pad);padding-right:var(--pad)}
/* 8. blog post: wider article column, modules run full width of the column */
.post{grid-template-columns:minmax(0,880px) 300px;column-gap:80px}
.post__body{font-size:18px;line-height:31px}
.post__body>p,.post__body>h2,.post__body>.ticks,.post__body>.note,.post__body>.pull,.post__body>.answer,.post__body>.callout{max-width:800px}
.psh{max-width:none}
.psh__t{max-width:1000px}
.lat--keep,.g-white .lat{padding-left:var(--pad);padding-right:var(--pad)}
.legal__faq{padding:28px 0;border-top:1px solid var(--line)}
.legal__faq .pfaq{margin-top:16px}
@media (max-width:1439.98px){.post{grid-template-columns:minmax(0,1fr) 280px;column-gap:56px}.chz__cols{gap:0 28px}.chz__c h3{font-size:26px;line-height:34px}}
@media (max-width:1199.98px){
  .chz__cols{grid-template-columns:1fr 1fr;gap:56px 32px}
  .sit{grid-template-columns:1fr;row-gap:40px}
  .sit__head{position:static}
  .svx h1{font-size:56px;line-height:64px}
  .svx__media{width:55%}
  .post{grid-template-columns:1fr}
}
@media (max-width:809px){
  .svx{display:block;padding:104px 20px 0!important;min-height:0}
  .svx__media{position:relative;width:auto;height:300px;margin:32px -20px 0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
  .svx h1{font-size:40px;line-height:48px}
  .svx__lead{font-size:16px;line-height:26px}
  .svx__jump{grid-template-columns:1fr}
  .chz__cols{grid-template-columns:1fr;gap:48px}
  .sit__list{grid-template-columns:1fr}
  .sit__t{font-size:19px;line-height:27px}
  .post__body{font-size:17px;line-height:29px}
  .sv-ans__big{font-size:22px;line-height:34px}
  .appr .cards3{gap:32px}
}
/* r3 fixes: beat the generic dark-band rule; even rhythm around the why band */
main>section.hsvc.on-dark{margin-top:calc(var(--sp) / 2)!important;padding-top:0!important;padding-bottom:0!important}
.hsvc.is-pin .hsvc__stage{justify-content:flex-start;padding:60px 0 52px}
.hsvc.is-pin .hsvc__track{flex:1 1 0;min-height:380px;max-height:560px}
.hsvc:not(.is-pin) .hsvc__stage{padding-top:calc(var(--si) / 2);padding-bottom:calc(var(--si) / 2)}
.pg-index main>.why{padding-top:var(--sp)!important;padding-bottom:var(--sp)!important}
main>.hsvc+.pband{padding-top:calc(var(--sp) / 2)!important}
.hsvc.is-pin .hsvc__stage{justify-content:center;padding:64px 0 56px}
.hsvc.is-pin .hsvc__track{max-height:600px}
.chz__c{height:100%}.chz__go{margin-top:auto;padding-top:24px}.chz__c ul{margin-bottom:0}
.sv-rel{grid-template-columns:1fr!important;row-gap:40px}

/* ================= Owner QC r4: one width for every article element ================= */
.post__body>*{max-width:none!important;width:100%;margin-left:0;margin-right:0;box-sizing:border-box}
.post__body>.pfig img{width:100%}
.post{grid-template-columns:minmax(0,820px) 300px;column-gap:72px}
.post__body{font-size:19px;line-height:33px}
@media (max-width:1439.98px){.post{grid-template-columns:minmax(0,1fr) 280px;column-gap:56px}}
@media (max-width:1199.98px){.post{grid-template-columns:1fr}}
@media (max-width:809px){.post__body{font-size:17px;line-height:29px}}
@media (min-width:1440px){.post__body{font-size:20px;line-height:34px}}