/* zervakos.com design system. Draft for review, Nov 13 2026. */
@font-face{font-family:"Lora";src:url(../fonts/lora-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url(../fonts/lora-italic-var.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(../fonts/sourcesans3-var.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
:root{
  --ink:#0F1B33; --ink-2:#1F3358; --ink-3:#2B426B;
  --ground:#ECEEF3; --raised:#FFFFFF; --tone:#DFE3EB;
  --text:#0F1B33; --text-2:#3F4B63; --text-3:#5A6680;
  --on-ink:#F4EFE6; --on-ink-2:#B4C1D8;
  --red:#B3262E; --red-press:#951E25; --red-on-ink:#E3707A;
  --serif:"Lora",Georgia,"Times New Roman",serif;
  --sans:"Source Sans 3","Segoe UI",system-ui,-apple-system,sans-serif;
  --fs-sm:0.9375rem;
  --fs-body:clamp(1.0625rem,1rem + .22vw,1.1875rem);
  --fs-lead:clamp(1.25rem,1.08rem + .65vw,1.5625rem);
  --fs-h3:clamp(1.375rem,1.2rem + .75vw,1.875rem);
  --fs-h2:clamp(2.125rem,1.45rem + 2.4vw,3.5rem);
  --fs-h1:clamp(2.75rem,1.55rem + 4.4vw,5.5rem);
  --margin:clamp(20px,4.2vw,64px);
  --gap:clamp(16px,2vw,32px);
  --section:clamp(88px,9vw + 40px,200px);
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-io:cubic-bezier(0.77,0,0.175,1);
  --radius:14px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--ground);color:var(--text);font-family:var(--sans);font-size:var(--fs-body);line-height:1.55;font-kerning:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--ink);color:var(--on-ink)}
.on-ink ::selection{background:var(--on-ink);color:var(--ink)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:-0.015em;margin:0;text-wrap:balance}
h1{font-size:var(--fs-h1);letter-spacing:-0.025em;line-height:1.04}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);line-height:1.2}
p{margin:0;text-wrap:pretty}
p+p{margin-top:1em}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .2s var(--ease-out),text-decoration-color .2s var(--ease-out)}
a:hover{text-decoration-color:var(--red)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px;box-shadow:0 0 0 2px var(--ground)}
.on-ink :focus-visible{outline-color:var(--on-ink);box-shadow:0 0 0 2px var(--ink)}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--on-ink);padding:12px 16px;border-radius:8px;z-index:100;transition:top .2s var(--ease-out)}
.skip:focus{top:12px}
.wrap{padding-inline:var(--margin);max-width:1760px;margin-inline:auto}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.measure{max-width:64ch}
.lead{font-size:var(--fs-lead);line-height:1.45;color:var(--text-2)}
.on-ink{background:var(--ink);color:var(--on-ink)}
.on-ink .lead,.on-ink .muted{color:var(--on-ink-2)}
.muted{color:var(--text-3)}
.small{font-size:var(--fs-sm)}
.section{padding-block:var(--section)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* review ribbon (preview only) */
.ribbon{background:var(--ink-2);color:var(--on-ink);font-size:.875rem;line-height:1.4;padding:8px var(--margin);display:flex;gap:12px;justify-content:space-between;align-items:center}
.ribbon a{color:var(--on-ink);white-space:nowrap}

/* header */
.site-head{position:sticky;top:0;z-index:50;background:var(--ground);transition:background-color .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.site-head.is-scrolled{box-shadow:0 1px 0 var(--tone)}
.site-head.dark{background:var(--ink);color:var(--on-ink)}
.site-head.dark.is-scrolled{box-shadow:0 1px 0 var(--ink-2)}
.head-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:40px;width:auto}
.brand span{font-family:var(--serif);font-size:1.0625rem;letter-spacing:-0.005em}
.nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,36px)}
.nav a:not(.btn){text-decoration:none;font-weight:500;padding:10px 2px;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 6px)/0 1px no-repeat;transition:background-size .35s var(--ease-out)}
.nav a:not(.btn):hover,.nav a[aria-current=page]{background-size:100% 1px}
.menu-btn{display:none}
@media (max-width:900px){
  .nav{display:none}
  .menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid currentColor;background:transparent;color:inherit;font:600 1rem var(--sans);cursor:pointer}
  .site-head.open .nav{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0;top:100%;background:inherit;padding:8px var(--margin) 24px;gap:0;box-shadow:0 16px 32px -24px rgba(15,27,51,.5)}
  .site-head.open .nav a:not(.btn){padding:14px 0;font-size:1.125rem;border-bottom:1px solid var(--tone)}
  .site-head.dark.open .nav a:not(.btn){border-color:var(--ink-2)}
  .site-head.open .nav .btn{margin-top:16px;justify-content:center}
}

/* buttons */
.btn{--bg:var(--red);--fg:#fff;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:14px 28px;border-radius:12px;border:0;background:var(--bg);color:var(--fg);font:600 1.0625rem/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background-color .25s var(--ease-out),transform .16s var(--ease-out),color .25s var(--ease-out)}
.btn:hover{--bg:var(--red-press)}
.btn:active{transform:scale(.98)}
.btn .arrow{transition:transform .3s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.btn:hover .arrow{transform:translateX(3px)}}
.btn.ghost{--bg:transparent;--fg:currentColor;box-shadow:inset 0 0 0 1.5px currentColor}
.btn.ghost:hover{--bg:var(--ink);--fg:var(--on-ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.on-ink .btn.ghost:hover,.dark .btn.ghost:hover{--bg:var(--on-ink);--fg:var(--ink);box-shadow:inset 0 0 0 1.5px var(--on-ink)}
.btn.sm{min-height:44px;padding:10px 20px;font-size:1rem}
.textlink{font-weight:600;text-decoration:none;display:inline-flex;gap:8px;align-items:center;padding-block:10px;background:linear-gradient(var(--red),var(--red)) 0 calc(100% - 6px)/100% 2px no-repeat;transition:background-size .35s var(--ease-out)}
.textlink:hover{background-size:30% 2px}
.on-ink .textlink{background-image:linear-gradient(var(--red-on-ink),var(--red-on-ink))}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}

/* the bracket slot motif */
.slot{font-family:var(--serif);white-space:nowrap}
.slot::before{content:"[";color:var(--red);margin-right:.08em}
.slot::after{content:"]";color:var(--red);margin-left:.08em}
.on-ink .slot::before,.on-ink .slot::after{color:var(--red-on-ink)}
.slot.wrap-ok{white-space:normal}

/* heroes
   v3.2: contained portrait at about two thirds the previous visual size,
   sitting beside the copy like a personal-brand hero rather than a full-bleed background. */
.hero-home{position:relative;background:var(--ink);color:var(--on-ink);overflow:hidden}
.hero-home .inner{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,0.62fr);gap:clamp(28px,4.5vw,72px);align-items:center;min-height:0;padding-block:clamp(80px,9vh,120px) clamp(48px,7vh,88px)}
.hero-home .hero-copy{min-width:0}
.hero-home .photo{position:relative;width:min(100%,420px);max-height:clamp(380px,58vh,620px);margin-inline:auto 0;justify-self:end}
.hero-home .photo img{width:100%;height:auto;max-height:clamp(380px,58vh,620px);display:block;object-fit:contain;object-position:center top}
.hero-home h1{max-width:12ch}
.hero-home .lead{max-width:44ch;margin-top:clamp(24px,3vw,40px);color:#D7DEEA}
.hero-home .actions{margin-top:clamp(28px,3.4vw,48px)}
.hero-home .sig{width:clamp(150px,14vw,220px);margin-top:clamp(40px,6vh,72px);opacity:.92}
@media (max-width:820px){
  .hero-home .inner{grid-template-columns:1fr;gap:28px;padding-block:28px clamp(40px,8vh,72px);justify-items:center}
  .hero-home .hero-copy{justify-self:stretch}
  .hero-home .photo{order:-1;width:min(66%,280px);max-height:none;margin:0 auto;justify-self:center}
  .hero-home .photo img{max-height:none}
}

/* in brief statement */
.brief{padding-block:var(--section)}
.brief .grid>p{grid-column:4 / span 8;font-family:var(--serif);font-size:clamp(1.5rem,1.15rem + 1.25vw,2.25rem);line-height:1.32;letter-spacing:-0.01em}
.brief .by{grid-column:1 / span 3;align-self:start;padding-top:.6em;color:var(--text-3)}
@media (max-width:900px){.brief .grid>p,.brief .by{grid-column:1 / -1}.brief .by{padding:0 0 16px}}

/* signature: same question, three setups */
.demo{background:var(--raised)}
.demo-track{position:relative;height:340vh}
.demo-stage{position:sticky;top:72px;height:calc(100vh - 72px);display:grid;align-content:center;padding-block:24px}
.demo-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(20px,3vh,40px)}
.demo-head h2{max-width:18ch}
.demo-head p{max-width:40ch;color:var(--text-2)}
.demo-cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap)}
.steps{list-style:none;margin:0 0 20px;padding:0;display:flex;gap:8px;flex-wrap:wrap;counter-reset:s}
.steps li{counter-increment:s;font-size:.9375rem;font-weight:600;padding:8px 14px;border-radius:999px;background:var(--ground);color:var(--text-3);transition:background-color .35s var(--ease-out),color .35s var(--ease-out)}
.steps li::before{content:counter(s) ". "}
.steps li.on{background:var(--ink);color:var(--on-ink)}
.panel{background:var(--ground);border-radius:var(--radius);padding:clamp(20px,2.4vw,36px)}
.panel h3{font-family:var(--sans);font-weight:600;font-size:1rem;letter-spacing:0;color:var(--text-3);margin-bottom:14px}
.instr{list-style:none;margin:0;padding:0;font-family:var(--serif);font-size:clamp(1rem,.92rem + .35vw,1.1875rem);line-height:1.5}
.instr li{padding:10px 0;color:var(--text)}
.instr li+li{border-top:1px solid var(--tone)}
.fill{position:relative;display:inline-grid;vertical-align:baseline}
.fill>span{grid-area:1/1;transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}
.fill .empty{color:var(--text-3)}
.fill .val{opacity:0;transform:translateY(.25em);color:var(--ink);font-weight:600}
.fill.done .empty{opacity:0;transform:translateY(-.25em)}
.fill.done .val{opacity:1;transform:none}
.files{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.files-lbl{font-size:.875rem;font-weight:600;color:var(--text-3);margin-right:4px}
.files .f{font-size:.875rem;font-weight:600;padding:5px 10px;border-radius:8px;color:var(--text-3);box-shadow:inset 0 0 0 1px #9AA3B5;transition:background-color .45s var(--ease-out),color .45s var(--ease-out),box-shadow .45s var(--ease-out)}
.files.on .f{background:var(--ink);color:var(--on-ink);box-shadow:none}
.chat{background:var(--ink);color:var(--on-ink);border-radius:var(--radius);padding:clamp(20px,2.6vw,40px);display:grid;gap:18px;align-content:start}
.chat .q{justify-self:end;max-width:46ch;background:var(--ink-2);border-radius:14px 14px 4px 14px;padding:14px 18px;font-size:1rem}
.answers{display:grid}
.answers>div{grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
.answers>div.on{opacity:1;transform:none}
.answers .tag{display:inline-block;font-size:.8125rem;font-weight:600;color:var(--on-ink-2);margin-bottom:8px}
.answers p{font-family:var(--serif);font-size:clamp(1rem,.95rem + .3vw,1.1875rem);line-height:1.55;color:#E9E4DA}
.demo-note{margin-top:16px;font-size:.875rem;color:var(--text-3)}
@media (max-width:900px),(prefers-reduced-motion:reduce){
  .demo-track{height:auto}
  .demo-stage{position:static;height:auto;padding-block:var(--section)}
  .demo-cols{grid-template-columns:1fr}
  .fill .empty{display:none}.fill .val{opacity:1;transform:none}
  .files{opacity:1}
  .answers{gap:14px}
  .answers>div{grid-area:auto;opacity:1;transform:none;border-top:1px solid var(--ink-2);padding-top:14px}
  .answers>div:first-child{border-top:0;padding-top:0}
  .steps{display:none}
}

/* help list */
.help .grid{row-gap:clamp(40px,5vw,72px)}
.help-intro{grid-column:1 / span 4}
.help-list{grid-column:6 / span 7;display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,4vw,64px) var(--gap);margin:0}
.help-list div{padding-top:20px;border-top:2px solid var(--ink)}
.help-list dt{font-family:var(--serif);font-size:var(--fs-h3);line-height:1.2;margin-bottom:12px}
.help-list dd{margin:0;color:var(--text-2)}
@media (max-width:900px){.help-intro,.help-list{grid-column:1 / -1}.help-list{grid-template-columns:1fr}}

/* full-bleed media band */
.band{position:relative;color:var(--on-ink);background:var(--ink);overflow:hidden}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;transform:scale(1.04);will-change:transform}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,16,32,.92) 0%,rgba(9,16,32,.7) 38%,rgba(9,16,32,.1) 70%)}
.band .inner{position:relative;z-index:1;min-height:min(92vh,860px);display:grid;align-content:center;padding-block:var(--section)}
.band h2{max-width:20ch}
.band .lead{max-width:42ch;margin-top:28px;color:#D5DCE8}
.band .actions{margin-top:36px}
.band .credit{position:absolute;right:var(--margin);bottom:16px;z-index:1;font-size:.75rem;color:#9AA8C2}
@media (max-width:820px){.band::after{background:linear-gradient(0deg,rgba(9,16,32,.95) 0%,rgba(9,16,32,.75) 55%,rgba(9,16,32,.35) 100%)}.band img{object-position:72% 50%}}

/* offer teaser split */
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);align-items:center}
.split.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.split figure{margin:0;border-radius:var(--radius);overflow:hidden}
.split figure img{width:100%;aspect-ratio:4/5;object-fit:cover}
.split h2{margin-bottom:24px}
@media (max-width:900px){.split,.split.rev{grid-template-columns:1fr}.split figure img{aspect-ratio:5/4;object-position:50% 25%}}
.checks{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
.checks li{position:relative;padding-left:30px}
.checks li::before{content:"";position:absolute;left:2px;top:.55em;width:14px;height:8px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg)}
.on-ink .checks li::before{border-color:var(--red-on-ink)}

/* guide promo */
.guide-promo{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,6vw,120px);align-items:center}
.cover-3d{perspective:1600px;display:grid;place-items:center;padding:clamp(16px,3vw,48px)}
.cover-3d img{width:min(420px,78%);border-radius:4px;transform:rotateY(-14deg) rotateX(4deg) rotateZ(1deg);box-shadow:-18px 28px 48px -16px rgba(15,27,51,.45),-2px 2px 0 rgba(15,27,51,.08);transition:transform .8s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.cover-3d:hover img{transform:rotateY(-6deg) rotateX(2deg)}}
.toc{list-style:none;margin:28px 0 0;padding:0;counter-reset:c}
.toc li{counter-increment:c;display:grid;grid-template-columns:2.4em 1fr auto;gap:8px;padding:12px 0;border-top:1px solid var(--tone);align-items:baseline}
.toc li::before{content:counter(c);font-family:var(--serif);color:var(--red)}
.toc .pg{color:var(--text-3);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}
@media (max-width:900px){.guide-promo{grid-template-columns:1fr}}

/* channels */
.channels{list-style:none;margin:0;padding:0}
.channels li{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);gap:var(--gap);align-items:baseline;padding:clamp(20px,2.4vw,32px) 0;border-top:1px solid var(--ink-2)}
.channels li:last-child{border-bottom:1px solid var(--ink-2)}
.channels h3{font-size:var(--fs-h3)}
.channels .go{justify-self:end}
@media (max-width:820px){.channels li{grid-template-columns:1fr;gap:8px}.channels .go{justify-self:start}}

/* about */
.about .grid{align-items:end}
.about figure{grid-column:1 / span 5;margin:0}
.about figure img{border-radius:var(--radius);aspect-ratio:1/1;object-fit:cover;width:100%}
.about .copy{grid-column:7 / span 6}
.ventures{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:0}
.ventures li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--tone)}
.ventures li span{color:var(--text-3)}
@media (max-width:900px){.about figure,.about .copy{grid-column:1 / -1}.about figure{margin-bottom:32px}}

/* FAQ */
.faq .grid{align-items:start}
.faq-head{grid-column:1 / span 4;position:sticky;top:110px}
.faq-list{grid-column:6 / span 7}
.faq details{border-top:1px solid var(--tone)}
.faq details:last-child{border-bottom:1px solid var(--tone)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 0;font-family:var(--serif);font-size:clamp(1.125rem,1.02rem + .4vw,1.375rem);line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{flex:none;width:18px;height:18px;position:relative}
.faq summary .pm::before,.faq summary .pm::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--red);transition:transform .35s var(--ease-out)}
.faq summary .pm::after{transform:rotate(90deg)}
.faq details[open] summary .pm::after{transform:rotate(0)}
.faq .ans{padding:0 0 26px;color:var(--text-2);max-width:62ch}
@media (max-width:900px){.faq-head,.faq-list{grid-column:1 / -1}.faq-head{position:static;margin-bottom:24px}}

/* closing scene */
.closing{background:var(--ink);color:var(--on-ink);padding-top:var(--section)}
.closing h2{font-size:clamp(2.25rem,1.4rem + 3.4vw,4.75rem);max-width:15ch}
.closing .actions{margin-top:40px}
.foot{margin-top:clamp(80px,10vw,160px);padding-block:48px 40px;border-top:1px solid var(--ink-2);display:grid;grid-template-columns:minmax(0,4fr) repeat(4,minmax(0,2fr));gap:32px var(--gap);font-size:var(--fs-sm)}
.foot h3{font-family:var(--sans);font-size:var(--fs-sm);font-weight:600;color:var(--on-ink-2);margin-bottom:12px;letter-spacing:0}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.foot a{text-decoration:none;display:inline-block;padding:4px 0}
.foot a:hover{text-decoration:underline}
.foot .sig{width:180px}
.foot .legal{grid-column:1 / -1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--on-ink-2);padding-top:24px}
.todo{font-size:.75rem;font-weight:700;color:var(--red);margin-left:6px;letter-spacing:.04em}
.on-ink .todo,.dark .todo,.closing .todo,.band .todo{color:#F2B8BD}
@media (max-width:900px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1 / -1}}

/* offer page */
.hero-offer{background:var(--ink);color:var(--on-ink)}
.hero-offer .grid{align-items:stretch}
.hero-offer .copy{grid-column:1 / span 6;padding-block:clamp(64px,10vh,140px);display:flex;flex-direction:column;justify-content:center}
.hero-offer .name{font-weight:600;color:var(--on-ink-2);margin-bottom:20px;font-size:1.0625rem}
.hero-offer h1{font-size:clamp(2rem,1rem + 3.2vw,3.75rem)}
.hero-offer .lead{margin-top:28px;max-width:46ch;color:#D7DEEA}
.hero-offer .actions{margin-top:40px}
.hero-offer figure{grid-column:8 / span 5;margin:0 calc(var(--margin) * -1) 0 0;position:relative}
.hero-offer figure img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;min-height:560px}
.facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 40px;margin-top:48px;font-size:var(--fs-sm)}
.facts dt{color:var(--on-ink-2)}
.facts dd{margin:0;font-weight:600}
@media (max-width:900px){.hero-offer .copy,.hero-offer figure{grid-column:1 / -1}.hero-offer figure{margin:0 calc(var(--margin) * -1)}.hero-offer figure img{min-height:0;aspect-ratio:4/3.4}.hero-offer .copy{padding-bottom:48px}.facts{grid-template-columns:1fr 1fr}}
.situation .grid>h2{grid-column:1 / span 5;font-size:clamp(2rem,1.4rem + 2vw,3rem);align-self:start}
.situation .grid>div{grid-column:7 / span 6}
@media (max-width:900px){.situation .grid>h2,.situation .grid>div{grid-column:1 / -1}.situation .grid>h2{margin-bottom:28px}}
.gets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4vw,64px) var(--gap);margin-top:clamp(48px,6vw,88px)}
.gets div{border-top:2px solid var(--ink);padding-top:20px}
.gets h3{margin-bottom:12px}
.gets p{color:var(--text-2)}
@media (max-width:1000px){.gets{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.gets{grid-template-columns:1fr}}
.howto ol{list-style:none;margin:clamp(48px,6vw,88px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);counter-reset:h}
.howto li{counter-increment:h;border-top:1px solid var(--ink-3);padding-top:24px}
.howto li::before{content:counter(h);display:block;font-family:var(--serif);font-size:clamp(2.5rem,2rem + 2vw,4rem);line-height:1;color:var(--red-on-ink);margin-bottom:20px}
.howto h3{margin-bottom:12px}
.howto p{color:var(--on-ink-2)}
@media (max-width:1000px){.howto ol{grid-template-columns:1fr 1fr;row-gap:48px}}
@media (max-width:600px){.howto ol{grid-template-columns:1fr}}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:48px}
.compare .panel p{font-family:var(--serif);line-height:1.55}
.compare .panel.after{background:var(--ink);color:var(--on-ink)}
.compare .panel.after h3{color:var(--on-ink-2)}
@media (max-width:820px){.compare{grid-template-columns:1fr}}
.price-card{background:var(--raised);border-radius:var(--radius);padding:clamp(28px,3.4vw,56px);box-shadow:0 30px 60px -40px rgba(15,27,51,.45)}
.price-card .price{font-family:var(--serif);font-size:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);margin:12px 0 4px}
.price-card .actions{margin-top:32px}

/* guide page */
.hero-guide{background:var(--ink);color:var(--on-ink)}
.hero-guide .grid{align-items:center;padding-block:clamp(56px,9vh,120px)}
.hero-guide .copy{grid-column:1 / span 6}
.hero-guide .lead{margin-top:24px;color:#D7DEEA;max-width:46ch}
.hero-guide .form-col{grid-column:8 / span 5}
.hero-guide .cover-3d img{box-shadow:-18px 28px 60px -12px rgba(0,0,0,.6)}
@media (max-width:900px){.hero-guide .copy,.hero-guide .form-col{grid-column:1 / -1}.hero-guide .form-col{margin-top:40px}}
.optin{background:var(--raised);color:var(--text);border-radius:var(--radius);padding:clamp(24px,3vw,40px);margin-top:36px;max-width:520px}
.optin h2{font-size:clamp(1.5rem,1.3rem + .8vw,2rem);margin-bottom:20px}
.field{display:grid;gap:6px;margin-bottom:16px}
.field label{font-weight:600;font-size:1rem}
.field input{font:inherit;font-size:1.0625rem;min-height:52px;padding:12px 14px;border-radius:10px;border:1.5px solid #737D91;background:#fff;color:var(--text);transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.field input:hover{border-color:var(--ink-2)}
.field input:focus-visible{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(179,38,46,.35)}
.field input[aria-invalid=true]{border-color:var(--red)}
.err{color:var(--red);font-size:.9375rem;font-weight:600;min-height:0}
.check{display:flex;gap:12px;align-items:flex-start;margin:4px 0 20px;font-size:.9875rem;color:var(--text-2)}
.check input{width:22px;height:22px;margin-top:2px;accent-color:var(--red);flex:none}
.optin .btn{width:100%;justify-content:center}
.optin .fine{font-size:.875rem;color:var(--text-3);margin-top:12px}
.btn[aria-busy=true]{opacity:.8;pointer-events:none}
.prompt{background:var(--ink);color:#E9E4DA;border-radius:var(--radius);padding:clamp(20px,2.6vw,36px);position:relative}
.prompt pre{margin:0;white-space:pre-wrap;font-family:var(--serif);font-size:clamp(1rem,.95rem + .3vw,1.1875rem);line-height:1.6}
.prompt .copy-btn{position:absolute;top:14px;right:14px;min-height:40px;padding:8px 14px;border-radius:9px;border:1px solid var(--ink-3);background:var(--ink-2);color:var(--on-ink);font:600 .9375rem var(--sans);cursor:pointer;transition:background-color .2s var(--ease-out)}
.prompt .copy-btn:hover{background:var(--ink-3)}
.prompt .copy-btn:active{transform:scale(.98)}
.prompt pre .slot::before,.prompt pre .slot::after{color:var(--red-on-ink)}
.prompt .cap{margin-top:16px;font-size:.875rem;color:var(--on-ink-2)}
.ty-steps{list-style:none;padding:0;margin:40px 0 0;counter-reset:t;display:grid;gap:0}
.ty-steps li{counter-increment:t;display:grid;grid-template-columns:3rem 1fr;gap:16px;padding:24px 0;border-top:1px solid var(--tone)}
.ty-steps li::before{content:counter(t);font-family:var(--serif);font-size:2rem;line-height:1;color:var(--red)}
.ty-steps h3{margin-bottom:8px}

/* reveal: content is visible at first paint; JS adds a gentle settle only for below-fold blocks */
@media (prefers-reduced-motion:no-preference){
  .js .settle{transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
  .js .settle.pre{opacity:0;transform:translateY(16px)}
}
@media print{.site-head,.ribbon{display:none}}

/* v2 positioning additions */
.hero-home .roles{font-weight:600;color:var(--on-ink-2);font-size:clamp(.9375rem,.88rem + .2vw,1.0625rem);margin-bottom:18px}
.hero-home .roles span{margin:0 .35em;color:var(--red-on-ink)}
.hero-home h1{max-width:none;font-size:clamp(2.9rem,1.6rem + 4.6vw,5.75rem)}
.hero-home .statement{font-family:var(--serif);font-size:clamp(1.375rem,1.1rem + 1.1vw,2.125rem);line-height:1.28;max-width:24ch;margin-top:22px;color:var(--on-ink)}
.hero-home .lead{margin-top:22px}
.vstrip{background:var(--ink);color:var(--on-ink);border-top:1px solid var(--ink-2)}
.vstrip .wrap{display:flex;align-items:baseline;gap:20px 40px;padding-block:22px;flex-wrap:wrap}
.vstrip p{color:var(--on-ink-2)}
.vstrip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 36px;font-family:var(--serif);font-size:clamp(1rem,.95rem + .35vw,1.25rem);color:#E3E8F0}
.path-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,64px) var(--gap);margin-top:clamp(48px,6vw,88px)}
.path-cols article{border-top:2px solid var(--ink);padding-top:24px;display:flex;flex-direction:column;gap:16px}
.path-cols article p{color:var(--text-2);flex:1}
.path-cols .textlink{align-self:flex-start}
@media (max-width:900px){.path-cols{grid-template-columns:1fr}}
.speak{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:100vh}
.speak-photo{position:relative;min-height:420px}
.speak-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.speak-copy{padding:var(--section) var(--margin) var(--section) clamp(32px,5vw,96px)}
.speak .lead{margin-top:24px;max-width:48ch}
.speak .sub-h{font-family:var(--sans);font-size:1rem;font-weight:600;color:var(--on-ink-2);margin:44px 0 8px}
.topics{list-style:none;margin:0;padding:0;max-width:62ch}
.topics li{padding:16px 0;border-top:1px solid var(--ink-2);color:var(--on-ink-2)}
.topics strong{display:block;font-family:var(--serif);font-weight:500;font-size:var(--fs-h3);color:var(--on-ink);margin-bottom:6px;line-height:1.2}
.formats{display:grid;grid-template-columns:1fr 1fr;gap:20px var(--gap);margin:36px 0 0;max-width:62ch}
.formats dt{font-weight:600}
.formats dd{margin:2px 0 0;color:var(--on-ink-2);font-size:var(--fs-sm)}
@media (max-width:900px){.speak{grid-template-columns:1fr;min-height:0}.speak-photo{min-height:0;aspect-ratio:4/3.6}.speak-copy{padding-inline:var(--margin)}}
.vindex{list-style:none;margin:clamp(48px,6vw,80px) 0 0;padding:0}
.vindex li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:var(--gap);align-items:baseline;padding:clamp(20px,2.2vw,30px) 0;border-top:1px solid var(--tone)}
.vindex li:last-child{border-bottom:1px solid var(--tone)}
.vindex h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem)}
.vindex h3 a{text-decoration:none;background:linear-gradient(var(--red),var(--red)) 0 100%/0 2px no-repeat;transition:background-size .4s var(--ease-out)}
.vindex h3 a:hover{background-size:100% 2px}
.vindex p{color:var(--text-2)}
.vindex .role{color:var(--text-3);font-size:var(--fs-sm);display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;text-align:right}
.vindex .status{font-weight:600;color:var(--text-2)}
.cred{margin-top:40px;display:flex;gap:16px 32px;align-items:baseline;flex-wrap:wrap;padding:24px clamp(20px,2.4vw,32px);background:var(--raised);border-radius:var(--radius)}
.cred h3{font-size:var(--fs-h3)}
@media (max-width:900px){.vindex li{grid-template-columns:1fr;gap:8px}.vindex .role{justify-content:flex-start;text-align:left}}
.band-links{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 32px}
.bio-slot{margin-top:24px;background:var(--raised);border-radius:var(--radius);padding:clamp(20px,2.4vw,32px)}
.bio-slot .lead{color:var(--text-2)}
.xp{list-style:none;margin:20px 0 0;padding:0}
.xp li{display:grid;grid-template-columns:7rem 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--tone);color:var(--text-3)}

/* ============ v3 additions (Nov 13 2026) ============ */
:root{--sage:#E4ECE9;--sage-ink:#2F5A52;--gold:#C9A86A}
.eyebrow{font-family:var(--sans);font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:0 0 18px}
.on-ink .eyebrow,.dark .eyebrow{color:var(--on-ink-2)}
.sec-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(32px,6vw,120px);align-items:end}
.sec-head .eyebrow{grid-column:1 / -1}
.sec-head h2{max-width:17ch}
.sec-head .lead{max-width:48ch}
@media (max-width:900px){.sec-head{grid-template-columns:1fr}.sec-head .lead{margin-top:20px}}

/* nav: pill group with an active marker (scroll spy) and a reading progress line */
.nav-pill{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(180,193,216,.18)}
.site-head:not(.dark) .nav-pill{background:rgba(15,27,51,.04);box-shadow:inset 0 0 0 1px var(--tone)}
.nav .nav-pill a{padding:9px 14px!important;border-radius:999px;font-size:.96875rem;background:none!important;transition:background-color .3s var(--ease-out),color .3s var(--ease-out)}
.nav .nav-pill a:hover{background-color:rgba(255,255,255,.08)!important}
.nav .nav-pill a.is-active,.nav .nav-pill a[aria-current=location]{background-color:var(--on-ink)!important;color:var(--ink)}
.site-head:not(.dark) .nav .nav-pill a.is-active{background-color:var(--ink)!important;color:var(--on-ink)}
.progress{position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none}
.progress span{display:block;height:100%;width:100%;background:var(--red-on-ink);transform-origin:0 50%;transform:scaleX(var(--p,0))}
.site-head:not(.dark) .progress span{background:var(--red)}
@media (max-width:1100px){.nav .nav-pill a{padding:9px 10px!important;font-size:.9375rem}}
@media (max-width:900px){
  .nav-pill{flex-direction:column;align-items:stretch;background:none!important;box-shadow:none!important;padding:0;border-radius:0}
  .nav .nav-pill a{border-radius:0;padding:14px 0!important;font-size:1.125rem;border-bottom:1px solid var(--ink-2)}
  .nav .nav-pill a.is-active{background:none!important;color:inherit;text-decoration:underline;text-decoration-color:var(--red-on-ink)}
}

/* hero chips */
.hero-home .chips{display:flex;flex-wrap:wrap;gap:10px 12px;margin:clamp(32px,4vw,52px) 0 0;max-width:62ch}
.hero-home .chips div{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:12px;background:rgba(15,27,51,.55);box-shadow:inset 0 0 0 1px rgba(180,193,216,.22);backdrop-filter:blur(6px)}
.hero-home .chips dt{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.hero-home .chips dd{margin:0;font-size:.9375rem;font-weight:600;color:var(--on-ink)}

/* podcast strip */
.heard{background:var(--ink);color:var(--on-ink);border-top:1px solid var(--ink-2)}
.heard .wrap{display:flex;align-items:center;gap:16px clamp(24px,4vw,64px);padding-block:26px;flex-wrap:wrap}
.heard .eyebrow{margin:0}
.heard ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px clamp(24px,4vw,56px)}
.heard a{display:flex;flex-direction:column;text-decoration:none;padding:4px 0}
.heard .show{font-family:var(--serif);font-size:clamp(1.125rem,1rem + .4vw,1.375rem);font-style:italic}
.heard .ep{font-size:.875rem;color:var(--on-ink-2)}
.heard a:hover .show{text-decoration:underline;text-decoration-color:var(--red-on-ink);text-underline-offset:.2em}

/* domains of expertise */
.expertise{background:radial-gradient(1200px 500px at 85% 0%,rgba(43,66,107,.08),transparent 60%),var(--ground)}
.domains{list-style:none;margin:clamp(48px,6vw,96px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.domains>li{background:var(--raised);border-radius:var(--radius);padding:clamp(22px,2.2vw,32px);display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 0 var(--tone),0 24px 48px -36px rgba(15,27,51,.35);transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.domains>li:hover{transform:translateY(-4px);box-shadow:0 1px 0 var(--tone),0 32px 56px -32px rgba(15,27,51,.45)}}
.d-meta{display:flex;justify-content:space-between;font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding-bottom:14px;border-bottom:1px solid var(--tone)}
.d-meta span:first-child{color:var(--red)}
.domains h3{font-size:clamp(1.375rem,1.15rem + .6vw,1.75rem)}
.domains p:not(.d-meta){color:var(--text-2);flex:1}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tags li{font-size:.8125rem;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--ground);color:var(--text-2)}
@media (max-width:1180px){.domains{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.domains{grid-template-columns:1fr}}

/* current focus */
.focus{padding-block:var(--section);background:radial-gradient(900px 600px at 10% 100%,rgba(179,38,46,.16),transparent 60%),radial-gradient(800px 500px at 100% 0%,rgba(43,66,107,.6),transparent 60%),var(--ink)}
.focus .grid{row-gap:48px;align-items:start}
.focus-head{grid-column:1 / span 5;position:sticky;top:120px}
.focus-head h2{max-width:14ch}
.focus-head .lead{margin-top:24px;max-width:42ch}
.focus-head .actions{margin-top:36px}
.focus-list{grid-column:7 / span 6;list-style:none;margin:0;padding:0;counter-reset:f}
.focus-list li{counter-increment:f;display:grid;grid-template-columns:4.5rem 1fr;column-gap:16px;padding:clamp(28px,3vw,44px) 0;border-top:1px solid var(--ink-2)}
.focus-list li:last-child{border-bottom:1px solid var(--ink-2)}
.focus-list li::before{content:"0" counter(f);font-family:var(--serif);font-size:clamp(2rem,1.6rem + 1.2vw,3rem);line-height:1;color:var(--red-on-ink);grid-row:span 2}
.focus-list h3{font-size:clamp(1.5rem,1.25rem + .8vw,2rem)}
.focus-list p{margin-top:12px;color:var(--on-ink-2);max-width:52ch}
@media (max-width:900px){.focus-head,.focus-list{grid-column:1 / -1}.focus-head{position:static}.focus-list li{grid-template-columns:3.25rem 1fr}}

/* selected work: case-study cards */
.cases{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);margin-top:clamp(48px,6vw,96px)}
.case{grid-column:span 6;background:var(--raised);border-radius:calc(var(--radius) + 4px);padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 0 var(--tone)}
.case:nth-child(2){grid-column:span 7}.case:nth-child(3){grid-column:span 5}
.case:nth-child(4){grid-column:span 5}.case:nth-child(5){grid-column:span 7}
.case h3{font-size:clamp(1.5rem,1.2rem + 1vw,2.25rem);max-width:22ch}
.case>p:not(.case-meta):not(.lesson){color:var(--text-2);max-width:62ch}
.case-meta{font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.lesson{margin-top:auto;padding-top:18px;border-top:1px solid var(--tone);font-family:var(--serif);font-style:italic;color:var(--text);font-size:1.0625rem}
.case.feature{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,96px);align-items:center;background:var(--ink);color:var(--on-ink);padding:clamp(28px,4.5vw,72px)}
.case.feature .case-meta{color:var(--red-on-ink)}
.case.feature h3{font-size:clamp(1.875rem,1.4rem + 1.6vw,3rem);max-width:18ch}
.cdl{margin:24px 0 28px;display:grid;gap:18px}
.cdl div{display:grid;grid-template-columns:9.5rem 1fr;gap:16px;padding-top:16px;border-top:1px solid var(--ink-2)}
.cdl dt{font-size:.875rem;font-weight:700;color:var(--on-ink-2)}
.cdl dd{margin:0;color:#DCE2EC}
.case.feature .textlink{background-image:linear-gradient(var(--red-on-ink),var(--red-on-ink));align-self:start}
.case-art{margin:0}
.mock{background:linear-gradient(160deg,#F7F4EE,#ECEFF4);color:var(--ink);border-radius:22px;padding:clamp(20px,2.4vw,32px);box-shadow:0 40px 80px -40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);transform:rotate(-1.2deg)}
.mock-top{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sage-ink)}
.mock-h{font-family:var(--serif);font-size:clamp(1.25rem,1.1rem + .5vw,1.625rem);margin:14px 0 8px}
.mock-row{display:grid;grid-template-columns:12px 1fr;gap:12px;padding:14px 0;border-top:1px solid #D9DEE6}
.mock-row b{display:block;font-size:.875rem}
.mock-row span:not(.dot){font-size:.9375rem;color:#3F4B63}
.dot{width:10px;height:10px;border-radius:50%;margin-top:6px}
.dot.ok{background:#4E8C7C}.dot.hard{background:#C77D5B}.dot.next{background:var(--ink-3)}
.mock-foot{display:flex;justify-content:space-between;gap:12px;margin-top:6px;padding-top:12px;border-top:1px dashed #B8C0CE;font-size:.8125rem;color:#5A6680}
.mock-foot span:first-child{font-weight:700;color:var(--sage-ink)}
.case-art figcaption{margin-top:18px;font-size:.8125rem;color:var(--on-ink-2);text-align:right}
@media (max-width:980px){.case,.case:nth-child(n){grid-column:1 / -1}.case.feature{grid-template-columns:1fr}.cdl div{grid-template-columns:1fr;gap:4px}.mock{transform:none}}

/* mental health partnership */
.mh{background:radial-gradient(900px 520px at 100% 30%,rgba(78,140,124,.16),transparent 60%),var(--sage)}
.mh .grid{align-items:center;row-gap:56px}
.mh-copy{grid-column:1 / span 6}
.mh-copy h2{max-width:13ch}
.mh-copy .lead{margin-top:24px;color:#33433F;max-width:50ch}
.mh-copy>p:not(.lead):not(.eyebrow){margin-top:18px;color:#3E4E4A;max-width:58ch}
.mh .eyebrow{color:var(--sage-ink)}
.pull{margin:clamp(32px,4vw,56px) 0 0;padding-left:24px;border-left:3px solid var(--sage-ink)}
.pull p{font-family:var(--serif);font-style:italic;font-size:clamp(1.375rem,1.15rem + .9vw,2rem);line-height:1.3;color:var(--ink)}
.pull footer{margin-top:12px;font-size:.875rem}
.pull footer a{color:var(--sage-ink);font-weight:600}
.tri{grid-column:8 / span 5;margin:0;position:relative;color:var(--sage-ink)}
.tri-lines{width:100%;height:auto;display:block;opacity:.55}
.tri-nodes{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.tri-nodes li{position:absolute;width:min(48%,220px);background:var(--raised);border-radius:16px;padding:14px 16px;box-shadow:0 20px 40px -28px rgba(20,50,44,.5)}
.tri-nodes b{display:block;font-family:var(--serif);font-size:1.25rem;color:var(--ink)}
.tri-nodes span{display:block;font-size:.875rem;color:#3E4E4A;margin-top:4px;line-height:1.4}
.n-t{left:50%;top:0;transform:translate(-50%,-10%)}
.n-c{left:0;bottom:4%}
.n-a{right:0;bottom:4%;background:var(--ink)!important}
.n-a b{color:var(--on-ink)!important}.n-a span{color:var(--on-ink-2)!important}
.tri figcaption{margin-top:28px;font-size:.9375rem;color:#3E4E4A;max-width:44ch}
@media (max-width:980px){.mh-copy,.tri{grid-column:1 / -1}}
@media (max-width:560px){.tri-lines{display:none}.tri-nodes{position:static;display:grid;gap:10px}.tri-nodes li{position:static;width:auto;transform:none}}

/* journey timeline */
.journey .grid{align-items:start;row-gap:48px}
.jr-head{grid-column:1 / span 4;position:sticky;top:120px}
.jr-head .lead{margin-top:24px}
.timeline{grid-column:6 / span 7;list-style:none;margin:0;padding:0;position:relative}
.timeline::before{content:"";position:absolute;left:5.5rem;top:8px;bottom:8px;width:1px;background:var(--tone)}
.timeline li{display:grid;grid-template-columns:5.5rem 1fr;column-gap:32px;padding:0 0 clamp(28px,3vw,40px);position:relative}
.timeline li::after{content:"";position:absolute;left:calc(5.5rem - 5px);top:.6em;width:11px;height:11px;border-radius:50%;background:var(--ground);box-shadow:inset 0 0 0 2px var(--ink-3)}
.timeline li.now::after{background:var(--red);box-shadow:0 0 0 5px rgba(179,38,46,.16)}
.timeline .yr{font-family:var(--serif);font-size:1.25rem;color:var(--text-3);padding-top:.1em;padding-right:20px}
.timeline li.now .yr{color:var(--red)}
.timeline h3{font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem)}
.timeline p{margin-top:6px;color:var(--text-2);max-width:56ch}
@media (max-width:900px){.jr-head,.timeline{grid-column:1 / -1}.jr-head{position:static}.timeline::before{left:4rem}.timeline li{grid-template-columns:4rem 1fr;column-gap:24px}.timeline li::after{left:calc(4rem - 5px)}}

/* speaking extras */
.speak .eyebrow{margin-bottom:14px}
.pods{list-style:none;margin:0;padding:0;display:grid;gap:0}
.pods li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--ink-2)}
.pods li:last-child{border-bottom:1px solid var(--ink-2)}
.pods span{color:var(--on-ink-2);font-size:var(--fs-sm)}

/* ventures role line (no slots) */
.vindex .role{font-weight:600}

/* notes */
.notes{background:var(--raised)}
.note-list{list-style:none;margin:clamp(40px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--gap)}
.note-list a{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:22px 0;border-top:1px solid var(--tone);text-decoration:none;height:100%}
.note-list .nt{font-family:var(--serif);font-size:clamp(1.125rem,1rem + .4vw,1.375rem);line-height:1.35;transition:color .3s var(--ease-out)}
.note-list .nm{flex:none;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.note-list a:hover .nt{color:var(--red)}
@media (max-width:820px){.note-list{grid-template-columns:1fr}}

.about .copy .eyebrow{margin-bottom:14px}
.xp li span:first-child{color:var(--text-3)}
.xp li span:last-child{color:var(--text)}
.heard .eyebrow{color:var(--on-ink-2)}
.tri-nodes{inset:auto;left:0;right:0;top:0;aspect-ratio:400/360}
.hero-home .chips{max-width:none}
@media (min-width:821px){.hero-home .inner{padding-block:clamp(80px,9vh,120px) clamp(48px,7vh,88px)}}
@media (max-width:560px){.tri-nodes{aspect-ratio:auto}}
@media (max-width:900px){
  .site-head.open .nav{background:var(--ground);max-height:calc(100vh - 72px);overflow:auto}
  .site-head.dark.open .nav{background:var(--ink)}
  .site-head:not(.dark) .nav .nav-pill a{border-bottom-color:var(--tone)}
}