/* Self-hosted fonts (SIL Open Font License) — no third-party requests */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/newsreader-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:300;font-display:swap;src:url("fonts/newsreader-latin-300-italic.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/newsreader-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/newsreader-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/newsreader-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/hanken-grotesk-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/hanken-grotesk-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/hanken-grotesk-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/hanken-grotesk-latin-700-normal.woff2") format("woff2")}
/* AIO Law — design system
   Layout concept: an editorial column grid on a cool blue-grey ground; deep navy for authority, Atlantic blue for action,
   light steel blue only as hairline detail. Tropical-modernist brise-soleil (Lagos facade fins) as the one graphic motif.
   Single light theme by design: the brand commits to blue-grey/navy in all viewer themes. */
:root{
  --ink:#0B1A2E;          /* primary: text, dark bands */
  --ink-2:#34435A;        /* secondary text (7.9:1 on ivory) */
  --ink-3:#55647A;        /* tertiary text / captions (5.3:1 on ivory) */
  --ground:#F3F6F9;        /* cool page ground */
  --paper:#FAFCFD;        /* raised surfaces: forms, cards */
  --mist:#E2E9F1;        /* secondary ground */
  --mist-2:#C9D5E3;      /* borders on stone */
  --blue:#1B4F8C;       /* accent: actions, links */
  --blue-2:#143D6E;     /* accent hover */
  --sky:#6E9BC9;       /* hairlines, bullets, dots — decorative only */
  --sky-lt:#9FC3E8;    /* light blue on ink: links, accents (9:1) */
  --line:rgba(11,26,46,.13);
  --line-strong:rgba(11,26,46,.26);
  --on-ink:#EEF3F8;
  --on-ink-2:#A9B7C8;
  --error:#9B2C1F;
  --focus:#1B4F8C;
  --review:#A5712A;       /* draft-only legal-review markers & placeholders (not brand) */

  --f-display:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --f-sans:"Hanken Grotesk","Helvetica Neue",Arial,system-ui,sans-serif;

  /* type scale (1.25 minor third, fluid at top) */
  --t-xs:.8125rem; --t-sm:.9375rem; --t-base:1.0625rem; --t-md:1.25rem; --t-lg:1.5625rem;
  --t-xl:clamp(1.9rem,3.2vw,2.5rem); --t-2xl:clamp(2.3rem,4.6vw,3.6rem); --t-3xl:clamp(2.6rem,6.2vw,5rem);

  /* spacing (4px base) */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem; --s-6:2rem; --s-7:3rem; --s-8:4.5rem; --s-9:clamp(4.5rem,9vw,8rem);
  --gutter:clamp(16px,4vw,48px);
  --maxw:1240px;
  --radius:2px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --header-h:76px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--f-sans);font-size:var(--t-base);line-height:1.62;font-feature-settings:"ss01" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;display:block}
a{color:var(--blue);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--blue-2)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:1px}
.on-ink :focus-visible{outline-color:var(--sky-lt)}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:400;line-height:1.08;letter-spacing:-.012em;margin:0;text-wrap:balance;font-optical-sizing:auto}
h1{font-size:var(--t-3xl);letter-spacing:-.022em}
h2{font-size:var(--t-2xl)}
h3{font-size:var(--t-lg);line-height:1.2}
h4{font-size:var(--t-md);line-height:1.3}
p{margin:0;max-width:66ch}

ul,ol{margin:0;padding:0}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--on-ink);padding:.75rem 1rem;z-index:100}
.skip:focus{left:16px;top:16px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- layout ---------- */
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--s-9)}
.section--tight{padding-block:var(--s-8)}
.section--mist{background:var(--mist)}
.section--ink{background:var(--ink);color:var(--on-ink)}
.section--blue{background:var(--blue);color:var(--on-ink)}
.section + .section:not(.section--mist):not(.section--ink):not(.section--blue){border-top:1px solid var(--line)}
.grid{display:grid;gap:var(--s-6)}
.grid-2{display:grid;gap:var(--s-7);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.split{display:grid;gap:var(--s-7);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
.split--even{grid-template-columns:1fr 1fr}
@media (max-width:900px){.split,.split--even{grid-template-columns:1fr;gap:var(--s-6)}}
.stack>*+*{margin-top:var(--s-5)}
.stack-sm>*+*{margin-top:var(--s-3)}
.measure{max-width:66ch}

/* ---------- type utilities ---------- */
.eyebrow{font-family:var(--f-sans);font-size:var(--t-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--sky);flex:none}
.eyebrow--plain::before{display:none}
.on-ink .eyebrow,.section--ink .eyebrow,.section--blue .eyebrow{color:var(--on-ink-2)}
.lede{font-size:var(--t-md);line-height:1.55;color:var(--ink-2);max-width:60ch}
.on-ink .lede,.section--ink .lede,.section--blue .lede{color:var(--on-ink-2)}
.muted{color:var(--ink-3)}
.small{font-size:var(--t-sm)}
.xs{font-size:var(--t-xs)}
.num{font-variant-numeric:tabular-nums lining-nums}
.section-head{display:grid;gap:var(--s-4);margin-bottom:var(--s-7);max-width:880px}
.section-head--row{display:flex;justify-content:space-between;align-items:end;gap:var(--s-5);flex-wrap:wrap;max-width:none}
.meta-line{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.meta-line span+span::before{content:"·";margin-inline:.6em;color:var(--sky)}
.section--ink .meta-line,.section--blue .meta-line{color:var(--on-ink-2)}

/* ---------- buttons ---------- */
.btn{--bg:var(--blue);--fg:var(--on-ink);--bd:var(--blue);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.75rem 1.4rem;background:var(--bg);color:var(--fg);border:1px solid var(--bd);border-radius:var(--radius);font:600 var(--t-sm)/1.2 var(--f-sans);letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.btn:hover{--bg:var(--blue-2);--bd:var(--blue-2);color:var(--fg)}
.btn--ghost{--bg:transparent;--fg:var(--ink);--bd:var(--line-strong)}
.btn--ghost:hover{--bg:var(--ink);--fg:var(--on-ink);--bd:var(--ink)}
.btn--light{--bg:var(--ground);--fg:var(--ink);--bd:var(--ground)}
.btn--light:hover{--bg:#fff;--bd:#fff;--fg:var(--ink)}
.btn--ghost-light{--bg:transparent;--fg:var(--on-ink);--bd:rgba(238,243,248,.4)}
.btn--ghost-light:hover{--bg:var(--ground);--fg:var(--ink);--bd:var(--ground)}
.btn--sm{min-height:40px;padding:.5rem 1rem;font-size:var(--t-xs)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}
.arrow-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:var(--t-sm);color:var(--blue);text-decoration:none;border-bottom:1px solid transparent;padding-block:.35rem;min-height:44px}
.arrow-link::after{content:"→";transition:transform .3s var(--ease)}
.arrow-link:hover{border-bottom-color:currentColor}
.arrow-link:hover::after{transform:translateX(4px)}
.section--ink .arrow-link,.section--blue .arrow-link,.on-ink .arrow-link{color:var(--sky-lt)}

/* ---------- logo ---------- */
.logo{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink);line-height:1}
.logo__aio{font-family:var(--f-display);font-size:1.85rem;font-weight:500;letter-spacing:.01em}
.logo__rule{width:1px;height:1.5rem;background:var(--sky)}
.logo__law{font-family:var(--f-sans);font-size:.72rem;font-weight:600;letter-spacing:.32em;padding-top:.1rem}
.logo--light{color:var(--on-ink)}
.logo--light .logo__rule{background:var(--sky-lt)}
.logo:hover{color:inherit}

/* ---------- header / nav ---------- */
.header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--ground);border-bottom:1px solid transparent;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
.header.is-scrolled{border-bottom-color:var(--line)}
.header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);height:var(--header-h)}
.nav{display:flex;align-items:center;gap:var(--s-1)}
.nav__link,.nav__trigger{font:500 var(--t-sm)/1 var(--f-sans);color:var(--ink);text-decoration:none;background:none;border:0;padding:.85rem .8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;position:relative;min-height:44px}
.nav__link::after,.nav__trigger::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.45rem;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav__link:hover::after,.nav__trigger:hover::after,.nav__trigger[aria-expanded="true"]::after,.nav__link[aria-current="page"]::after{transform:scaleX(1)}
.nav__link:hover{color:var(--ink)}
.nav__caret{width:9px;height:9px;transition:transform .3s var(--ease)}
.nav__trigger[aria-expanded="true"] .nav__caret{transform:rotate(180deg)}
.header__cta{margin-left:var(--s-4)}
.menu-btn{display:none;background:none;border:1px solid var(--line-strong);border-radius:var(--radius);min-height:44px;min-width:44px;padding:0 .9rem;font:600 var(--t-xs)/1 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);cursor:pointer;align-items:center;gap:.5rem}
@media (max-width:1060px){.nav,.header__cta--desk,.mega{display:none}.menu-btn{display:inline-flex}}
.header__mob{display:none;align-items:center;gap:var(--s-2)}
@media (max-width:1060px){.header__mob{display:flex}}
@media (max-width:420px){.header__mob .btn{display:none}}

/* mega menu */
.mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 24px 48px -24px rgba(11,26,46,.25);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s linear .25s}
.mega.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.mega__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-block:var(--s-6) var(--s-5)}
.mega__col{padding:var(--s-2) var(--s-5);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s-3)}
.mega__col:first-child{border-left:0;padding-left:0}
.mega__label{font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ink-3)}
.mega__title{font-family:var(--f-display);font-size:1.35rem;line-height:1.15;color:var(--ink);text-decoration:none}
.mega__title:hover{color:var(--blue)}
.mega__list{list-style:none;display:grid;gap:.1rem;margin-block:var(--s-1) var(--s-2)}
.mega__list a{color:var(--ink-2);text-decoration:none;font-size:var(--t-sm);display:block;padding:.3rem 0}
.mega__list a:hover{color:var(--blue);text-decoration:underline}
.mega__foot{border-top:1px solid var(--line);padding-block:var(--s-4);display:flex;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;font-size:var(--t-sm);color:var(--ink-3)}
.mega__col .arrow-link{margin-top:auto}

/* mobile menu */
.mobile-menu{position:fixed;inset:0;z-index:60;background:var(--ground);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s linear .3s}
.mobile-menu.is-open{opacity:1;transform:none;visibility:visible;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.mobile-menu__top{display:flex;justify-content:space-between;align-items:center;height:var(--header-h);padding-inline:var(--gutter);border-bottom:1px solid var(--line)}
.mobile-menu__body{overflow-y:auto;padding:var(--s-5) var(--gutter) var(--s-7);flex:1}
.mobile-menu__group{border-bottom:1px solid var(--line);padding-block:var(--s-4)}
.mobile-menu__group .mega__label{display:block;margin-bottom:var(--s-2)}
.mobile-menu a.m-link{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;font-family:var(--f-display);font-size:1.45rem;color:var(--ink);text-decoration:none;min-height:48px}
.mobile-menu a.m-link--sub{font-family:var(--f-sans);font-size:var(--t-base);padding-left:0}
.mobile-menu__foot{padding:var(--s-4) var(--gutter);border-top:1px solid var(--line);background:var(--paper)}
.mobile-menu__foot .btn{width:100%}
body.menu-open{overflow:hidden}

/* ---------- hero ---------- */
.hero{padding-block:var(--s-8) var(--s-9);position:relative;overflow:hidden}
.hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-7);align-items:end}
@media (max-width:900px){.hero__grid{grid-template-columns:1fr}}
.hero h1{max-width:15ch}
.hero__copy{display:grid;gap:var(--s-5)}
.hero__trust{display:flex;gap:var(--s-5);align-items:center;flex-wrap:wrap;padding-top:var(--s-5);margin-top:var(--s-3);border-top:1px solid var(--line);font-size:var(--t-sm);color:var(--ink-3)}
.hero__trust strong{color:var(--ink);font-weight:600}
.hero__coords{font-size:var(--t-xs);letter-spacing:.12em;color:var(--ink-3);font-variant-numeric:tabular-nums}
.page-hero{padding-block:var(--s-7) var(--s-8)}
.page-hero h1{font-size:clamp(2.4rem,5.4vw,4.3rem);max-width:18ch}
.page-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-7);align-items:end;margin-top:var(--s-5)}
@media (max-width:900px){.page-hero__grid{grid-template-columns:1fr;gap:var(--s-5)}}
.page-hero__aside{border-left:1px solid var(--line);padding-left:var(--s-5);display:grid;gap:var(--s-4)}
@media (max-width:900px){.page-hero__aside{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:var(--s-5)}}

/* facade motif */
.facade{margin:0;position:relative;width:100%;aspect-ratio:5/6;max-height:560px;background:var(--mist);overflow:hidden}
.facade svg{width:100%;height:100%}
.facade__cap{position:absolute;left:0;bottom:0;right:0;display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:linear-gradient(transparent,rgba(11,26,46,.06));font-size:var(--t-xs);color:var(--ink-2);letter-spacing:.08em}
.fin{transform-origin:50% 0;animation:fin-in 1.1s var(--ease) both}
@keyframes fin-in{from{transform:scaleY(.86)}to{transform:none}}
.facade--band{aspect-ratio:auto;height:220px;max-height:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---------- breadcrumb ---------- */
.crumbs{font-size:var(--t-xs);color:var(--ink-3);letter-spacing:.04em}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem}
.crumbs li+li::before{content:"/";margin-right:.35rem;color:var(--mist-2)}
.crumbs a{color:var(--ink-3);text-decoration:none}
.crumbs a:hover{color:var(--blue);text-decoration:underline}

/* ---------- practice cards ---------- */
.practices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line-strong)}
@media (max-width:760px){.practices{grid-template-columns:1fr}}
.pcard{position:relative;display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-6) var(--s-6) var(--s-6) 0;border-bottom:1px solid var(--line-strong);text-decoration:none;color:var(--ink);min-height:300px;transition:background .35s var(--ease)}
.pcard:nth-child(even){padding-left:var(--s-6);padding-right:0;border-left:1px solid var(--line-strong)}
@media (max-width:760px){.pcard,.pcard:nth-child(even){padding:var(--s-6) 0;border-left:0;min-height:0}}
.pcard__label{font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--blue)}
.pcard h3{font-size:clamp(1.6rem,2.6vw,2.1rem);max-width:18ch;transition:color .3s var(--ease)}
.pcard p{color:var(--ink-2)}
.pcard .arrow-link{margin-top:auto}
.pcard:hover{color:var(--ink)}
.pcard:hover h3{color:var(--blue)}
.pcard:hover .arrow-link::after{transform:translateX(4px)}
.pcard__line{position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.pcard:nth-child(even) .pcard__line{left:0}
.pcard:hover .pcard__line{transform:scaleX(1)}

/* generic cards */
.cards{display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.cards--3{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.card{background:var(--paper);border:1px solid var(--line);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);border-radius:var(--radius);transition:transform .3s var(--ease),border-color .3s var(--ease)}
a.card{text-decoration:none;color:var(--ink)}
a.card:hover{transform:translateY(-3px);border-color:var(--line-strong);color:var(--ink)}
.card h3{font-size:1.35rem}
.card p{color:var(--ink-2);font-size:var(--t-sm)}
.card .arrow-link{margin-top:auto}
.tile{border-top:1px solid var(--line-strong);padding-top:var(--s-4);display:grid;gap:var(--s-2);align-content:start}
.tile h3{font-size:1.3rem}
.tile p{color:var(--ink-2);font-size:var(--t-sm)}
.section--ink .tile,.section--blue .tile{border-top-color:rgba(238,243,248,.25)}
.section--ink .tile p,.section--blue .tile p{color:var(--on-ink-2)}

/* capability list */
.caps{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));border-top:1px solid var(--line)}
.caps li{padding:.9rem 0;border-bottom:1px solid var(--line);font-size:var(--t-sm);display:flex;gap:.7rem;align-items:baseline}
.caps li::before{content:"";width:6px;height:6px;background:var(--sky);flex:none;transform:translateY(-2px)}
.section--ink .caps,.section--ink .caps li,.section--blue .caps,.section--blue .caps li{border-color:rgba(238,243,248,.18)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}
.chips li{border:1px solid var(--line-strong);padding:.35rem .8rem;font-size:var(--t-xs);letter-spacing:.04em;border-radius:99px}
.section--ink .chips li,.section--blue .chips li{border-color:rgba(238,243,248,.3);color:var(--on-ink)}

/* service block (detailed) */
.svc{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s-6);padding-block:var(--s-6);border-top:1px solid var(--line)}
.svc:last-child{border-bottom:1px solid var(--line)}
@media (max-width:760px){.svc{grid-template-columns:1fr;gap:var(--s-4)}}
.svc h3{font-size:1.55rem}
.svc__list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem var(--s-5)}
@media (max-width:560px){.svc__list{grid-template-columns:1fr}}
.svc__list li{padding:.55rem 0;border-bottom:1px dotted var(--line-strong);font-size:var(--t-sm)}
.svc__note{grid-column:2;font-size:var(--t-sm);color:var(--ink-3)}
@media (max-width:760px){.svc__note{grid-column:1}}

/* ---------- editorial feature ---------- */
.feature{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--s-8);align-items:start}
@media (max-width:900px){.feature{grid-template-columns:1fr;gap:var(--s-6)}}
.feature h2{max-width:16ch}
.feature__body{display:grid;gap:var(--s-5)}
.pull{font-family:var(--f-display);font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2;max-width:26ch;font-style:italic;font-weight:300}
.intl{position:relative}
.intl__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);margin-top:var(--s-7)}
@media (max-width:760px){.intl__facts{grid-template-columns:1fr}}
.cities{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-2);line-height:2.2}
.cities span{white-space:nowrap}
.cities span+span::before{content:"·";margin-inline:.8em;color:var(--sky-lt)}

/* ---------- process ---------- */
.steps{list-style:none;overflow:hidden;padding-top:5px;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:var(--s-5);counter-reset:s}
@media (max-width:960px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.step{position:relative;padding-top:var(--s-6);display:grid;gap:var(--s-3);align-content:start}
.step::before{content:"";position:absolute;top:0;left:0;right:calc(-1 * var(--s-5));height:1px;background:var(--line-strong)}
.step:last-child::before{right:0}
.step::after{content:"";position:absolute;top:-4px;left:0;width:9px;height:9px;background:var(--blue);border-radius:50%}
.step__n{font-family:var(--f-display);font-size:1rem;color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.04em}
.step h3{font-size:1.3rem}
.step p{font-size:var(--t-sm);color:var(--ink-2)}
.section--ink .step::before,.section--blue .step::before{background:rgba(238,243,248,.3)}
.section--ink .step::after,.section--blue .step::after{background:var(--sky-lt)}
.section--ink .step p,.section--ink .step__n,.section--blue .step p{color:var(--on-ink-2)}

/* ---------- people ---------- */
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--s-6)}
.person{display:grid;gap:var(--s-3);text-decoration:none;color:var(--ink)}
.person:hover{color:var(--ink)}
.person:hover h3{color:var(--blue)}
.portrait{aspect-ratio:4/5;background:var(--mist);display:grid;place-items:center;text-align:center;padding:var(--s-4);border:1px dashed var(--mist-2);font-size:var(--t-xs);letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase;max-width:100%;position:relative;overflow:hidden}
.portrait__initials{font-family:var(--f-display);font-size:4rem;color:var(--mist-2);text-transform:none;letter-spacing:0;line-height:1;display:block;margin-bottom:.75rem}
.person h3{font-size:1.5rem;transition:color .3s var(--ease)}
.person__role{font-size:var(--t-sm);color:var(--ink-3)}

/* ---------- insights ---------- */
.insights{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--s-6)}
.icard{display:grid;gap:var(--s-3);align-content:start;text-decoration:none;color:var(--ink);border-top:1px solid var(--line-strong);padding-top:var(--s-4)}
.icard:hover{color:var(--ink)}
.icard:hover h3{color:var(--blue)}
.icard h3{font-size:1.45rem;line-height:1.18;transition:color .3s var(--ease)}
.icard p{font-size:var(--t-sm);color:var(--ink-2)}
.icard__cat{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--blue)}
.icard__meta{font-size:var(--t-xs);color:var(--ink-3)}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--s-6)}
.filter{background:none;border:1px solid var(--line-strong);border-radius:99px;padding:.55rem 1rem;font:500 var(--t-sm)/1 var(--f-sans);color:var(--ink);cursor:pointer;min-height:44px}
.filter[aria-pressed="true"]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.status-pill{display:inline-block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:.2rem .55rem;border:1px solid var(--review);color:#6E4A16;border-radius:99px}

/* ---------- article ---------- */
.article-head{padding-block:var(--s-7) var(--s-6);border-bottom:1px solid var(--line)}
.article-head h1{font-size:clamp(2.2rem,4.8vw,3.8rem);max-width:22ch;margin-top:var(--s-4)}
.article-head .lede{margin-top:var(--s-5)}
.byline{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin-top:var(--s-6);font-size:var(--t-sm);color:var(--ink-3)}
.byline a{color:var(--ink);font-weight:600}
.article-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr) minmax(0,1fr);gap:var(--s-7);padding-block:var(--s-7) var(--s-8)}
@media (max-width:1000px){.article-layout{grid-template-columns:1fr;gap:var(--s-5)}}
.toc{position:sticky;top:calc(var(--header-h) + 24px);align-self:start;font-size:var(--t-sm)}
@media (max-width:1000px){.toc{position:static;background:var(--paper);border:1px solid var(--line);padding:var(--s-4)}}
.toc ol{list-style:none;display:grid;gap:.1rem;counter-reset:t;margin-top:var(--s-3)}
.toc a{display:block;padding:.35rem 0 .35rem .8rem;border-left:1px solid var(--line);color:var(--ink-2);text-decoration:none}
.toc a:hover,.toc a.is-active{border-left-color:var(--blue);color:var(--blue)}
.prose{font-size:1.125rem;line-height:1.75;max-width:68ch}
.prose h2{font-size:clamp(1.7rem,2.8vw,2.2rem);margin-top:var(--s-7);margin-bottom:var(--s-4)}
.prose h3{margin-top:var(--s-6);margin-bottom:var(--s-3)}
.prose p+p{margin-top:var(--s-4)}
.prose ul{margin:var(--s-4) 0 var(--s-4) 1.2rem;display:grid;gap:.4rem}
.prose ul li::marker{color:var(--sky)}
.callout{margin-block:var(--s-6);background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--blue);padding:var(--s-5)}
.callout__t{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--blue);margin-bottom:var(--s-2)}
.callout p{font-size:var(--t-base)}
.related-svc{background:var(--mist);padding:var(--s-6);display:grid;gap:var(--s-3);margin-top:var(--s-7)}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--line-strong)}
.faq details{border-bottom:1px solid var(--line-strong)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s-5);padding:var(--s-5) 0;font-family:var(--f-display);font-size:1.3rem;line-height:1.3;min-height:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--ink),var(--ink)) center/14px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 14px no-repeat;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--blue)}
.faq__a{padding:0 0 var(--s-5);color:var(--ink-2);max-width:70ch}

/* ---------- cross-links ---------- */
.xlinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:0;border-top:1px solid var(--line-strong)}
.xlink{display:grid;gap:var(--s-2);padding:var(--s-5) var(--s-5) var(--s-5) 0;border-bottom:1px solid var(--line-strong);text-decoration:none;color:var(--ink)}
.xlink+.xlink{padding-left:var(--s-5);border-left:1px solid var(--line-strong)}
@media (max-width:620px){.xlink+.xlink{padding-left:0;border-left:0}}
.xlink__q{font-family:var(--f-display);font-size:1.35rem;line-height:1.2}
.xlink:hover{color:var(--ink)}
.xlink:hover .xlink__q{color:var(--blue)}

/* ---------- CTA band ---------- */
.cta-band{background:var(--ink);color:var(--on-ink);padding-block:var(--s-9);position:relative;overflow:hidden}
.cta-band h2{font-size:clamp(2.4rem,5.2vw,4.2rem);max-width:14ch}
.cta-band__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-7);align-items:end}
@media (max-width:900px){.cta-band__grid{grid-template-columns:1fr}}
.cta-band__contact{display:grid;gap:.4rem;font-size:var(--t-sm);color:var(--on-ink-2);border-left:1px solid rgba(238,243,248,.2);padding-left:var(--s-5)}
@media (max-width:900px){.cta-band__contact{border-left:0;padding-left:0}}

/* ---------- footer ---------- */
.footer{background:var(--ink);color:var(--on-ink-2);padding-block:var(--s-8) var(--s-5);border-top:1px solid rgba(238,243,248,.12);font-size:var(--t-sm)}
.footer__grid{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2.5fr));gap:var(--s-6)}
@media (max-width:900px){.footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.footer__grid{grid-template-columns:1fr}}
.footer h2{font-family:var(--f-sans);font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--on-ink);margin-bottom:var(--s-4)}
.footer ul{list-style:none;display:grid;gap:.2rem}
.footer a{color:var(--on-ink-2);text-decoration:none;display:inline-block;padding:.3rem 0}
.footer a:hover{color:var(--on-ink);text-decoration:underline}
.footer__legal{margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid rgba(238,243,248,.14);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-4);font-size:var(--t-xs)}
.footer__legal ul{display:flex;flex-wrap:wrap;gap:.2rem var(--s-4)}
.footer__firm{display:grid;gap:.25rem;margin-top:var(--s-4)}
.footer__firm strong{color:var(--on-ink);font-weight:500}

/* ---------- placeholders & legal-review markers ---------- */
.ph{display:inline;background:rgba(166,129,85,.16);color:#5B4329;padding:.05em .35em;border-radius:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em;letter-spacing:0}
.on-ink .ph,.section--ink .ph,.footer .ph,.cta-band .ph{background:rgba(201,169,127,.18);color:var(--sky-lt)}
.lr{background:linear-gradient(transparent 62%,rgba(166,129,85,.22) 62%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lr__tag{display:inline-block;vertical-align:super;margin-left:.2em;font:600 .6rem/1 var(--f-sans);letter-spacing:.08em;color:#fff;background:var(--review);padding:.18em .35em;border-radius:2px;text-decoration:none}
.lr__tag:hover{color:#fff;background:#8A6A43}
.section--ink .lr,.section--blue .lr,.cta-band .lr{background:linear-gradient(transparent 62%,rgba(201,169,127,.28) 62%)}
html.final .lr{background:none}
html.final .lr__tag,html.final .draft-only{display:none!important}
.review-toggle{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--paper);border:1px solid var(--review);color:var(--ink);font:600 var(--t-xs)/1 var(--f-sans);letter-spacing:.06em;padding:.7rem .9rem;border-radius:99px;box-shadow:0 8px 24px -12px rgba(11,26,46,.4);cursor:pointer;min-height:44px}
.review-toggle span{color:#6E4A16}
.has-sticky .review-toggle{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
@media (min-width:761px){.has-sticky .review-toggle{bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
.draft-banner{background:var(--mist);border-bottom:1px solid var(--mist-2);font-size:var(--t-xs);color:var(--ink-2);padding-block:.5rem}
.draft-banner .wrap{display:flex;gap:.5rem 1rem;flex-wrap:wrap;justify-content:space-between}
.draft-banner a{color:var(--ink);font-weight:600}

/* ---------- mobile sticky CTA ---------- */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--ground);border-top:1px solid var(--line);padding:.6rem var(--gutter) calc(.6rem + env(safe-area-inset-bottom,0px));display:none;gap:.5rem;transform:translateY(110%);transition:transform .3s var(--ease)}
.sticky-cta.is-visible{transform:none}
.sticky-cta .btn{flex:1}
@media (max-width:760px){.sticky-cta{display:flex}.has-sticky .footer{padding-bottom:calc(var(--s-5) + 76px)}}

/* ---------- forms ---------- */
.form-shell{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s-7);align-items:start}
@media (max-width:960px){.form-shell{grid-template-columns:1fr;gap:var(--s-5)}}
.form-aside{position:sticky;top:calc(var(--header-h) + 24px);display:grid;gap:var(--s-5)}
@media (max-width:960px){.form-aside{position:static}}
.progress{list-style:none;display:grid;gap:0;counter-reset:p}
.progress li{display:flex;gap:.8rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:var(--t-sm);color:var(--ink-3)}
.progress li::before{counter-increment:p;content:counter(p);width:26px;height:26px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;font-size:.75rem;font-variant-numeric:tabular-nums;flex:none}
.progress li[aria-current="step"]{color:var(--ink);font-weight:600}
.progress li[aria-current="step"]::before{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.progress li.is-done{color:var(--ink-2)}
.progress li.is-done::before{content:"✓";background:var(--blue);border-color:var(--blue);color:var(--on-ink)}
@media (max-width:960px){.progress{grid-template-columns:repeat(4,1fr);gap:.4rem}.progress li{flex-direction:column;align-items:flex-start;gap:.4rem;border-bottom:0;border-top:2px solid var(--line);padding-top:.6rem;font-size:var(--t-xs)}.progress li[aria-current="step"],.progress li.is-done{border-top-color:var(--blue)}.progress li::before{display:none}}
.form{background:var(--paper);border:1px solid var(--line);padding:clamp(1.25rem,3vw,2.5rem);display:grid;gap:var(--s-6)}
.fstep{display:grid;gap:var(--s-5);border:0;padding:0;margin:0;min-width:0}
.fstep legend{font-family:var(--f-display);font-size:var(--t-xl);line-height:1.15;padding:0;margin-bottom:var(--s-2)}
.fstep__intro{color:var(--ink-2);font-size:var(--t-sm);margin-top:calc(-1 * var(--s-3))}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5)}
@media (max-width:620px){.frow{grid-template-columns:1fr}}
.field{display:grid;gap:.4rem;min-width:0}
.field label,.field .label{font-weight:600;font-size:var(--t-sm);color:var(--ink)}
.field .opt{font-weight:400;color:var(--ink-3)}
.field .hint{font-size:var(--t-xs);color:var(--ink-3)}
.input,.select,.textarea{width:100%;font:400 var(--t-base)/1.4 var(--f-sans);color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius);padding:.8rem .9rem;min-height:50px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.textarea{min-height:140px;resize:vertical}
.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:2.5rem}
.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-3)}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(27,79,140,.18)}
.field.has-error .input,.field.has-error .select,.field.has-error .textarea{border-color:var(--error)}
.err{color:var(--error);font-size:var(--t-xs);font-weight:600;display:flex;gap:.4rem}
.err::before{content:"!";display:inline-grid;place-items:center;width:1.1em;height:1.1em;border-radius:50%;background:var(--error);color:#fff;font-size:.7rem}
.err:empty{display:none}
.choices{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.choice{position:relative}
.choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.choice span{display:flex;flex-direction:column;gap:.2rem;border:1px solid var(--line-strong);background:#fff;padding:.9rem 1rem;border-radius:var(--radius);min-height:56px;font-size:var(--t-sm);font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}
.choice span small{font-weight:400;color:var(--ink-3);font-size:var(--t-xs)}
.choice input:hover+span{border-color:var(--ink-3)}
.choice input:checked+span{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:rgba(27,79,140,.05)}
.choice input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}
.choices--compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}
.choices--compact .choice span{min-height:48px;font-weight:500}
.check{display:flex;gap:.8rem;align-items:flex-start;font-size:var(--t-sm)}
.check input{width:22px;height:22px;margin:.1rem 0 0;accent-color:var(--blue);flex:none}
.drop{border:1px dashed var(--line-strong);background:#fff;padding:var(--s-5);text-align:center;display:grid;gap:.5rem;justify-items:center;border-radius:var(--radius);transition:border-color .2s,background .2s}
.drop.is-over{border-color:var(--blue);background:rgba(27,79,140,.05)}
.drop input{position:absolute;opacity:0;width:1px;height:1px}
.filelist{list-style:none;display:grid;gap:.4rem;font-size:var(--t-sm)}
.filelist li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.5rem .75rem;background:var(--mist);border-radius:var(--radius)}
.filelist button{background:none;border:0;color:var(--error);font-weight:600;cursor:pointer;min-height:36px}
.form-nav{display:flex;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;border-top:1px solid var(--line);padding-top:var(--s-5)}
.err-summary{border:1px solid var(--error);border-left-width:4px;padding:var(--s-4);background:#fff;font-size:var(--t-sm)}
.err-summary h2{font-family:var(--f-sans);font-size:var(--t-sm);font-weight:700;color:var(--error);margin-bottom:.4rem}
.err-summary ul{margin-left:1.1rem}
.err-summary a{color:var(--error)}
.svc-fields[hidden]{display:none}

/* ---------- misc ---------- */
.kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);border-top:1px solid var(--line)}
.kv dt,.kv dd{margin:0;padding:.9rem 0;border-bottom:1px solid var(--line);font-size:var(--t-sm)}
.kv dt{color:var(--ink-3);font-weight:600;padding-right:var(--s-4)}
.timeline{list-style:none;border-left:1px solid var(--line-strong);padding-left:var(--s-6);display:grid;gap:var(--s-5)}
.timeline li{position:relative}
.timeline li::before{content:"";position:absolute;left:calc(-1 * var(--s-6) - 5px);top:.55rem;width:9px;height:9px;border-radius:50%;background:var(--blue)}
.timeline__y{font-family:var(--f-display);font-size:2.4rem;line-height:1;font-variant-numeric:lining-nums}
.big-year{font-family:var(--f-display);font-size:clamp(5rem,16vw,12rem);line-height:.85;color:var(--mist-2);letter-spacing:-.04em;font-variant-numeric:lining-nums}
.section--mist .big-year{color:var(--mist-2)}
.notfound{padding-block:var(--s-9);min-height:60vh;display:grid;align-content:center}
.swatch{border:1px solid var(--line);background:var(--paper)}
.swatch__c{height:110px}
.swatch__m{padding:.8rem;font-size:var(--t-xs);display:grid;gap:.15rem}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}
.table-wrap{overflow-x:auto;border:1px solid var(--line);background:var(--paper)}
table.reg{border-collapse:collapse;width:100%;min-width:760px;font-size:var(--t-sm)}
table.reg th,table.reg td{text-align:left;vertical-align:top;padding:.75rem .9rem;border-bottom:1px solid var(--line)}
table.reg th{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--mist)}
.cookie{position:relative;background:var(--ink);color:var(--on-ink);padding:var(--s-5);display:flex;gap:var(--s-4);flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:var(--t-sm)}
.cookie p{max-width:60ch;color:var(--on-ink-2)}
.success-mark{width:64px;height:64px;border-radius:50%;border:1px solid var(--blue);display:grid;place-items:center;color:var(--blue)}
[hidden]{display:none!important}
legend:focus,legend:focus-visible,h2[tabindex]:focus{outline:none}
@media (max-width:900px){.hero .facade{aspect-ratio:16/9}}
@media (max-width:760px){.review-toggle{right:auto;left:12px;font-size:.68rem;padding:.55rem .75rem;min-height:36px}}

/* firm-supplied legal documents */
.firm-doc h2{font-size:clamp(1.4rem,2.2vw,1.75rem)}
.firm-doc h3{font-size:1.2rem}
.firm-doc .table-wrap{margin-block:var(--s-5)}
.firm-doc table{border-collapse:collapse;width:100%;min-width:560px;font-size:var(--t-sm);line-height:1.5}
.firm-doc th,.firm-doc td{text-align:left;vertical-align:top;padding:.7rem .9rem;border-bottom:1px solid var(--line)}
.firm-doc th{background:var(--mist);font-weight:600}
.firm-doc th p,.firm-doc td p{margin:0}
.cta-band a:not(.btn),.form-aside a:not(.btn){color:inherit}
.cta-band__contact a{color:var(--on-ink)}
.cta-band__contact a:hover{color:var(--sky-lt)}

.portrait--photo{display:block;padding:0;border:0;background:var(--mist)}
.portrait--photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.person:hover .portrait--photo img{transform:scale(1.02)}
.portrait--photo img{transition:transform .5s var(--ease)}
.footer a.logo{display:inline-flex;gap:.7rem;color:var(--on-ink)}
