/* Project reading rhythm: original typography, gutters and media radii. */
figure{margin:0} figcaption{font-size:18px;color:var(--muted);margin-top:16px;max-width:65ch}
.project-nav{position:sticky;top:0;z-index:10;display:flex;gap:24px;align-items:center;padding:20px var(--g);background:var(--bg)}
.project-chapters{display:flex;gap:8px;min-width:0;overflow-x:auto;margin-left:auto}
.project-nav .project-home{width:60px;padding:0;background:var(--btn);color:#fff}
.project-home svg{width:24px;height:24px}
.project-nav a{display:inline-flex;align-items:center;justify-content:center;flex:none;height:60px;padding-inline:30px;border-radius:60px;font-size:16px;font-weight:600;white-space:nowrap;color:var(--muted);background:transparent;transition:background .2s,color .2s}
.project-nav a:hover,.project-nav a[aria-current]{color:var(--fg)}
.project-nav a[aria-current]{background:var(--btn);color:#fff;text-decoration:none}
.story{padding:64px var(--g) 0;max-width:1600px;margin:auto}
.chapter{scroll-margin-top:112px;margin-bottom:64px}
.chapter-heading{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:40px;align-items:start}
.chapter-heading p,.copy p{max-width:58ch;color:var(--muted)}
.eyebrow{display:block;font-size:18px;color:var(--muted);margin-bottom:20px}
.facts{display:grid;grid-template-columns:1fr;gap:12px;padding:0;margin:24px 0 0}
.facts dt{font-size:16px;color:var(--muted);margin-bottom:2px}.facts dd{margin:0;font-size:18px}
.media{overflow:hidden;border-radius:var(--r);background:#0A0B22}.media img,.media video{width:100%;height:100%;object-fit:cover}
.media.landscape{aspect-ratio:16/9}.media.portrait{aspect-ratio:4/5}
.split{display:grid;grid-template-columns:1fr;gap:40px;align-items:start}.split.reverse{grid-template-columns:1fr}
.copy h2,.copy h3{margin-bottom:20px}.copy p+p{margin-top:16px}
.role-list{list-style:none;padding:0;margin:16px 0 0}.role-list li{padding:6px 0;color:var(--muted)}
.decision{margin-bottom:20px;padding:32px;background:#0A0B22;border-radius:40px}
.decision h3{margin-bottom:16px;max-width:40ch}
.decision p{max-width:65ch;color:var(--muted)}
.statement{padding:24px 0;max-width:1050px}.statement p{margin-top:20px;color:var(--muted);max-width:60ch}
.story .pimg.ph{border-radius:var(--r)}
.project-ending{padding:24px 0 0;display:flex;flex-direction:column;gap:30px;align-items:start}
.project-ending p{color:var(--muted);margin-bottom:12px}
.pvideo video{max-height:100svh;pointer-events:none}.head{padding-inline:var(--g);align-items:center}
.head h1{font-size:48px;line-height:1.2}
.question{padding:128px var(--g)}
.thanks{padding:64px var(--g) 80px}
@media(max-width:900px){.project-nav{gap:0;padding-block:12px}.project-nav a{height:52px;padding-inline:20px}.story{padding-top:40px}.chapter{margin-bottom:48px;scroll-margin-top:96px}.chapter-heading,.split,.split.reverse{grid-template-columns:1fr;gap:24px}.chapter-heading{margin-bottom:28px}.facts{grid-template-columns:1fr;gap:12px}.decision{padding:24px;border-radius:28px}.statement{padding:12px 0}.project-ending{flex-direction:column;align-items:start}.bar .pill:not(.icon){padding-inline:20px}.bar .pill.icon{width:60px!important}.question{padding:80px var(--g)}.question p{max-width:24ch}.thanks{padding:48px var(--g) 64px}.media.portrait{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:900px){.head h1{font-size:40px}}
@media(max-width:900px){.project-nav{gap:12px}.project-chapters{gap:0}.project-nav .project-home{width:52px;padding:0}}

.project-nav{padding-block:var(--nav-y)}
.chapter{scroll-margin-top:140px}
@media(max-width:900px){.chapter{scroll-margin-top:112px}}