.about-hero{padding:calc(var(--nav-h) + var(--space-8)) 0 0;text-align:center}.about-hero .eyebrow{margin-bottom:var(--space-4);justify-content:center}.about-hero h1{font-family:var(--font-display);font-weight:400;font-size:var(--fs-display-lg);letter-spacing:-.02em;max-width:20ch;margin:0 auto var(--space-4);color:var(--fg-default);line-height:1.04}.about-hero .lede{font-family:var(--font-body);color:var(--fg-muted);max-width:50ch;margin:0 auto;font-size:1.1875rem;line-height:1.5}.about-hero .illo{margin-top:var(--space-7)}.about-hero .illo img{width:100%;max-width:1040px;height:auto;transition:filter var(--dur-slow) var(--ease-glass), opacity var(--dur-slow) var(--ease-glass);margin:0 auto;-webkit-mask-image:linear-gradient(#000 84%,#0000 100%);mask-image:linear-gradient(#000 84%,#0000 100%)}[data-theme=light] .about-hero .illo img{opacity:.96}[data-theme=dark] .about-hero .illo img{filter:brightness(1.5)saturate(1.05)contrast(1.02);opacity:.94}.about-hero~.story,.about-hero~.coda-band .story{max-width:660px;padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.about-hero~.story .chapter,.about-hero~.coda-band .chapter{padding:var(--space-9) 0}.about-hero~.story>.chapter+.chapter,.about-hero~.coda-band .story>.chapter+.chapter{border-top:1px solid var(--border-subtle)}.about-hero~.story .kick,.about-hero~.coda-band .kick{font-family:var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent);align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);font-size:11px;display:inline-flex}.about-hero~.story .kick:before,.about-hero~.coda-band .kick:before{content:"";background:currentColor;width:20px;height:1px;display:inline-block}.about-hero~.story .chapter p,.about-hero~.coda-band .chapter p{font-family:var(--font-body);color:var(--fg-muted);margin:0 0 var(--space-4);font-size:1.0625rem;line-height:1.78}.about-hero~.story .chapter p:last-child,.about-hero~.coda-band .chapter p:last-child{margin-bottom:0}.about-hero~.story .chapter .lead,.about-hero~.coda-band .chapter .lead{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg-default);margin-bottom:var(--space-5);font-size:1.5rem;font-weight:400;line-height:1.4}.about-hero~.coda-band .chapter .closing-beat{font-family:var(--font-display);color:var(--fg-default);letter-spacing:-.01em;margin-top:var(--space-4);font-size:1.625rem}.about-hero~.coda-band{background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.about-hero~.coda-band .coda{text-align:center;padding:var(--space-8) 0 var(--space-9);border-top:1px solid var(--border-subtle);margin-top:var(--space-2)}.about-hero~.coda-band .coda h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-display-md);letter-spacing:-.015em;margin:0 0 var(--space-3);color:var(--fg-default)}.about-hero~.coda-band .coda p{color:var(--fg-muted);max-width:44ch;margin:0 auto var(--space-6);line-height:1.6}.about-hero~.coda-band .coda .ctas{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:960px){.about-hero~.story .chapter,.about-hero~.coda-band .chapter{padding:var(--space-8) 0}}@media (max-width:560px){.about-hero~.story .chapter .lead,.about-hero~.coda-band .chapter .lead{font-size:1.3125rem}}
