:root{--story-dark:#101d27;--story-gold:#f6c65b;--story-paper:#f4f1ea;--story-clay:#e2573a}
html{scroll-behavior:smooth}body{overflow-x:hidden}.site-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem clamp(1.5rem,5vw,5rem);border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:relative;z-index:10}.brand{font-weight:800;letter-spacing:-.06em;font-size:1.35rem}.brand span:last-child{color:var(--action);font-size:.8rem;letter-spacing:.04em;margin-left:.5rem}.site-header nav{display:flex;gap:1.25rem;align-items:center;font-size:.9rem}.account-link{border:1px solid var(--brand);background:transparent;color:var(--brand);cursor:pointer;font:inherit;font-weight:800;padding:.55rem .8rem}
.story-hero{min-height:680px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:clamp(3rem,8vw,8rem);padding:clamp(5rem,10vw,9rem) clamp(1.5rem,9vw,10rem);background:var(--story-dark);color:#fff}.story-hero h1{max-width:11ch;margin:.25em 0;font:400 clamp(3.8rem,8vw,7.6rem)/.9 var(--serif);letter-spacing:-.07em;color:#fff}.story-hero .eyebrow{color:var(--story-gold)}.story-hero .lead{max-width:42rem;color:#d7e0e5;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.65}.route-mark{min-height:450px;position:relative;isolation:isolate}.route-mark::before,.route-mark::after{content:"";position:absolute;border:clamp(8px,1.4vw,16px) solid var(--story-gold);border-radius:48% 52% 42% 58%;inset:8% 18%;transform:rotate(-24deg);opacity:.92}.route-mark::after{inset:24% 5% 2% 34%;border-color:var(--story-clay);transform:rotate(31deg)}.route-mark span{position:absolute;z-index:1;right:4%;bottom:6%;font:400 clamp(4rem,8vw,8rem)/1 var(--serif);color:#fff}.route-mark small{position:absolute;right:5%;bottom:0;color:#bfcbd2;letter-spacing:.12em;text-transform:uppercase}
.story-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:24px clamp(1.5rem,5vw,5rem);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:9}.story-nav a{padding:10px 15px;border:1px solid var(--line);border-radius:999px;font-weight:800;font-size:.82rem}.story-nav a[aria-current="page"],.story-nav a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.story-main{background:var(--story-paper)}.story-section{display:grid;grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);gap:clamp(2rem,8vw,8rem);max-width:1180px;margin:auto;padding:clamp(5rem,10vw,9rem) clamp(1.5rem,5vw,4rem);border-bottom:1px solid #d9d4ca}.story-section:last-child{border-bottom:0}.story-section h2{margin:0;font:400 clamp(2.4rem,5vw,4.6rem)/1 var(--serif);letter-spacing:-.05em}.story-copy{max-width:760px}.story-copy p{margin:0 0 1.35rem;color:#474d50;font-size:clamp(1.03rem,1.45vw,1.19rem);line-height:1.82}.story-copy .statement{font:400 clamp(1.65rem,3vw,2.5rem)/1.3 var(--serif);color:var(--ink)}.witnesses{display:grid;gap:1px;margin:2.5rem 0;background:#cfd4d0;border:1px solid #cfd4d0}.witnesses p{margin:0;padding:24px;background:#fff;color:var(--ink);font:400 clamp(1.25rem,2vw,1.7rem)/1.45 var(--serif)}.manifesto{background:var(--story-clay);color:#fff}.manifesto h2,.manifesto p{color:#fff}.manifesto .story-section{border-color:rgba(255,255,255,.24)}.closing{padding:clamp(6rem,12vw,11rem) clamp(1.5rem,8vw,9rem);text-align:center;background:#fff}.closing p{max-width:900px;margin:0 auto;font:400 clamp(2.1rem,5vw,4.8rem)/1.08 var(--serif);letter-spacing:-.045em}.closing a{display:inline-block;margin-top:2.5rem;padding:14px 18px;background:var(--action);color:#fff;font-weight:900}
#site-footer footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 24px;padding:28px clamp(1.5rem,5vw,5rem);background:#101d27;color:#d5dfe7;font-size:.78rem}#site-footer footer a{color:inherit}
@media(max-width:820px){.site-header{align-items:flex-start;gap:1rem;flex-direction:column}.site-header nav{width:100%;gap:.8rem;overflow-x:auto;padding-bottom:.35rem}.site-header nav a,.site-header nav button{white-space:nowrap}.story-hero{grid-template-columns:1fr;min-height:0}.route-mark{min-height:300px}.story-section{grid-template-columns:1fr}.story-nav{position:relative}.story-hero h1{font-size:clamp(3.2rem,16vw,5.5rem)}}
