@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#0b0908;--paper:#eee8db;--muted:#8b8176;--ember:#e2461e;--blood:#5f0d09;--line:#302a25;--pad:clamp(22px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Space Mono',monospace;overflow-x:hidden}button,a{color:inherit;font:inherit}a{text-decoration:none}button{border:0}::selection{background:var(--ember);color:var(--ink)}
#embers{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.52}.grain{position:fixed;inset:-50%;z-index:20;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .18s steps(2) infinite}.progress{position:fixed;z-index:30;left:0;top:0;width:3px;height:100vh;background:#211d1a}.progress i{display:block;background:var(--ember);width:100%;height:0}
.topbar{position:fixed;z-index:15;top:0;left:0;right:0;height:76px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(238,232,219,.12);mix-blend-mode:difference}.wordmark{font-family:'Archivo Black',sans-serif;letter-spacing:-1px}.wordmark span{color:var(--ember)}.chapter-count,.skip{font-size:11px;text-transform:uppercase;letter-spacing:.14em}.chapter-count{position:absolute;left:50%;transform:translateX(-50%);color:var(--muted)}.skip span{color:var(--ember)}
.chapter{position:relative;z-index:2;min-height:100vh;padding:110px var(--pad) 54px}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:3}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--ember);margin:0 0 32px}.hero h1,.finale h2{font-family:'Archivo Black',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.065em;line-height:.83;margin:0}.hero h1{font-size:clamp(65px,10vw,166px)}.hero h1 span{display:block}.outline{color:transparent;-webkit-text-stroke:1px var(--paper)}.intro{max-width:510px;margin:42px 0 0 4px;font-size:clamp(14px,1.3vw,19px);line-height:1.7;color:#c2b9ac}
.sigil-wrap{position:relative;display:grid;place-items:center;min-height:66dvh}.dragon-logo{position:relative;z-index:3;width:min(43vw,35.625rem);height:auto;filter:drop-shadow(0 0 22px rgba(226,70,30,.25));transition:transform .2s ease-out,filter .7s ease}.sigil-fire{position:absolute;z-index:1;width:min(38vw,28.125rem);height:auto;opacity:0;transform:translateY(3%) scale(.7);mix-blend-mode:screen;filter:saturate(1.15) contrast(1.08);transition:opacity .8s ease,transform 1.1s cubic-bezier(.16,1,.3,1);pointer-events:none}.orbit{position:absolute;z-index:0;border:1px solid var(--line);border-radius:50%;animation:spin 18s linear infinite}.orbit:after{content:"";position:absolute;width:6px;height:6px;background:var(--ember);border-radius:50%;top:12%;left:15%}.orbit-a{width:72%;aspect-ratio:1}.orbit-b{width:52%;aspect-ratio:1;animation-direction:reverse;animation-duration:12s}.heat-readout{position:absolute;z-index:4;right:3%;bottom:18%;font-size:10px;color:var(--muted);letter-spacing:.12em}.heat-readout b{color:var(--ember);font-weight:400}
.wake{position:absolute;z-index:6;left:50%;top:90%;bottom:auto;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:230px;height:38px;background:rgba(11,9,8,.72);border-bottom:1px solid var(--line);text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.wake i{position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--ember)}.wake.holding i{animation:hold 1.4s linear forwards}.scroll-cue{position:absolute;right:var(--pad);bottom:49px;margin:0;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);writing-mode:vertical-rl}
.chapter-title{display:flex;gap:18px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.18em}.chapter-title span{color:var(--ember)}.chapter-title p{margin:0}.manifesto{min-height:120vh;display:flex;flex-direction:column;justify-content:center}.statement{font-family:'Archivo Black',sans-serif;font-size:clamp(55px,10.2vw,165px);line-height:.93;letter-spacing:-.06em;text-transform:uppercase;max-width:1400px;margin:13vh 0}.statement .word{display:inline-block;opacity:.12;transition:opacity .35s,color .35s}.statement .word.lit{opacity:1}.manifesto-tail{align-self:flex-end;width:min(660px,100%);display:grid;grid-template-columns:1fr 100px 160px;gap:24px;align-items:start;color:#b9b0a4;line-height:1.7}.manifesto-tail p{margin:0}.rule{height:1px;background:var(--ember);margin-top:11px}.side-note{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.forge{min-height:150vh;overflow:hidden}.forge-stage{height:100vh;display:flex;flex-direction:column;justify-content:center}.forge-word{font-family:'Archivo Black',sans-serif;font-size:clamp(85px,19vw,310px);line-height:.7;letter-spacing:-.07em;margin:0;white-space:nowrap}.forge-word:nth-child(2){align-self:center}.forge-word:nth-child(3){align-self:flex-end;color:var(--ember)}.crosshair{position:absolute;top:50%;left:50%;width:160px;height:160px;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference}.crosshair i{position:absolute;background:var(--paper)}.crosshair i:first-child{height:1px;width:210px;left:-25px;top:50%}.crosshair i:last-child{width:1px;height:210px;top:-25px;left:50%}.forge-copy{max-width:500px;margin-left:auto;font-size:clamp(15px,1.5vw,21px);line-height:1.7;color:#b9b0a4}
.finale{min-height:100dvh;display:grid;grid-template-rows:1fr auto;align-content:stretch;overflow:hidden}.finale-content{align-self:center}.final-mark{position:absolute;right:-3vw;top:5%;font-family:'Archivo Black',sans-serif;font-size:42vw;line-height:1;color:#130f0d;z-index:-1;letter-spacing:-.14em}.final-line{color:var(--ember);text-transform:uppercase;font-size:11px;letter-spacing:.2em}.finale h2{font-size:clamp(3.75rem,12vw,11.875rem);max-width:87.5rem}.restart{align-self:start;margin-top:clamp(1.5rem,5dvh,3.5rem);background:var(--ember);color:var(--ink);padding:1.5em 2em;cursor:pointer;text-transform:uppercase;font-size:.625rem;font-weight:700;letter-spacing:.1em}.finale footer{position:static;width:100%;margin-top:clamp(2rem,7dvh,5rem);padding-top:1.125rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.625rem;text-transform:uppercase;letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}body.awake{--ember:#ff5a20}body.awake #embers{opacity:.9}body.awake .sigil-fire{opacity:.86;transform:translateY(3%) scale(.92)}body.awake .dragon-logo{filter:drop-shadow(0 0 14px #ff4a16) drop-shadow(0 0 42px rgba(255,74,22,.65))}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes hold{to{width:100%}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}} 
@media(max-width:800px){.topbar{height:64px}.chapter-count{display:none}.hero{grid-template-columns:1fr;align-content:center;padding-top:90px}.hero-copy{align-self:end}.sigil-wrap{position:absolute;right:-36%;top:22%;opacity:.62;min-height:55dvh}.dragon-logo{width:90vw}.sigil-fire{width:72vw}.intro{max-width:80%}.wake{left:50%;top:50%;bottom:auto}.scroll-cue{display:none}.manifesto-tail{grid-template-columns:1fr}.rule{display:none}.forge-word{font-size:22vw;line-height:.9}.crosshair{width:100px;height:100px}.finale footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain,.orbit{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.statement .word{opacity:1}#embers{display:none}}