@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,300;1,6..72,500&display=swap');
:root{--bg:#050713;--ink:#f4efe8;--muted:#b8b4c1;--gold:#edbc69;--cyan:#65d8ff;--violet:#a98cff;--glass:rgba(7,9,22,.72);--line:rgba(255,255,255,.14);--scene-x:50%;--scene-y:50%;--scene-scale:1;--scene-hue:0deg;--light:rgba(237,188,105,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 'DM Sans',system-ui,sans-serif;overflow-x:hidden}.skip{position:fixed;z-index:99;top:8px;left:8px;transform:translateY(-150%);background:#fff;color:#000;padding:10px 14px}.skip:focus{transform:none}.masthead{position:fixed;z-index:40;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px clamp(18px,4vw,64px);background:linear-gradient(#050713d9,transparent);pointer-events:none}.masthead>*{pointer-events:auto}.wordmark{color:var(--ink);text-decoration:none;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.wordmark span{color:var(--gold)}.mast-actions{display:flex;align-items:center;gap:18px}.chapter-readout{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d8d3dc}.chapter-readout b{color:var(--gold);margin-right:8px}.motion-toggle{border:1px solid var(--line);border-radius:99px;background:#0a0d1dbf;color:#ddd7df;padding:8px 12px;font:500 11px 'DM Sans';text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.opening{min-height:100svh;display:grid;place-content:center;text-align:center;padding:100px 20px 70px;position:relative;isolation:isolate;background:radial-gradient(circle at 50% 48%,#3d244b 0,transparent 26%),radial-gradient(circle at 50% 20%,#182956,transparent 40%)}.opening:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle,#000,transparent 68%)}.opening-mark{width:140px;height:140px;margin:0 auto 32px;position:relative;display:grid;place-items:center}.opening-mark i{position:absolute;border:1px solid color-mix(in srgb,var(--gold) 70%,transparent);border-radius:50%;inset:0;animation:orbit 18s linear infinite}.opening-mark i:nth-child(2){inset:20px;border-color:#74dfff80;animation-direction:reverse;animation-duration:13s}.opening-mark i:nth-child(3){inset:48px;background:radial-gradient(circle,#fff 0 8%,var(--gold) 10%,transparent 58%);border:0;box-shadow:0 0 45px #edbc6980}.opening-mark i:after{content:"";position:absolute;width:6px;height:6px;background:var(--gold);border-radius:50%;top:9px;left:26px;box-shadow:0 0 14px var(--gold)}@keyframes orbit{to{transform:rotate(360deg)}}.eyebrow,.chapter-kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600}.opening h1{font-size:clamp(48px,8vw,112px);line-height:.88;letter-spacing:-.065em;max-width:1200px;margin:18px auto 28px;font-weight:300}.opening h1 em,.chapter h2 em{font-family:'Newsreader',Georgia,serif;font-weight:300;color:#e9d7f0}.lede{max-width:660px;margin:0 auto;color:#c8c4cd;font-size:clamp(16px,2vw,21px)}.begin{display:inline-flex;gap:16px;align-items:center;justify-self:center;margin-top:48px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding:10px 3px;font-size:12px;text-transform:uppercase;letter-spacing:.15em}.begin i{font-style:normal;color:var(--gold)}
.cinematic{position:relative}.visual-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#070917}.map-media{position:absolute;inset:-5%;background:url('assets/awareness-map.png') var(--scene-x) var(--scene-y)/cover no-repeat;transform:scale(var(--scene-scale));filter:hue-rotate(var(--scene-hue)) saturate(1.1) contrast(1.04);transition:transform 1.6s cubic-bezier(.16,1,.3,1),background-position 1.6s cubic-bezier(.16,1,.3,1),filter 1.6s}.scene-light{position:absolute;inset:0;background:radial-gradient(circle at var(--scene-x) var(--scene-y),var(--light),transparent 28%);mix-blend-mode:screen;transition:background 1.4s}.scene-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#050713e8 0,transparent 35%,transparent 66%,#050713d0),linear-gradient(0deg,#050713c8,transparent 28%,#05071399);pointer-events:none}#field-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.compass{position:absolute;left:50%;top:55%;width:min(34vw,440px);aspect-ratio:1;transform:translate(-50%,-50%);transition:all 1.5s cubic-bezier(.16,1,.3,1)}.compass-ring{position:absolute;border:1px solid #edbc6955;border-radius:50%;inset:0;animation:orbit 28s linear infinite}.compass-ring:before,.compass-ring:after{content:"";position:absolute;inset:15%;border:1px dashed #71d9ff33;border-radius:50%}.ring-b{inset:22%;animation-direction:reverse;animation-duration:16s}.compass-core{position:absolute;inset:45%;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 38px var(--gold),0 0 90px #b274ff}.route{position:absolute;height:1px;width:28vw;top:56%;left:50%;transform-origin:left;background:linear-gradient(90deg,var(--gold),transparent);opacity:.5}.route-a{transform:rotate(-25deg)}.route-b{transform:rotate(28deg)}.route-c{transform:rotate(155deg)}.visual-caption{position:absolute;left:clamp(20px,4vw,64px);bottom:28px;border-left:1px solid var(--gold);padding-left:12px;text-transform:uppercase;letter-spacing:.12em}.visual-caption span{display:block;color:#a8a2ad;font-size:9px}.visual-caption b{font-size:12px;font-weight:500}.chapter-dots{position:fixed;z-index:30;right:clamp(12px,2.4vw,38px);top:50%;transform:translateY(-50%);display:grid;gap:14px}.chapter-dots a{color:#aaa;text-decoration:none;width:28px;height:28px;display:grid;place-items:center;font-size:9px;border:1px solid #ffffff28;border-radius:50%;background:#070a18aa;transition:.4s}.chapter-dots a.active{border-color:var(--gold);color:var(--gold);box-shadow:0 0 20px #edbc6944;transform:scale(1.15)}.story-copy{position:relative;margin-top:-100svh}.chapter{min-height:125svh;display:flex;align-items:center;padding:14vh clamp(20px,7vw,110px);position:relative;z-index:4}.chapter-card{width:min(570px,88vw);padding:clamp(22px,4vw,48px);background:linear-gradient(135deg,rgba(8,10,26,.88),rgba(8,10,26,.52));border:1px solid var(--line);border-radius:3px;backdrop-filter:blur(18px);box-shadow:0 30px 100px #0008;opacity:.28;transform:translateY(70px);transition:opacity .8s,transform 1s cubic-bezier(.16,1,.3,1)}.chapter.active .chapter-card{opacity:1;transform:none}.chapter-card.right{margin-left:auto}.chapter-card.centered{margin:auto;text-align:center}.chapter h2{font-size:clamp(36px,5vw,70px);line-height:.96;letter-spacing:-.05em;margin:12px 0 24px;font-weight:300}.chapter p{color:#cac6ce}.chapter dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:30px 0 0}.chapter dl div{background:#090b1a;padding:16px}.chapter dt{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}.chapter dd{margin:5px 0 0;font-size:13px}.portals{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:28px}.portals a{padding:15px;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:#ffffff05}.portals span{display:block;color:#9994a0;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.portals b{font:400 17px 'Newsreader',serif}.system-line{display:flex;align-items:center;gap:8px;margin:30px 0;color:#c9c4cc;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.system-line i{height:1px;min-width:16px;flex:1;background:linear-gradient(90deg,var(--cyan),var(--gold))}.text-link{color:var(--gold);text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.final{min-height:150svh}
.routes{position:relative;z-index:6;background:#070916;padding:110px clamp(20px,6vw,90px);border-top:1px solid var(--line)}.routes-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:50px}.routes h2{font:300 clamp(42px,6vw,84px)/.95 'DM Sans';letter-spacing:-.055em;margin:0}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.route-grid>a{min-height:260px;padding:28px;color:var(--ink);text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;transition:.45s}.route-grid>a:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 100%,#5f449d55,transparent 50%);opacity:0;transition:.45s}.route-grid>a:hover:before,.route-grid>a:focus:before{opacity:1}.route-grid span{font-size:9px;color:var(--gold);letter-spacing:.14em;text-transform:uppercase}.route-grid h3{font:400 29px 'Newsreader',serif;margin:32px 0 8px;position:relative}.route-grid p{color:#aaa5af;font-size:13px;max-width:280px;position:relative}.route-grid i{position:absolute;bottom:25px;font-style:normal;color:#d7cedd;font-size:10px;text-transform:uppercase;letter-spacing:.12em}footer{background:#03040b;padding:45px clamp(20px,6vw,90px);display:flex;justify-content:space-between;align-items:center;gap:20px;color:#817d88;font-size:11px;border-top:1px solid #ffffff0d}footer nav{display:flex;gap:18px;align-items:center}footer nav a{color:#aaa5af;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}footer nav a:hover,footer nav a:focus{color:var(--gold)}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
[data-scene="inner"]~*{}html.scene-inner{--scene-x:18%;--scene-y:52%;--scene-scale:1.22;--scene-hue:-5deg;--light:rgba(188,124,255,.28)}html.scene-outer{--scene-x:79%;--scene-y:41%;--scene-scale:1.2;--scene-hue:8deg;--light:rgba(81,207,255,.25)}html.scene-systems{--scene-x:77%;--scene-y:76%;--scene-scale:1.3;--scene-hue:-12deg;--light:rgba(237,188,105,.24)}html.scene-path{--scene-x:50%;--scene-y:53%;--scene-scale:1.03;--scene-hue:0deg;--light:rgba(255,189,92,.3)}html.scene-inner .compass{left:16%;top:50%;transform:translate(-50%,-50%) scale(.65)}html.scene-outer .compass{left:78%;top:46%;transform:translate(-50%,-50%) scale(.62)}html.scene-systems .compass{left:77%;top:76%;transform:translate(-50%,-50%) scale(.5)}
@media(max-width:800px){.chapter-readout{display:none}.masthead{padding:14px 16px}.motion-toggle{padding:7px 9px}.opening h1{font-size:clamp(48px,14vw,74px)}.chapter{padding-left:16px;padding-right:44px}.chapter-card,.chapter-card.right{margin:0;width:100%;padding:24px}.chapter h2{font-size:40px}.portals{grid-template-columns:1fr}.route-grid{grid-template-columns:1fr}.routes-head{display:block}.routes h2{margin-top:12px}.scene-vignette{background:linear-gradient(0deg,#050713dd,transparent 40%,#050713aa)}.visual-caption{display:none}.chapter-dots{right:8px}footer{display:grid}.routes{padding-top:80px}.system-line{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.opening-mark i,.compass-ring{animation:none}.map-media,.compass,.chapter-card{transition:none!important}.chapter-card{opacity:1;transform:none}}
html[data-motion="reduced"]{scroll-behavior:auto}html[data-motion="reduced"] .opening-mark i,html[data-motion="reduced"] .compass-ring{animation:none}html[data-motion="reduced"] .map-media,html[data-motion="reduced"] .compass,html[data-motion="reduced"] .chapter-card{transition:none!important}html[data-motion="reduced"] .chapter-card{opacity:1;transform:none}