:root{--ink:#08060d;--paper:#f3ead7;--gold:#f5b928;--red:#de3b2f;--wine:#4b0a27;--blue:#15254c;--line:rgba(255,255,255,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(222,59,47,.12),transparent 28%),radial-gradient(circle at 80% 70%,rgba(35,75,150,.14),transparent 35%);pointer-events:none;z-index:-1}.grain{position:fixed;inset:0;opacity:.14;pointer-events:none;z-index:20;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.nav{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;z-index:30;border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(#08060dcc,transparent);backdrop-filter:blur(8px)}.brand{color:#fff;text-decoration:none;font-family:"Archivo Black",sans-serif;letter-spacing:-1px;font-size:1.1rem}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:8px;border:1px solid var(--gold);border-radius:50%;font-size:.68rem;color:var(--gold)}nav{display:flex;gap:2rem}nav a,.sound{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:700}nav a{opacity:.72;transition:.2s}nav a:hover{opacity:1;color:var(--gold)}.sound{display:flex;gap:10px;align-items:center;background:none;border:0;cursor:pointer}.sound-bars{display:flex;align-items:center;gap:2px;height:15px}.sound-bars i{display:block;width:2px;height:5px;background:var(--gold)}.sound[aria-pressed=true] i{animation:bars .7s infinite alternate}.sound[aria-pressed=true] i:nth-child(2){animation-delay:.2s}.sound[aria-pressed=true] i:nth-child(3){animation-delay:.4s}@keyframes bars{to{height:15px}}.snap{position:relative;min-height:100vh;padding:120px 5vw 80px;overflow:hidden}.hero{padding:0;display:flex;align-items:flex-end}.hero-video,.final-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,2,8,.92) 0%,rgba(4,2,8,.35) 55%,rgba(4,2,8,.18)),linear-gradient(0deg,rgba(4,2,8,.8),transparent 55%)}.hero-copy{position:relative;z-index:2;padding:0 6vw 12vh;max-width:1100px}.eyebrow{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-weight:800}.hero h1,.final h2,.gallery h2,.roadmap h2,.chart h2,.lore h2{font-family:"Archivo Black",sans-serif;text-transform:uppercase;margin:.12em 0;line-height:.86;letter-spacing:-.055em}.hero h1{font-size:clamp(5rem,15vw,13rem)}.hero h1 span,.final h2 span{color:var(--gold)}.hero-line{font-family:Georgia,serif;font-style:italic;font-size:clamp(1.2rem,2.2vw,2rem);margin:0 0 2rem;color:var(--paper)}.links{display:flex;flex-wrap:wrap;gap:10px}.links a,.chart-head a{color:#fff;border:1px solid rgba(255,255,255,.45);padding:14px 20px;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:.68rem;letter-spacing:.12em;transition:.25s}.links a:first-child{background:var(--gold);border-color:var(--gold);color:var(--ink)}.links a:hover,.chart-head a:hover{background:#fff;color:var(--ink);transform:translateY(-2px)}.scroll{position:absolute;right:4vw;bottom:4vh;z-index:2;color:#fff;text-decoration:none;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;display:flex;align-items:center;gap:14px;writing-mode:vertical-rl}.scroll b{color:var(--gold);font-size:1.3rem}.section-number{position:absolute;top:110px;right:5vw;font-size:.66rem;letter-spacing:.22em;color:rgba(255,255,255,.45)}.lore{background:linear-gradient(135deg,#150a11,#391020 55%,#0b1328)}.lore:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 90px,rgba(255,255,255,.025) 91px 92px)}.lore-grid{min-height:calc(100vh - 200px);display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5vw}.lore-copy{position:relative;z-index:3}.lore h2{font-size:clamp(3rem,6vw,6rem)}.lore-copy>p:not(.eyebrow){max-width:620px;color:#d8cdbd;font-size:1.05rem;line-height:1.75}.lore-stage{position:relative;height:70vh}.flight-line{position:absolute;left:5%;right:5%;top:54%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:rotate(-8deg);opacity:.45}.flying-bear{position:absolute;width:min(48vw,540px);aspect-ratio:1;object-fit:cover;border-radius:50%;filter:drop-shadow(0 35px 45px rgba(0,0,0,.45));left:-20%;top:50%;transform:translateY(-50%) rotate(-8deg);transition:transform .1s linear}.whisper{position:absolute;right:-2vw;bottom:5%;font-family:"Archivo Black";font-size:clamp(3rem,7vw,7rem);line-height:.83;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);text-align:right}.roadmap{background:#0a0911}.roadmap-head{margin-bottom:5vh}.roadmap h2,.gallery h2,.chart h2{font-size:clamp(4rem,9vw,9rem)}.route{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.route-card{min-height:340px;padding:30px;border-right:1px solid var(--line);position:relative;transition:.3s}.route-card:last-child{border:0}.route-card:hover{background:linear-gradient(180deg,rgba(245,185,40,.16),transparent);transform:translateY(-8px)}.route-card>span{font-family:"Archivo Black";font-size:4.5rem;color:transparent;-webkit-text-stroke:1px rgba(245,185,40,.6)}.route-card small{display:block;color:var(--red);font-weight:800;letter-spacing:.2em;margin:30px 0 10px}.route-card h3{font-family:"Archivo Black";font-size:1.6rem;text-transform:uppercase;margin:.4em 0}.route-card p{color:#a9a2ad;line-height:1.65;font-size:.92rem}.gallery{background:var(--paper);color:var(--ink);min-height:auto}.gallery .section-number{color:rgba(8,6,13,.5)}.gallery-head{display:flex;justify-content:space-between;align-items:flex-end}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;align-items:start}.tile{margin:0;position:relative}.tile img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(1.07) contrast(1.04);transition:.5s}.tile:hover img{transform:scale(.985);filter:saturate(1.2) contrast(1.08)}.tile-a{grid-column:1/7}.tile-b{grid-column:8/13;margin-top:12vh}.tile-c{grid-column:1/6;margin-top:-2vh}.tile-d{grid-column:7/13;margin-top:10vh}.tile figcaption{display:flex;justify-content:space-between;padding:12px 2px;font-family:"Archivo Black";text-transform:uppercase}.tile figcaption span{color:var(--red)}.chart{background:linear-gradient(145deg,#071426,#0b0813 60%)}.chart-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.chart-head a{margin-bottom:12px}.chart-shell{border:1px solid rgba(245,185,40,.25);background:#05080d;box-shadow:0 40px 90px rgba(0,0,0,.4)}.chart-top{height:54px;display:flex;align-items:center;gap:24px;padding:0 20px;border-bottom:1px solid var(--line);font-size:.68rem;letter-spacing:.13em}.chart-top span{color:#68ef9a;font-weight:800}.chart-top i{display:inline-block;width:7px;height:7px;background:#68ef9a;border-radius:50%;box-shadow:0 0 12px #68ef9a;margin-right:5px}.chart-top small{margin-left:auto;color:#7e8491}.chart iframe{display:block;width:100%;height:min(72vh,760px);border:0}.final{display:flex;align-items:center;justify-content:center;text-align:center;padding-bottom:170px}.final-art{filter:saturate(.8) contrast(1.1)}.final-overlay{position:absolute;inset:0;background:radial-gradient(circle,rgba(15,7,17,.35),rgba(7,4,10,.93) 80%)}.final-content{position:relative;z-index:2}.final h2{font-size:clamp(5rem,13vw,13rem)}.final-links{justify-content:center;max-width:900px;margin:35px auto}.final footer{position:absolute;z-index:2;left:5vw;right:5vw;bottom:32px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:30px;text-align:left;color:#938c98;font-size:.66rem;line-height:1.55}.final footer p{max-width:800px;margin:0}.final footer span{white-space:nowrap}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.nav nav{display:none}.snap{padding:105px 22px 70px}.hero{padding:0}.hero-copy{padding:0 22px 13vh}.hero h1{font-size:20vw}.hero-links a{padding:12px 13px;font-size:.6rem}.lore-grid{grid-template-columns:1fr}.lore-stage{height:50vh}.flying-bear{width:75vw}.route{grid-template-columns:1fr 1fr}.route-card{min-height:300px}.gallery-grid{display:block}.tile{margin:0 0 40px}.tile-b,.tile-c,.tile-d{margin-top:0}.chart-head{display:block}.chart-head a{display:inline-block}.final footer{display:block}.final footer span{display:block;margin-top:12px;white-space:normal}.final h2{font-size:19vw}}@media(max-width:540px){.nav{height:66px;padding:0 18px}.sound #soundLabel{display:none}.section-number{top:80px}.lore h2{font-size:12vw}.route{grid-template-columns:1fr}.route-card{min-height:auto}.chart iframe{height:68vh}.gallery h2,.roadmap h2,.chart h2{font-size:16vw}.scroll{display:none}}
