/* Wordmark: Barlow Condensed Black, -1% tracking (header and footer). */
@font-face{font-family:Wordmark;src:url('assets/wordmark.ttf') format('truetype');font-weight:900;font-display:swap}
.wordmark{font-family:Wordmark,var(--display);font-weight:900;letter-spacing:-.01em}
/* Pair spacing: 0% between "v" and "y", -8% between "y" and the period. */
.wordmark-v{letter-spacing:0}
.wordmark-y{letter-spacing:-.08em}
/* One fixed header height: the shortest that leaves the wordmark room to breathe. */
:root{--nav-expanded:80px;--nav-compact:var(--nav-expanded);--nav-height:var(--nav-expanded);--nav-offset:var(--nav-height)}
/* The header slides away while reading down and returns on any scroll up; pinned scenes follow its edge. */
.nav-hidden{--nav-offset:0px}
html{scroll-padding-top:var(--nav-height)}
.skip:focus{z-index:100}
.site-header{position:sticky;top:0;z-index:30;height:var(--nav-expanded);padding:0;border:0;display:block;pointer-events:none;transition:transform .3s ease}
.nav-hidden .site-header{transform:translateY(-100%)}
.dive-sticky,.growth-section,.enter-stage,.faq>.cell>h2,.reading-progress,.process-sticky{transition:top .3s ease,height .3s ease,min-height .3s ease}
.nav-surface{position:absolute;inset:0 0 auto;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#fff;border-bottom:var(--line);pointer-events:auto}
.site-header .wordmark{display:flex;align-items:center;min-height:44px;min-width:95px;text-decoration:none}
/* The "y" descender sits the ink low in its line box; lift it to optical center. */
.site-header .wordmark>span{display:block;transform:translateY(-.11em)}
.site-header nav{align-items:center}
.site-header nav a{display:flex;align-items:center;min-height:44px}
.dive-sticky{top:var(--nav-offset);height:min(780px,calc(100svh - var(--nav-offset)))}
@media(min-width:701px){.growth-section{top:var(--nav-offset);height:max(700px,calc(100svh - var(--nav-offset)));min-height:700px}}
@media(max-width:700px){
 :root{--nav-expanded:64px}
 .nav-surface{padding:0 24px}
 .site-header .wordmark{min-width:68px}
 .site-header nav{gap:18px}
 .site-header nav a:nth-child(2){display:none}
 .dive-sticky{height:calc(100svh - var(--nav-offset));min-height:590px}
}
@media(prefers-reduced-motion:reduce){.growth-section,.dive-sticky{top:0}.site-header,.dive-sticky,.growth-section,.enter-stage,.faq>.cell>h2,.reading-progress,.process-sticky{transition:none}}

@media(max-width:360px){.site-header nav{gap:12px;font-size:12.5px}}
@media(hover:hover){
 /* Anywhere over the nav (gaps included), the current page's underline steps aside unless that link is the one hovered. */
 .site-header #main-nav:hover>a[aria-current]:not(:hover){text-decoration:none}
}