@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{--black:#070707;--ink:#0d0d0e;--cream:#f2eee7;--amber:#f3a33b;--blue:#1c62ff;--line:rgba(255,255,255,.16);--pad:clamp(22px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--cream);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;background:var(--cream);color:#000;padding:12px 18px;z-index:1000}.skip-link:focus{top:16px}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(#070707d9,#07070700);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:36px;background:var(--amber);color:#080808;font-weight:900;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}.brand-copy{font-size:.75rem;font-weight:800;letter-spacing:.12em;line-height:1.05}.brand-copy small{display:block;margin-top:4px;color:var(--amber);font:500 .6rem DM Mono,monospace}.site-header nav{display:flex;gap:clamp(15px,3vw,38px);align-items:center;font:500 .7rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.site-header nav a{opacity:.74;transition:.2s}.site-header nav a:hover,.site-header nav a:focus{opacity:1;color:var(--amber)}.nav-x{border:1px solid var(--line);padding:10px 16px;transform:skew(-8deg)}

.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:150px var(--pad) 54px;background:url('assets/backgrounds/hero-background.png') center/cover no-repeat;isolation:isolate}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.45)),linear-gradient(0deg,#070707 0%,transparent 25%,rgba(0,0,0,.25) 100%)}.eyebrow,.kicker{font:500 .7rem DM Mono,monospace;letter-spacing:.2em;text-transform:uppercase}.eyebrow{position:absolute;top:130px;left:var(--pad);color:var(--amber)}.hero-copy{display:flex;align-items:flex-end;gap:clamp(24px,5vw,88px)}.hero h1{font-size:clamp(4.6rem,11.8vw,12rem);line-height:.72;letter-spacing:-.085em;margin:0;max-width:1000px}.hero h1 span,.hero h1 strong{display:block}.hero h1 span{font-size:.32em;letter-spacing:.02em;margin:0 0 .35em .18em}.hero h1 strong{font-weight:900}.hero-line{font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.35;margin:0 0 1vw;border-left:2px solid var(--amber);padding-left:20px}.hero-actions{position:absolute;right:var(--pad);bottom:55px;display:flex;align-items:flex-end;gap:12px}.leg-button{border:0;cursor:pointer;color:var(--cream);display:flex;justify-content:space-between;align-items:flex-start;text-align:left;width:clamp(160px,15vw,220px);min-height:118px;padding:18px 18px 24px;clip-path:polygon(8% 0,100% 0,93% 86%,66% 86%,61% 100%,42% 100%,37% 86%,0 86%);transition:transform .25s,filter .25s}.leg-button:hover,.leg-button:focus-visible{transform:translateY(-8px);filter:brightness(1.1)}.leg-button--amber{background:var(--amber);color:#090909}.leg-button--dark{background:#171719;border:1px solid var(--line)}.leg-button span{font-weight:800;text-transform:uppercase}.leg-button small{display:block;font:500 .58rem DM Mono,monospace;letter-spacing:.15em}.leg-button em{font-style:normal;font-size:.77rem}.leg-button b{font-size:1.2rem}.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;font:400 .62rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.16em}.scroll-cue i{display:block;width:44px;height:1px;background:var(--cream);transform:rotate(90deg) translateX(12px);transform-origin:left}

.manifesto{position:relative;min-height:95vh;padding:clamp(110px,15vw,220px) var(--pad);display:grid;grid-template-columns:.2fr 1.25fr .75fr;gap:5vw;align-items:start;background:radial-gradient(circle at 72% 35%,#1a120b 0,transparent 28%),var(--black)}.section-index{font:500 .8rem DM Mono,monospace;color:var(--amber);border-top:1px solid var(--amber);padding-top:12px}.kicker{color:var(--amber);margin:0 0 22px}.manifesto h2,.protocol h2,.house-rules h2{font-size:clamp(3rem,7.5vw,8.4rem);line-height:.82;letter-spacing:-.07em;margin:0;font-weight:900}.manifesto h2 span{color:transparent;-webkit-text-stroke:1px rgba(242,238,231,.62)}.manifesto-copy>p:last-child{font-size:clamp(1.4rem,2vw,2rem);margin-top:32px}.story-card{margin-top:16vh;border-top:1px solid var(--line);padding-top:28px}.story-card p{font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.7;color:#c4c0b9}.text-link{display:inline-flex;gap:30px;margin-top:24px;border-bottom:1px solid var(--amber);padding:0 4px 10px 0;font:600 .75rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.text-link span{color:var(--amber)}

.understory{position:relative;min-height:110vh;padding:18vh var(--pad) 8vh;background:url('assets/backgrounds/lore-background.png') center/cover fixed no-repeat;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.under-overlay{position:absolute;inset:0;background:linear-gradient(#070707 0,rgba(7,7,7,.25) 20%,rgba(7,7,7,.35) 68%,#070707 100%);z-index:-1}.under-copy{max-width:900px}.under-copy h2{font-size:clamp(3.4rem,9vw,9rem);line-height:.83;letter-spacing:-.075em;margin:0}.under-copy>p:last-child{font-size:clamp(1rem,1.6vw,1.35rem);max-width:490px;line-height:1.55;margin-top:30px}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid rgba(255,255,255,.35)}.spec-grid div{padding:20px;border-right:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);background:rgba(7,7,7,.25)}.spec-grid dt{font:500 .62rem DM Mono,monospace;color:var(--amber);text-transform:uppercase;letter-spacing:.16em}.spec-grid dd{margin:8px 0 0;font-weight:700}

.protocol{min-height:100vh;padding:clamp(110px,13vw,190px) var(--pad);display:grid;grid-template-columns:.15fr .9fr 1fr;gap:5vw;background:linear-gradient(115deg,#111 0,#070707 65%)}.protocol-heading h2{font-size:clamp(3.5rem,7vw,7.5rem)}.steps{list-style:none;margin:10vh 0 0;padding:0}.steps li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line)}.steps li>span{font:500 .7rem DM Mono,monospace;color:var(--amber)}.steps h3{margin:0 0 8px;font-size:1.2rem;text-transform:uppercase}.steps p{margin:0;color:#aaa;line-height:1.5}.final-actions{grid-column:2/4;display:flex;justify-content:flex-end;gap:12px;margin-top:40px}.table-button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:240px;padding:20px 22px;background:var(--amber);color:#090909;font-weight:800;text-transform:uppercase;border:0;cursor:pointer;clip-path:polygon(0 0,100% 0,96% 78%,87% 78%,84% 100%,74% 100%,71% 78%,4% 78%);padding-bottom:31px;transition:.25s}.table-button:hover,.table-button:focus-visible{transform:translateY(-5px);filter:brightness(1.08)}.table-button--outline{background:#151515;color:var(--cream);outline:1px solid var(--line);outline-offset:-1px}

footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;padding:55px var(--pad);border-top:1px solid var(--line);background:#050505}footer>div:first-child{display:flex;flex-direction:column}footer strong{font-size:1.2rem}footer span{font:500 .7rem DM Mono,monospace;color:var(--amber);margin-top:5px}footer p{color:#7e7e7e;font-size:.8rem;text-align:center}.footer-links{display:flex;justify-content:flex-end;gap:25px;font:500 .7rem DM Mono,monospace;text-transform:uppercase}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,120px);padding:14px 20px;background:var(--cream);color:#070707;border-left:4px solid var(--amber);font:600 .75rem DM Mono,monospace;transition:.3s}.toast.show{transform:translate(-50%,0)}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}.lore-page{background:#0a0a0a}.lore-hero{min-height:110vh;padding:150px var(--pad) 90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center}.lore-hero h1{font-size:clamp(4rem,8.5vw,9rem);line-height:.8;letter-spacing:-.075em;margin:20px 0 35px}.lore-hero h1 span{color:var(--amber)}.lore-hero-copy>p:last-child{max-width:470px;font-size:1.12rem;line-height:1.65;color:#aaa}.lore-portrait{margin:0;transform:rotate(1.5deg)}.lore-portrait img{display:block;width:100%;height:min(70vh,720px);object-fit:cover;filter:saturate(.84) contrast(1.05)}.lore-portrait figcaption{font:500 .62rem DM Mono,monospace;color:#888;margin-top:12px;text-transform:uppercase;letter-spacing:.1em}.notes{padding:0 var(--pad) 150px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.notes article{background:#0a0a0a;padding:clamp(28px,4vw,60px);min-height:380px}.notes span{font:500 .65rem DM Mono,monospace;color:var(--amber)}.notes h2{font-size:2rem;text-transform:uppercase;margin:100px 0 18px}.notes p{color:#a8a8a8;line-height:1.7}.quote-scene{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--pad);background:linear-gradient(90deg,rgba(7,7,7,.88),rgba(7,7,7,.1)),url('assets/social/post-03-roadtrip.png') center/cover no-repeat}.quote-scene blockquote{font-size:clamp(3rem,7vw,8rem);line-height:.9;letter-spacing:-.055em;margin:0;font-weight:800;max-width:1100px}.quote-scene p{font:500 .75rem DM Mono,monospace;color:var(--amber);margin-top:30px}.house-rules{padding:clamp(100px,15vw,200px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.house-rules ul{list-style:none;margin:0;padding:0}.house-rules li{padding:28px 0;border-top:1px solid var(--line);font-size:1.1rem}.house-rules li span{display:inline-block;width:60px;color:var(--amber);font:500 .65rem DM Mono,monospace}.lore-end{min-height:72vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#24170c,transparent 50%)}.lore-end p{font-size:clamp(2.5rem,6vw,6rem);font-weight:900;line-height:.9;letter-spacing:-.05em}.lore-end .table-button{margin-top:30px}

@media (max-width:900px){.site-header nav a:not(.nav-x):not(:first-child){display:none}.hero{padding-bottom:170px;background-position:58% center}.hero-copy{display:block}.hero-line{margin-top:25px}.hero-actions{left:var(--pad);right:auto;bottom:45px}.leg-button{min-height:105px}.scroll-cue{display:none}.manifesto{grid-template-columns:50px 1fr}.story-card{grid-column:2;margin-top:30px}.understory{background-attachment:scroll}.spec-grid{grid-template-columns:1fr 1fr}.protocol{grid-template-columns:40px 1fr}.steps{grid-column:2;margin-top:40px}.final-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.lore-hero{grid-template-columns:1fr;padding-top:140px}.lore-portrait img{height:58vh}.notes{grid-template-columns:1fr}.notes article{min-height:300px}.notes h2{margin-top:65px}.house-rules{grid-template-columns:1fr}}
@media (max-width:600px){.site-header{padding-top:14px}.brand-copy{display:none}.hero{min-height:900px;background-position:47% center}.hero h1{font-size:4.4rem}.hero-actions{gap:7px}.leg-button{width:150px}.manifesto{grid-template-columns:1fr;padding-top:100px}.section-index{width:44px}.manifesto-copy,.story-card{grid-column:1}.manifesto h2,.protocol h2{font-size:3.5rem}.story-card{margin-top:40px}.spec-grid{grid-template-columns:1fr}.spec-grid div{border-right:0;border-bottom:1px solid var(--line)}.protocol{grid-template-columns:1fr}.protocol-heading,.steps,.final-actions{grid-column:1}.steps li{grid-template-columns:42px 1fr}.table-button{min-width:100%;width:100%}.final-actions{display:grid}.lore-hero h1{font-size:4rem}.lore-portrait img{height:460px}.house-rules h2{font-size:4rem}footer{grid-template-columns:1fr;gap:28px;text-align:left}footer p{text-align:left}.footer-links{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.table-button,.leg-button{transition:none}}