*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,sans-serif}a{text-decoration:none;color:inherit}img{width:100%;height:100%;object-fit:cover;display:block}button{font:inherit}.ocean{background:#031d34;color:#eefcff;overflow-x:hidden}.ocean nav,.space nav{position:absolute;top:0;left:0;right:0;padding:24px 6vw;display:flex;justify-content:space-between;z-index:5}.ocean nav div{display:flex;gap:24px}.ocean nav a{color:#d9f4f8;font-size:.9rem}.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .78fr;align-items:center;gap:5vw;padding:110px 7vw 70px;background:linear-gradient(#0b829f,#07536f 48%,#031d34);position:relative;overflow:hidden}.rays{position:absolute;inset:-20% 0 auto;height:95%;background:repeating-conic-gradient(from 245deg at 50% 0,rgba(255,255,255,.08) 0 7deg,transparent 7deg 18deg);filter:blur(15px)}.hero-copy,.hero-photo{z-index:2}.eyebrow{color:#72e5e7;font-size:.74rem;letter-spacing:.22em;font-weight:700}h1,h2{font-family:Cormorant Garamond,serif;line-height:1.03;margin:0}.hero h1,.space-hero h1{font-size:clamp(4rem,8vw,8rem);letter-spacing:-.045em}.hero h1 em{color:#b1fffa}.hero-copy>p:not(.eyebrow){max-width:640px;color:#c3e3e9;font-size:1.08rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 14px}.btn{padding:14px 22px;border-radius:999px;border:0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.primary{background:linear-gradient(135deg,#94f5ef,#54cadc);color:#03283b}.glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:white}.tracks{display:flex;gap:8px;flex-wrap:wrap}.tracks button{background:transparent;color:#aacfd7;border:1px solid rgba(255,255,255,.16);padding:7px 11px;border-radius:99px;cursor:pointer}.tracks .active{color:white;border-color:#70e4e4}.hero-photo{height:min(72vh,760px);margin:0;padding:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:180px 180px 30px 30px;box-shadow:0 25px 80px #0017}.hero-photo img{border-radius:170px 170px 22px 22px}.hero-photo figcaption{text-align:center;padding:13px;color:#c2e8ed;font-family:Cormorant Garamond,serif}.section{padding:110px 8vw;position:relative;z-index:3}.dark{background:linear-gradient(#031d34,#042c46)}.mid{background:linear-gradient(#042c46,#07506a)}.deep{background:linear-gradient(#07506a,#03283e)}.glow{background:linear-gradient(#07506a,#0a7183 55%,#b7e8e8);color:#062c3e}.heading{max-width:920px;margin-bottom:62px}.heading h2,.portal h2,.future h2,.rock-feature h2{font-size:clamp(2.8rem,5vw,5.2rem)}.heading>p:not(.eyebrow){color:#a9d3dc}.split{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;max-width:none;align-items:end}.center{text-align:center;margin-left:auto;margin-right:auto}.story{display:grid;grid-template-columns:.78fr 1fr;gap:55px;align-items:center;max-width:1120px;margin:auto}.story img{height:580px;border-radius:250px 250px 25px 25px;box-shadow:0 25px 70px #0018}.story div{font-family:Cormorant Garamond,serif;color:#c4e4e9;font-size:1.45rem}.grid{display:grid;gap:16px}.four{grid-template-columns:repeat(4,1fr)}figure{margin:0;position:relative}.grid figure,.final-grid figure{overflow:hidden;border-radius:22px;box-shadow:0 20px 55px #0017}.grid figure img{height:390px}.grid figcaption,.final-grid figcaption{position:absolute;left:12px;right:12px;bottom:12px;background:#021d2fa8;backdrop-filter:blur(10px);padding:10px 13px;border-radius:12px}.pair{display:grid;grid-template-columns:1fr .7fr 1fr;gap:24px;align-items:center}.pair img{height:520px;border-radius:200px 200px 24px 24px}.pair figcaption{text-align:center;padding:12px;color:#a9d3dc}.pair blockquote{font-family:Cormorant Garamond,serif;font-size:2rem;text-align:center;color:#c6fffa}.adventure{grid-template-columns:repeat(3,1fr);grid-auto-rows:300px}.adventure .feature{grid-row:span 2}.adventure .wide{grid-column:span 2}.adventure figure img{height:100%}.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.strip img{height:420px;border-radius:20px}.final-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:18px;align-items:center}.final-grid figure{height:470px}.final-grid .big{height:570px}.counter{padding:90px 24px;text-align:center;background:linear-gradient(135deg,#b6e8e8,#e7fdff,#cad6ff);color:#07334a}.counter .eyebrow{color:#0a6e82}.counter>div{display:flex;justify-content:center;gap:8vw;margin-top:30px}.counter span{display:flex;flex-direction:column;color:#4d7585}.counter strong{font-family:Cormorant Garamond,serif;font-size:clamp(3.5rem,7vw,6rem);line-height:1;color:#07334a}.letter{background:linear-gradient(#021e32cc,#021e32ee),url('assets/images/memory-16.jpg') center/cover fixed}.letter article{max-width:850px;margin:auto;background:#f9fdfcf2;color:#173e4e;padding:clamp(38px,7vw,90px);border-radius:34px;box-shadow:0 30px 90px #0019}.letter article h2{font-size:4rem}.letter article>p:not(.eyebrow):not(.sign){font-family:Cormorant Garamond,serif;font-size:1.3rem;line-height:1.7}.sign b{font-family:Cormorant Garamond,serif;font-size:1.7rem;color:#0b7a8b}.portal{min-height:70vh;display:grid;place-content:center;text-align:center;padding:90px 24px;background:radial-gradient(circle,#284d6c,#081426 60%,#02060e)}.portal h2{margin-bottom:30px}footer{padding:28px 6vw;background:#020a11;color:#7899a6;display:flex;align-items:center;justify-content:space-between;font-size:.82rem}#pearl{width:28px;height:28px;border-radius:50%;background:#050505;border:1px solid #444;color:#111;box-shadow:0 0 18px #fff3;cursor:pointer}#fx,#rain,#stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.rock{background:#050505;color:#eee;min-height:100vh}.back{position:fixed;top:22px;left:22px;z-index:5;color:#aaa}.rock-wrap{position:relative;z-index:3;max-width:1120px;margin:auto;padding:140px 24px 90px}.rock h1{font-family:Special Elite,serif;font-size:clamp(4rem,10vw,9rem)}.red{color:#d1192e;letter-spacing:.2em;font-size:.75rem;font-weight:700}.intro{max-width:720px;color:#aaa;font-size:1.08rem}.rock-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;margin:100px 0}.rock-feature img{height:590px;filter:grayscale(.45) contrast(1.15);border:1px solid #333}.rock-feature h2{font-family:Special Elite,serif}.rock-feature p{color:#aaa}.rock-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.rock-quotes article{border:1px solid #222;padding:30px;min-height:210px}.rock-quotes b{color:#d1192e}.rock-quotes p{font-family:Special Elite,serif;font-size:1.2rem}.rock-end{text-align:center;padding:120px 0 20px;color:#777}.rock-end a{color:#fff;border-bottom:1px solid #d1192e}.space{background:#020615;color:#eef3ff;min-height:100vh}.space nav{position:fixed;color:#cbd7ff}.space-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 24px;position:relative;z-index:3}.space-hero h1 em{color:#a6baff}.space-hero>p:not(.eyebrow){max-width:720px;color:#aeb8cf}.planet,.mini{border-radius:50%;display:block}.planet{position:absolute;z-index:-1}.p1{width:240px;height:240px;left:8vw;top:20vh;background:radial-gradient(circle at 35% 30%,#dab9ff,#6b50b0 45%,#171c45 72%)}.p2{width:150px;height:150px;right:10vw;bottom:18vh;background:radial-gradient(circle at 35% 30%,#9ef5ef,#237f98 45%,#10213e 72%)}.future{position:relative;z-index:3;padding:60px 7vw 120px}.future section{max-width:760px;min-height:450px;margin:90px 0;padding:65px;border:1px solid #ffffff1f;border-radius:34px;background:#ffffff0b;backdrop-filter:blur(14px);position:relative}.future section:nth-child(even){margin-left:auto}.future section>p:not(.eyebrow){color:#aab5cd;max-width:570px}.mini{width:110px;height:110px;position:absolute;right:35px;top:35px}.home{background:radial-gradient(circle at 30% 30%,#ffe8ad,#b46e45 50%,#3a1d31)}.travel{background:radial-gradient(circle at 30% 30%,#b7f7ff,#3274c5 50%,#151b55)}.growth{background:radial-gradient(circle at 30% 30%,#d3ffc1,#3a9463 50%,#123333)}.forever{background:radial-gradient(circle at 30% 30%,#ffc4db,#9c3a75 50%,#36132f)}.constellation{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.constellation>div{font-family:Cormorant Garamond,serif;font-size:2rem;line-height:2;color:#b8caff;text-shadow:0 0 20px #718cff}.constellation h2{max-width:900px}.constellation p{color:#aab5cd}@media(max-width:900px){.ocean nav div{display:none}.hero{grid-template-columns:1fr}.hero-photo{height:65vh}.split,.story,.rock-feature{grid-template-columns:1fr}.four,.strip{grid-template-columns:1fr 1fr}.pair{grid-template-columns:1fr}.adventure{grid-template-columns:1fr 1fr}.final-grid{grid-template-columns:1fr}.final-grid figure,.final-grid .big{height:500px}.rock-quotes{grid-template-columns:1fr}}@media(max-width:600px){.section{padding:78px 20px}.hero{padding:110px 20px 60px}.hero h1,.space-hero h1{font-size:4rem}.four,.strip,.adventure{grid-template-columns:1fr}.adventure .feature,.adventure .wide{grid-row:auto;grid-column:auto}.counter>div{flex-direction:column}.story img{height:500px}.future section{padding:34px 24px}.mini{position:relative;top:auto;right:auto;margin-bottom:26px}footer{flex-direction:column;gap:14px}}

.page-music-toggle{
  position:fixed;right:22px;bottom:22px;z-index:20;
  border:1px solid rgba(255,255,255,.25);border-radius:999px;
  padding:11px 16px;background:rgba(8,8,8,.72);color:#fff;
  font-family:"DM Sans",sans-serif;cursor:pointer;backdrop-filter:blur(12px);
  box-shadow:0 12px 35px rgba(0,0,0,.35)
}
.space-music-toggle{background:rgba(18,27,65,.72);border-color:rgba(180,198,255,.3)}

/* Continuous ocean descent */
.ocean{background:#020b17}.ocean-descent{position:relative;background:linear-gradient(180deg,#052f49 0%,#06465e 17%,#042b43 36%,#021d34 58%,#011325 76%,#020816 100%)}
.ocean-descent>.section,.ocean-descent>.counter{background:transparent!important}.ocean-descent>.section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 20%,rgba(77,213,221,.07),transparent 24%),radial-gradient(circle at 90% 72%,rgba(67,148,190,.06),transparent 22%)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:22vh;background:linear-gradient(transparent,#052f49);pointer-events:none}.depth-meter{position:fixed;z-index:18;right:22px;top:50%;transform:translateY(-50%);width:72px;height:180px;pointer-events:none;display:flex;justify-content:flex-end}.depth-line{position:absolute;right:7px;top:0;width:1px;height:100%;background:linear-gradient(#8afcff,#6679ff);opacity:.35}.depth-dot{position:absolute;right:3px;top:0;width:9px;height:9px;border-radius:50%;background:#a7ffff;box-shadow:0 0 14px #72f4ff;transition:top .12s linear}.depth-meter small{writing-mode:vertical-rl;transform:rotate(180deg);margin-right:22px;color:#a7dfe9;font-size:.58rem;letter-spacing:.22em}
.ocean figure{transition:transform .65s ease,box-shadow .65s ease}.ocean figure:hover{transform:translateY(-7px);box-shadow:0 28px 75px rgba(0,4,14,.6)}.ocean .section{min-height:85vh;display:flex;flex-direction:column;justify-content:center}.counter{background:linear-gradient(180deg,rgba(11,54,74,.35),rgba(2,16,31,.7))!important;color:#dffcff;border-block:1px solid rgba(143,244,255,.1)}.counter .eyebrow,.counter strong{color:#8cf6f1}.counter span{color:#8eb7c5}.letter{background:linear-gradient(rgba(1,15,28,.75),rgba(1,10,22,.94)),url('assets/images/memory-16.jpg') center/cover fixed!important;padding-block:150px}
.portal{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#0c2341 0%,#030b1b 46%,#01040c 100%);color:#ecffff}.portal-copy{position:relative;z-index:5;max-width:920px}.portal h2 em{color:#9efff5;font-style:italic;text-shadow:0 0 32px rgba(101,255,239,.35)}.portal-intro{max-width:610px;margin:20px auto 34px;color:#91b5c4;line-height:1.7}.seabed-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(29,62,94,.48),transparent 48%),linear-gradient(180deg,transparent 55%,rgba(1,5,13,.7));z-index:-1}.fish-field{position:absolute;inset:0;z-index:1;pointer-events:none}
.glow-fish{--s:1;position:absolute;width:54px;height:18px;border-radius:60% 45% 45% 60%;background:radial-gradient(circle at 30% 40%,#fff 0 3%,#9efff3 5%,#1ab4c8 32%,rgba(24,104,154,.15) 70%);filter:drop-shadow(0 0 8px #45e8e9) drop-shadow(0 0 20px #377dff);opacity:.85;animation:fishSwim 10s ease-in-out infinite}.glow-fish:after{content:"";position:absolute;right:-15px;top:1px;border-left:18px solid rgba(62,204,218,.75);border-top:8px solid transparent;border-bottom:8px solid transparent;filter:drop-shadow(0 0 5px #45e8e9)}.glow-fish:before{content:"";position:absolute;left:11px;top:5px;width:3px;height:3px;border-radius:50%;background:white;box-shadow:0 0 6px 2px #fff}.glow-fish b{position:absolute;left:19px;top:8px;width:3px;height:3px;border-radius:50%;background:#c6ffff;box-shadow:9px 2px #8ff,18px -1px #8ff,27px 2px #8ff}.fish-1{left:8%;top:31%;--s:.55;animation-delay:-2s}.fish-2{left:17%;top:68%;--s:.8;animation-delay:-7s}.fish-3{left:73%;top:25%;--s:.65;animation-delay:-4s}.fish-4{left:84%;top:63%;--s:1.05;animation-delay:-9s}.fish-5{left:62%;top:78%;--s:.45;animation-delay:-3s}.fish-6{left:29%;top:18%;--s:.38;animation-delay:-6s}.fish-7{left:5%;top:84%;--s:.42;animation-delay:-1s}.fish-8{left:91%;top:39%;--s:.42;animation-delay:-8s}
.sea-star{position:absolute;color:#a8fff7;text-shadow:0 0 8px #80ffff,0 0 22px #488cff;animation:twinkle 2.8s ease-in-out infinite}.star-1{left:13%;top:49%;font-size:1.3rem}.star-2{left:38%;top:78%;animation-delay:-1s}.star-3{right:18%;top:47%;font-size:1.4rem;animation-delay:-2s}.star-4{right:37%;top:20%;font-size:2rem}.star-5{left:23%;top:27%;animation-delay:-1.8s}.future-btn{gap:13px;padding:17px 28px;color:#041528;background:linear-gradient(135deg,#d7fffb,#71eee9 55%,#8aa7ff);box-shadow:0 0 0 1px rgba(255,255,255,.3),0 0 40px rgba(85,230,232,.22);transition:transform .25s,box-shadow .25s}.future-btn:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 55px rgba(85,230,232,.45)}.future-btn b{font-size:1.2rem;animation:twinkle 2s infinite}
.ocean-floor{position:absolute;left:-5%;right:-5%;bottom:-45px;height:140px;background:#01030a;border-radius:50% 50% 0 0/45% 45% 0 0;z-index:2}.ocean-floor i{position:absolute;bottom:70px;width:7px;height:80px;background:linear-gradient(transparent,#071829);border-radius:100%;transform-origin:bottom}.ocean-floor i:nth-child(1){left:9%;transform:rotate(-18deg)}.ocean-floor i:nth-child(2){left:18%;height:120px;transform:rotate(12deg)}.ocean-floor i:nth-child(3){right:12%;height:110px;transform:rotate(-10deg)}.ocean-floor i:nth-child(4){right:24%;height:70px;transform:rotate(17deg)}.ocean-floor i:nth-child(5){left:50%;height:55px}@keyframes fishSwim{0%,100%{transform:translate3d(-12px,4px,0) scale(var(--s))}50%{transform:translate3d(18px,-9px,0) scale(var(--s))}}@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}
@media(max-width:700px){.depth-meter{right:8px;opacity:.65}.portal h2 br{display:none}.glow-fish{opacity:.62}.ocean .section{min-height:auto}.letter{padding-block:100px}}@media(prefers-reduced-motion:reduce){.glow-fish,.sea-star,.future-btn b{animation:none}.ocean figure{transition:none}}

/* The hidden black pearl */
footer{position:relative;z-index:12;min-height:112px}.pearl-secret{position:relative;width:92px;height:76px;display:grid;place-items:center}.pearl-whisper{position:absolute!important;bottom:72px;left:50%;width:max-content;transform:translate(-50%,8px);padding:8px 12px;border:1px solid rgba(181,138,255,.2);border-radius:99px;background:rgba(2,4,12,.88);color:#b9a6d8!important;font-size:.58rem!important;letter-spacing:.16em;text-transform:uppercase;opacity:0;transition:.35s;pointer-events:none;box-shadow:0 10px 35px #000}.pearl-secret:hover .pearl-whisper,.pearl-secret:focus-within .pearl-whisper{opacity:1;transform:translate(-50%,0)}
#pearl{position:relative;width:48px;height:48px;border:1px solid rgba(188,169,255,.45);padding:0;overflow:visible;background:radial-gradient(circle at 32% 25%,#8973a1 0 3%,#342c45 13%,#080910 48%,#000 72%);box-shadow:inset -8px -10px 15px #000,inset 5px 5px 12px rgba(205,183,255,.18),0 0 14px rgba(134,91,209,.45),0 0 42px rgba(53,27,112,.28);cursor:pointer;animation:pearlPulse 3.6s ease-in-out infinite;transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s,filter .35s;color:transparent}
#pearl:hover,#pearl:focus-visible{transform:scale(1.22) translateY(-4px);filter:saturate(1.4);box-shadow:inset -8px -10px 15px #000,inset 5px 5px 13px rgba(232,220,255,.28),0 0 20px rgba(174,125,255,.85),0 0 70px rgba(86,39,183,.55);outline:none}#pearl:active{transform:scale(.92)}.pearl-shine{position:absolute;width:9px;height:6px;left:11px;top:9px;border-radius:50%;background:rgba(255,255,255,.72);filter:blur(1px);transform:rotate(-30deg)}.pearl-orbit{position:absolute;inset:-13px;border:1px solid rgba(151,115,215,.24);border-radius:50%;animation:orbitSpin 5s linear infinite}.pearl-orbit:before,.pearl-orbit:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#cbb5ff;box-shadow:0 0 8px 2px #855cdb}.pearl-orbit:before{left:2px;top:8px}.pearl-orbit:after{right:1px;bottom:9px}.pearl-ripples,.pearl-ripples:before{position:absolute;inset:13px;border:1px solid rgba(132,87,207,.2);border-radius:50%;content:"";animation:pearlRipple 3s ease-out infinite;pointer-events:none}.pearl-ripples:before{inset:-1px;animation-delay:1.5s}
.pearl-void{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 72%,#28163f 0,#080711 22%,#000 65%);clip-path:circle(0 at 50% 100%);opacity:0;pointer-events:none;transition:clip-path 1.15s cubic-bezier(.7,0,.3,1),opacity .25s}.pearl-void.open{clip-path:circle(150% at 50% 100%);opacity:1}.pearl-void p{position:relative;z-index:2;color:#d4c0fa;font-size:.68rem;letter-spacing:.42em;font-weight:700;opacity:0;transform:translateY(14px);transition:.5s .55s}.pearl-void.open p{opacity:1;transform:none}.void-ring{position:absolute;width:90px;height:90px;border:1px solid #7e55b3;border-radius:50%;box-shadow:0 0 45px #512779,inset 0 0 35px #21102f;transform:scale(.2);opacity:0}.pearl-void.open .void-ring{animation:voidBloom 1.1s .1s ease-out forwards}
@keyframes pearlPulse{0%,100%{transform:translateY(0);box-shadow:inset -8px -10px 15px #000,inset 5px 5px 12px rgba(205,183,255,.18),0 0 12px rgba(134,91,209,.35),0 0 32px rgba(53,27,112,.2)}50%{transform:translateY(-4px);box-shadow:inset -8px -10px 15px #000,inset 5px 5px 12px rgba(205,183,255,.24),0 0 22px rgba(151,102,231,.65),0 0 54px rgba(65,31,135,.4)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes pearlRipple{0%{transform:scale(.7);opacity:.7}100%{transform:scale(2.5);opacity:0}}@keyframes voidBloom{0%{transform:scale(.2);opacity:0}35%{opacity:1}100%{transform:scale(8);opacity:0}}
@media(max-width:600px){footer{padding-block:35px;gap:28px}.pearl-secret{order:3}.pearl-whisper{bottom:68px}}@media(prefers-reduced-motion:reduce){#pearl,.pearl-orbit,.pearl-ripples,.pearl-ripples:before{animation:none}.pearl-void{transition:opacity .35s;clip-path:none}}

/* Black Parade: horizontal paper world */
html:has(.parade-page){overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scroll-snap-type:x proximity}.parade-page{--paper:#e9e6de;--ink:#101010;--parade-red:#a4151b;margin:0;width:max-content;min-width:100vw;height:100vh;overflow:visible;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}.parade-page:after{content:"";position:fixed;inset:0;z-index:80;pointer-events:none;box-shadow:inset 0 0 85px rgba(38,33,25,.25)}.paper-noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.42;background-image:repeating-linear-gradient(87deg,transparent 0 36px,rgba(20,20,18,.045) 37px,transparent 39px),repeating-linear-gradient(3deg,transparent 0 51px,rgba(20,20,18,.035) 52px,transparent 54px);mix-blend-mode:multiply}.paper-noise:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 24%,transparent 0 2px,rgba(0,0,0,.08) 3px,transparent 4px),radial-gradient(circle at 78% 63%,transparent 0 1px,rgba(0,0,0,.1) 2px,transparent 3px);background-size:83px 71px,61px 97px}
.parade-nav{position:fixed;left:0;right:0;top:0;height:72px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;z-index:50;border-bottom:2px solid var(--ink);background:rgba(233,230,222,.91);backdrop-filter:blur(8px);font-family:Special Elite,serif;font-size:.67rem;letter-spacing:.14em}.parade-nav a{color:var(--ink)}.parade-nav button{border:1px solid var(--ink);padding:9px 13px;background:transparent;color:var(--ink);font-size:.62rem;font-weight:800;letter-spacing:.11em;cursor:pointer}.parade-nav button:hover{background:var(--ink);color:var(--paper)}
.parade-track{position:relative;z-index:2;display:flex;width:max-content;height:100vh}.parade-panel{position:relative;flex:0 0 100vw;width:100vw;height:100vh;padding:112px 7vw 90px;overflow:hidden;border-right:3px solid var(--ink);scroll-snap-align:start;background:var(--paper)}.panel-number{position:absolute;right:32px;top:86px;margin:0;font-family:Special Elite,serif;font-size:.61rem;letter-spacing:.2em}.parade-cover{display:flex;align-items:center}.cover-copy{position:relative;z-index:3;max-width:900px}.found,.red-label{color:var(--parade-red);font-weight:800;letter-spacing:.2em;font-size:.7rem}.parade-cover h1{font-family:Special Elite,serif;font-size:clamp(5rem,11vw,10.5rem);line-height:.69;letter-spacing:-.08em;transform:rotate(-2deg);text-shadow:3px 2px 0 rgba(0,0,0,.12)}.parade-cover h1 span{display:block;margin-left:8px;font-family:DM Sans,sans-serif;font-size:.13em;letter-spacing:.4em;line-height:2}.cover-line{margin:36px 0 32px;max-width:470px;font-family:Special Elite,serif;font-size:1.05rem}.scroll-cue{display:inline-block;padding-bottom:6px;border-bottom:2px solid var(--ink);font-size:.67rem;font-weight:800;letter-spacing:.18em;cursor:pointer}.red-sun{position:absolute;right:5vw;bottom:12vh;width:30vw;height:30vw;border-radius:50%;background:var(--parade-red);opacity:.88;box-shadow:inset 18px -12px 0 rgba(0,0,0,.08)}.red-sun:after{content:"";position:absolute;inset:-14%;border:2px solid var(--ink);border-radius:48% 52% 45% 55%;transform:rotate(13deg)}.ink-scratch{position:absolute;background:var(--ink);height:2px;transform-origin:left}.scratch-a{width:48vw;top:21%;right:-10%;transform:rotate(-11deg)}.scratch-b{width:36vw;bottom:25%;left:42%;transform:rotate(7deg)}
.photo-panel{display:grid;grid-template-columns:1.05fr .8fr;gap:7vw;align-items:center}.torn-photo{position:relative;height:min(67vh,700px);padding:13px 13px 56px;background:#f5f3ec;border:2px solid var(--ink);box-shadow:16px 16px 0 var(--parade-red);transform:rotate(-2.3deg)}.torn-photo:after{content:"";position:absolute;inset:-10px;border:1px dashed rgba(0,0,0,.35);transform:rotate(1deg);pointer-events:none}.torn-photo img{filter:grayscale(1) contrast(1.08);object-position:center}.torn-photo span{position:absolute;bottom:17px;left:20px;font-family:Special Elite,serif;font-size:.8rem;letter-spacing:.15em}.panel-copy h2,.exit-copy h2{font-family:Special Elite,serif;font-size:clamp(3.5rem,6vw,7rem);line-height:.87;letter-spacing:-.06em;margin:13px 0 28px}.panel-copy>p:last-child{max-width:530px;line-height:1.7;color:#333}.lyric-panel{display:grid;place-content:center;text-align:center;background:linear-gradient(110deg,var(--paper) 0 70%,var(--parade-red) 70%)}.giant-quote{position:absolute;left:6vw;top:8vh;font-family:Special Elite,serif;font-size:26rem;line-height:1;color:rgba(0,0,0,.08)}.lyric-panel blockquote{position:relative;z-index:2;max-width:900px;margin:0;font-family:Special Elite,serif;font-size:clamp(3rem,6.3vw,7rem);line-height:1.05}.lyric-panel blockquote em{color:var(--parade-red);font-style:normal;border-bottom:5px solid var(--ink)}.ink-heart{position:absolute;right:9vw;top:18vh;font-family:Special Elite,serif;font-size:1.2rem;line-height:1;text-align:center;transform:rotate(8deg)}.ink-heart b{font-size:2.4rem;color:var(--parade-red)}.side-note{position:absolute;left:6vw;bottom:11vh;text-align:left;font-size:.6rem;line-height:1.8;letter-spacing:.17em;font-weight:800}
.manifesto-panel{display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:8vw;background:var(--ink);color:var(--paper)}.manifesto-panel h2{font-family:Special Elite,serif;font-size:clamp(4rem,7.5vw,8rem);line-height:.77;letter-spacing:-.07em}.manifesto-panel ol{list-style:none;margin:0;padding:0}.manifesto-panel li{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:18px;padding:30px 0;border-top:1px solid rgba(233,230,222,.4)}.manifesto-panel li:last-child{border-bottom:1px solid rgba(233,230,222,.4)}.manifesto-panel li b{font-family:Special Elite,serif;font-size:2.4rem;color:#d13940}.manifesto-panel li span{max-width:460px;line-height:1.5}.exit-panel{display:flex;align-items:center;background:linear-gradient(90deg,var(--paper) 0 72%,var(--parade-red) 72%)}.exit-copy{position:relative;z-index:2}.exit-copy h2 em{color:var(--parade-red);font-style:normal}.exit-actions{display:flex;gap:12px;margin-top:32px}.exit-actions a{padding:14px 19px;background:var(--ink);color:var(--paper);font-size:.68rem;font-weight:800;letter-spacing:.14em}.exit-actions .quiet-link{background:transparent;color:var(--ink);border:1px solid var(--ink)}.black-star{position:absolute;right:7vw;font-size:22vw;color:var(--ink);animation:blackStar 7s linear infinite}
.marcher{position:fixed;z-index:45;left:clamp(78px,11vw,180px);bottom:24px;width:75px;height:125px;filter:drop-shadow(3px 5px 1px rgba(0,0,0,.2));pointer-events:none;transform-origin:bottom center}.march-head{position:absolute;left:27px;top:20px;width:25px;height:28px;border:4px solid var(--ink);border-radius:48%;background:var(--paper);transform:rotate(-8deg)}.march-head:before,.march-head:after{content:"";position:absolute;top:6px;width:5px;height:7px;border-radius:50%;background:var(--ink)}.march-head:before{left:4px}.march-head:after{right:4px}.march-head i{position:absolute;left:6px;bottom:4px;width:9px;height:4px;border-top:2px solid var(--ink);box-shadow:0 -3px 0 -1px var(--ink)}.march-plume{position:absolute;left:38px;top:0;width:7px;height:25px;background:var(--ink);transform:rotate(7deg)}.march-plume:before{content:"";position:absolute;top:-10px;left:-4px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:18px solid var(--parade-red);transform:rotate(22deg)}.march-body{position:absolute;left:25px;top:48px;width:31px;height:39px;background:var(--ink);clip-path:polygon(15% 0,85% 0,100% 86%,50% 100%,0 86%)}.march-body:before{content:"";position:absolute;left:14px;top:0;width:3px;height:35px;background:var(--paper);transform:rotate(13deg)}.march-body i{position:absolute;left:3px;right:3px;top:10px;height:4px;border-block:2px solid var(--paper)}.march-arm{position:absolute;top:52px;width:9px;height:43px;background:var(--ink);border-radius:6px;transform-origin:top}.arm-left{left:24px;transform:rotate(52deg)}.arm-right{left:50px;transform:rotate(-66deg)}.march-leg{position:absolute;top:82px;width:10px;height:42px;background:var(--ink);border-radius:7px;transform-origin:top}.leg-left{left:29px;transform:rotate(20deg)}.leg-right{left:44px;transform:rotate(-40deg)}.march-leg:after{content:"";position:absolute;bottom:-3px;left:-1px;width:18px;height:7px;background:var(--ink);border-radius:50% 70% 20% 20%}.march-baton{position:absolute;left:6px;top:43px;width:3px;height:77px;background:var(--ink);transform:rotate(-22deg);transform-origin:top}.march-baton:before{content:"";position:absolute;top:-7px;left:-3px;width:9px;height:9px;border-radius:50%;background:var(--parade-red)}.march-shadow{position:absolute;left:10px;bottom:-7px;width:68px;height:9px;border-radius:50%;background:rgba(0,0,0,.18)}.is-marching .marcher{animation:marchBob .42s ease-in-out infinite}.is-marching .leg-left{animation:legLeft .55s ease-in-out infinite alternate}.is-marching .leg-right{animation:legRight .55s ease-in-out infinite alternate}.progress-rail{position:fixed;z-index:55;left:0;right:0;bottom:0;height:5px;background:rgba(0,0,0,.13)}.progress-rail span{display:block;width:100%;height:100%;background:var(--parade-red);transform:scaleX(0);transform-origin:left}
@keyframes marchBob{50%{transform:translateY(-4px) rotate(-1deg)}}@keyframes legLeft{from{transform:rotate(34deg)}to{transform:rotate(-35deg)}}@keyframes legRight{from{transform:rotate(-42deg)}to{transform:rotate(25deg)}}@keyframes blackStar{to{transform:rotate(360deg)}}
@media(max-width:800px){.parade-nav{padding:0 18px}.parade-nav>span{display:none}.parade-panel{padding-inline:28px}.red-sun{width:55vw;height:55vw;right:-12vw}.photo-panel,.manifesto-panel{grid-template-columns:1fr}.torn-photo{height:49vh;max-width:520px}.panel-copy h2{font-size:3.5rem}.manifesto-panel{padding-top:95px;gap:15px}.manifesto-panel h2{font-size:3.6rem}.manifesto-panel li{padding:16px 0}.black-star{right:2vw;font-size:34vw}.exit-panel{background:linear-gradient(90deg,var(--paper) 0 88%,var(--parade-red) 88%)}.marcher{left:26px;transform:scale(.78);bottom:15px}.exit-actions{flex-direction:column;width:max-content}}@media(prefers-reduced-motion:reduce){.is-marching .marcher,.is-marching .leg-left,.is-marching .leg-right,.black-star{animation:none}}

/* Button-controlled song parade */
html:has(.parade-v2){overflow:hidden;scroll-snap-type:none}.parade-v2{width:100vw;min-width:0;height:100vh;overflow:hidden;background:#e9e6de}.ready-screen{position:fixed;z-index:200;inset:0;display:grid;place-items:center;background:#e9e6de;color:#0b0b0b;transition:clip-path .85s cubic-bezier(.76,0,.24,1);clip-path:inset(0)}.ready-screen.departing{clip-path:inset(0 0 100% 0)}.ready-grain{position:absolute;inset:0;opacity:.32;background:repeating-linear-gradient(92deg,transparent 0 38px,#00000010 39px,transparent 41px),radial-gradient(circle at 70% 25%,#a5141b 0 17vw,transparent 17.2vw)}.ready-back{position:absolute;left:30px;top:28px;z-index:2;font-size:.65rem;font-weight:800;letter-spacing:.16em}.ready-copy{position:relative;z-index:2;text-align:center}.ready-copy p{color:#a5141b;font-size:.67rem;font-weight:800;letter-spacing:.25em}.ready-copy h1{font-family:Special Elite,serif;font-size:clamp(5rem,12vw,11rem);line-height:.72;letter-spacing:-.08em;transform:rotate(-2deg)}.ready-copy h1 em{color:#a5141b;font-style:normal}.ready-copy span{display:block;margin:34px 0 24px;font-family:Special Elite,serif}.ready-copy button{padding:16px 23px;border:2px solid #111;background:#111;color:#eee;font-weight:800;letter-spacing:.15em;cursor:pointer;box-shadow:7px 7px 0 #a5141b;transition:.2s}.ready-copy button:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 #a5141b}
.player-bar{position:fixed;z-index:80;left:0;right:0;top:0;height:70px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#0d0d0fee;color:#eee;border-bottom:1px solid #ffffff26}.player-bar>a{font-size:.62rem;font-weight:800;letter-spacing:.15em}.now-playing{display:flex;align-items:center;gap:10px}.now-playing>i{width:8px;height:8px;border-radius:50%;background:#e02d36;box-shadow:0 0 10px #e02d36;animation:nowPulse 1.4s infinite}.now-playing span{display:flex;flex-direction:column}.now-playing small{font-size:.5rem;letter-spacing:.18em;color:#aaa}.now-playing b{font-family:Special Elite,serif;font-size:.83rem}.player-bar button{justify-self:end;width:38px;height:38px;border:1px solid #ffffff44;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.song-stage{position:fixed;inset:70px 0 0;z-index:3}.song-slide{position:absolute;inset:0;display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:6vw;padding:6vh 8vw 15vh;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .38s,transform .6s,visibility .38s;overflow:hidden}.song-slide.active{opacity:1;visibility:visible;transform:none}.slide-text{position:relative;z-index:3}.track-no{font-size:.62rem;font-weight:800;letter-spacing:.24em}.slide-text h2{font-family:Special Elite,serif;font-size:clamp(3.7rem,6.5vw,7rem);line-height:.83;letter-spacing:-.07em}.slide-text h2 em{font-style:normal}.artist{font-weight:800;letter-spacing:.22em;font-size:.7rem;margin-top:24px}.track-note{max-width:480px;font-family:Special Elite,serif;line-height:1.55}.album-card{position:relative;z-index:3;justify-self:center;width:min(54vh,44vw);height:min(54vh,44vw);padding:11px 11px 45px;background:#f5f3ec;box-shadow:18px 18px 0 var(--accent),0 30px 70px #0005;transform:rotate(1.8deg)}.album-card img{object-fit:cover}.album-card figcaption{position:absolute;left:16px;bottom:14px;font-size:.58rem;font-weight:800;letter-spacing:.17em}.theme-mark{position:absolute;z-index:1;font-family:Special Elite,serif;font-size:19vw;font-weight:800;opacity:.1;white-space:nowrap;transform:rotate(-8deg)}
.slide-parade{--accent:#a5141b;background:#e9e6de;color:#111}.slide-parade em{color:#a5141b}.parade-mark{right:-3vw;bottom:-4vh}.slide-cemetery{--accent:#bd1921;background:radial-gradient(circle at 75% 45%,#382024,#17171b 45%,#08090c);color:#f4eee6}.slide-cemetery em{color:#e02731}.slide-cemetery .album-card{background:#18171b}.slide-cemetery .album-card figcaption{color:#eee}.slide-cemetery .track-note{color:#bbb}.revenge-mark{left:-2vw;bottom:-5vh;color:#e62b33;opacity:.14}.slide-she{--accent:#cf2e23;background:linear-gradient(130deg,#d8eafb,#f8f4da 55%,#dbb56c);color:#2b2418}.slide-she em{color:#b52a20}.dookie-mark{right:-4vw;top:9vh;color:#816321;opacity:.17;transform:rotate(7deg)}.slide-buddy{--accent:#f4d8ca;background:#0799c8;color:#081921}.slide-buddy em{color:#f4d8ca;text-shadow:2px 2px 0 #0a6685}.slide-buddy .album-card{background:#e8f6f8}.weezer-mark{right:3vw;bottom:-7vh;color:#fff;opacity:.18;transform:none}
.slide-controls{position:fixed;z-index:75;left:0;right:0;bottom:0;height:82px;padding:0 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#0d0d0fee;color:#fff;border-top:1px solid #ffffff20}.slide-controls button{width:max-content;padding:12px 17px;border:1px solid #ffffff44;background:transparent;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.14em;cursor:pointer}.slide-controls button:last-child{justify-self:end;background:#f2eee5;color:#111}.slide-controls button:disabled{opacity:.25;cursor:default}.slide-dots{display:flex;gap:9px}.slide-dots i{width:23px;height:3px;background:#ffffff2b;transition:.3s}.slide-dots i.active{background:#e22d36;width:38px}.parade-v2 .parade-marcher{left:6vw;bottom:73px;z-index:90;transform:scale(.75);transition:none}.parade-v2 .parade-marcher.crossing{animation:crossStage 1.3s cubic-bezier(.55,0,.25,1) forwards,marchBounce .28s linear infinite}.parade-v2 .parade-marcher.crossing .leg-left{animation:legLeft .28s ease-in-out infinite alternate}.parade-v2 .parade-marcher.crossing .leg-right{animation:legRight .28s ease-in-out infinite alternate}.parade-v2 .parade-marcher.walk-back{transform:scaleX(-.75) scaleY(.75)}.transition-curtain{position:fixed;z-index:60;inset:70px 0 82px;pointer-events:none;background:#0d0d0f;transform:scaleX(0);transform-origin:right;opacity:.13}.transition-curtain.moving{animation:curtainSweep 1.3s ease-in-out}.transition-curtain.moving:after{content:"NEXT TRACK";position:absolute;left:50%;top:50%;color:#fff;font-family:Special Elite,serif;font-size:1rem;letter-spacing:.4em;transform:translate(-50%,-50%)}
@keyframes nowPulse{50%{opacity:.35;transform:scale(.7)}}@keyframes crossStage{0%{left:6vw}48%,55%{left:48vw}100%{left:88vw}}@keyframes marchBounce{50%{margin-bottom:4px}}@keyframes curtainSweep{0%{transform:scaleX(0);transform-origin:right;opacity:.1}42%,58%{transform:scaleX(1);opacity:.92}59%{transform-origin:left}100%{transform:scaleX(0);transform-origin:left;opacity:.1}}
@media(max-width:760px){.player-bar{grid-template-columns:auto 1fr auto;gap:13px;padding:0 15px}.now-playing{justify-self:center}.song-slide{grid-template-columns:1fr;padding:4vh 22px 16vh;align-content:center;gap:24px}.slide-text h2{font-size:3.2rem}.track-note{display:none}.album-card{width:min(42vh,74vw);height:min(42vh,74vw);grid-row:1;margin-top:10px}.slide-text{grid-row:2}.slide-text h2 br{display:none}.theme-mark{font-size:35vw}.slide-controls{padding:0 14px}.slide-controls button{padding:11px 10px;font-size:.53rem}.slide-dots i{width:12px}.slide-dots i.active{width:22px}.parade-v2 .parade-marcher{transform:scale(.58);left:2vw;bottom:68px}.parade-v2 .parade-marcher.walk-back{transform:scaleX(-.58) scaleY(.58)}.ready-copy h1{font-size:5rem}.ready-copy{padding:20px}.ready-back{left:18px;top:18px}}@media(prefers-reduced-motion:reduce){.parade-v2 .parade-marcher.crossing,.transition-curtain.moving{animation-duration:.8s}.now-playing>i{animation:none}}

/* Interactive track segments */
.slide-dots{position:relative;gap:7px}.slide-dots button{position:relative;width:44px;height:18px;padding:0!important;border:0!important;background:transparent!important;cursor:pointer;overflow:visible}.slide-dots button:after{content:"";position:absolute;left:0;right:0;top:8px;height:3px;background:#ffffff35;transition:width .3s,background .3s,transform .2s}.slide-dots button:hover:after,.slide-dots button:focus-visible:after{background:#fff;transform:scaleY(2)}.slide-dots button.active{width:62px}.slide-dots button.active:after{background:#e22d36}.slide-dots button span{position:absolute;left:50%;bottom:29px;width:max-content;min-width:190px;padding:11px 14px;border:1px solid #ffffff2e;background:#101012f2;color:#fff;box-shadow:0 12px 35px #0008;display:flex;flex-direction:column;gap:3px;opacity:0;visibility:hidden;transform:translate(-50%,7px);transition:.22s;pointer-events:none;text-align:left}.slide-dots button span:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:#101012;transform:translateX(-50%) rotate(45deg)}.slide-dots button:hover span,.slide-dots button:focus-visible span{opacity:1;visibility:visible;transform:translate(-50%,0)}.slide-dots button span b{font-family:Special Elite,serif;font-size:.72rem;letter-spacing:.03em}.slide-dots button span small{color:#aaa;font-size:.48rem;letter-spacing:.14em;text-transform:uppercase}.slide-dots button:focus-visible{outline:1px solid #fff;outline-offset:5px}
@media(max-width:760px){.slide-dots{gap:2px}.slide-dots button{width:20px!important}.slide-dots button.active{width:30px!important}.slide-dots button span{min-width:150px;bottom:27px}.slide-dots button:nth-child(1) span{left:0;transform:translate(0,7px)}.slide-dots button:nth-child(1):hover span,.slide-dots button:nth-child(1):focus-visible span{transform:translate(0,0)}}

/* Seven-region future planet */
.future-planet-page{height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 45%,#0c1838 0,#030819 48%,#01030c 100%)}.future-planet-page #stars{z-index:0}.future-nav{position:fixed!important;z-index:40!important;height:68px;padding:0 34px!important;align-items:center;background:linear-gradient(#020615dd,transparent);font-size:.7rem;letter-spacing:.12em}.future-nav button{border:1px solid #ffffff32;border-radius:99px;padding:9px 13px;background:#ffffff0b;color:#e9efff;font-size:.58rem;font-weight:800;letter-spacing:.13em;cursor:pointer}.planet-experience{position:relative;z-index:3;width:100vw;height:100vh}.planet-intro{position:absolute;z-index:4;left:6vw;top:50%;width:min(36vw,540px);transform:translateY(-50%);transition:opacity .45s,transform .65s}.planet-intro h1{font-family:Cormorant Garamond,serif;font-size:clamp(3.7rem,6vw,7rem);line-height:.85;letter-spacing:-.045em}.planet-intro h1 em{color:#a7b8ff}.planet-intro>p:last-child{max-width:440px;color:#9caac8;line-height:1.65}.planet-scene{position:absolute;z-index:3;right:2vw;top:50%;width:min(62vw,820px);height:min(82vh,820px);transform:translateY(-50%);display:grid;place-items:center;transition:width .7s,right .7s}.planet-wrap{--focus-x:0px;--focus-y:0px;position:relative;width:min(70vh,650px);height:min(70vh,650px);transition:transform .9s cubic-bezier(.68,0,.22,1),opacity .5s}.future-globe{position:relative;z-index:2;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 28px 50px #000a)}.planet-aura{position:absolute;inset:7%;border-radius:50%;background:#78aaff;filter:blur(50px);opacity:.2;animation:auraPulse 4s ease-in-out infinite}.planet-region{cursor:pointer;transition:filter .25s,opacity .25s,transform .3s;transform-origin:300px 300px;outline:none}.planet-region:hover,.planet-region:focus,.planet-region.selected{filter:url(#regionGlow) brightness(1.35);transform:scale(1.025)}.planet-region:hover~.planet-region{opacity:.88}.orbit{position:absolute;border:1px solid #9eb7ff22;border-radius:50%;pointer-events:none}.orbit-one{width:92%;height:34%;transform:rotate(-14deg)}.orbit-two{width:74%;height:102%;transform:rotate(26deg)}.orbit-one:before,.orbit-two:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#d7e0ff;box-shadow:0 0 14px #92adff}.orbit-one:before{left:12%;top:20%}.orbit-two:before{right:7%;bottom:25%}.planet-tooltip{position:fixed;z-index:50;min-width:220px;padding:13px 16px;background:#070d20ec;border:1px solid #c7d6ff3a;box-shadow:0 18px 50px #0009;backdrop-filter:blur(12px);pointer-events:none;opacity:0;transform:translate(-50%,-100%) translateY(-14px);transition:opacity .18s;display:flex;flex-direction:column}.planet-tooltip.visible{opacity:1}.planet-tooltip small{color:#8299d7;font-size:.5rem;letter-spacing:.17em}.planet-tooltip b{margin:4px 0 7px;font-family:Cormorant Garamond,serif;font-size:1.1rem}.planet-tooltip span{font-size:.47rem;letter-spacing:.17em;color:#93f0e9}.planet-hint{position:absolute;bottom:2%;color:#8594b4;font-size:.59rem;letter-spacing:.15em;text-transform:uppercase}.planet-hint i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#84f1e9;box-shadow:0 0 10px #84f1e9;animation:nowPulse 1.4s infinite}
.future-reveal{position:fixed;z-index:20;left:8vw;top:50%;width:min(43vw,620px);max-height:82vh;overflow:auto;padding:45px;transform:translate(-35px,-45%);opacity:0;visibility:hidden;transition:.55s .28s;background:linear-gradient(135deg,#0b132cd9,#080c1de8);border:1px solid #b9c8ff2e;border-radius:30px;box-shadow:0 35px 100px #0009;backdrop-filter:blur(18px)}.future-reveal.visible{opacity:1;visibility:visible;transform:translate(0,-50%)}.close-future{border:0;background:transparent;color:#aebddd;font-size:.58rem;font-weight:800;letter-spacing:.15em;cursor:pointer;padding:0 0 30px}.reveal-number{color:#8398d4;font-size:.58rem;font-weight:800;letter-spacing:.2em}.reveal-symbol{float:right;margin-top:-42px;font-size:3.5rem;text-shadow:0 0 30px currentColor}.future-reveal h2{font-family:Cormorant Garamond,serif;font-size:clamp(3rem,5vw,5rem);line-height:.92}.reveal-thought{font-family:Cormorant Garamond,serif;color:#ccd5eb;font-size:1.25rem;line-height:1.6}.reveal-promise{margin-top:28px;padding:20px 0 0;border-top:1px solid #ffffff20}.reveal-promise span{color:#8999bd;font-size:.52rem;font-weight:800;letter-spacing:.17em}.reveal-promise p{color:#f1f4ff;font-size:.83rem;line-height:1.6}.reveal-nav{display:flex;align-items:center;gap:14px;margin-top:25px}.reveal-nav button{width:38px;height:38px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff09;color:white;cursor:pointer}.reveal-nav span{font-size:.54rem;letter-spacing:.16em;color:#8999bd}.future-open .planet-intro{opacity:0;transform:translate(-40px,-50%);pointer-events:none}.future-open .planet-scene{right:-9vw;width:62vw}.future-open .planet-wrap{transform:translate(var(--focus-x),var(--focus-y)) scale(2.05);opacity:.62}.future-open .orbit,.future-open .planet-hint{opacity:0}
@keyframes auraPulse{50%{opacity:.34;transform:scale(1.04)}}
@media(max-width:900px){.planet-intro{left:25px;top:88px;width:calc(100vw - 50px);transform:none;text-align:center}.planet-intro h1{font-size:3.4rem}.planet-intro h1 br{display:none}.planet-intro>p:last-child{margin-inline:auto}.planet-scene{right:0;top:61%;width:100vw;height:60vh}.planet-wrap{width:min(57vh,90vw);height:min(57vh,90vw)}.planet-hint{bottom:-1%}.future-reveal{left:20px;right:20px;top:auto;bottom:88px;width:auto;max-height:67vh;padding:28px;transform:translateY(25px)}.future-reveal.visible{transform:none}.future-open .planet-scene{right:-30vw;width:100vw}.future-open .planet-wrap{transform:translate(90px,-160px) scale(1.8);opacity:.35}.future-open .planet-intro{transform:translateY(-25px)}.future-reveal h2{font-size:3rem}.reveal-thought{font-size:1.05rem}.future-nav{padding:0 18px!important}}@media(max-width:520px){.planet-intro h1{font-size:2.8rem}.planet-intro>p:last-child{font-size:.85rem}.planet-scene{top:63%}.future-reveal{bottom:28px}.reveal-symbol{font-size:2.5rem}.future-reveal h2{font-size:2.5rem}.future-open .planet-wrap{transform:translate(80px,-190px) scale(1.7)}}@media(prefers-reduced-motion:reduce){.planet-wrap,.planet-intro,.planet-scene,.future-reveal{transition-duration:.15s}.planet-aura{animation:none}}

/* Planet surface detail */
.planet-region{fill-opacity:.42;mix-blend-mode:screen}.planet-region:hover,.planet-region:focus,.planet-region.selected{fill-opacity:.7}.planet-geography{opacity:.92}.planet-clouds{transform-origin:300px 300px;animation:cloudDrift 28s ease-in-out infinite alternate}.future-globe:after{content:""}.future-open .planet-clouds{animation-play-state:paused}@keyframes cloudDrift{0%{transform:translateX(-7px) rotate(-1deg)}100%{transform:translateX(10px) rotate(1.5deg)}}@media(prefers-reduced-motion:reduce){.planet-clouds{animation:none}}

/* Chapter 6 readability in the deep-ocean treatment */
.ocean #gallery{color:#efffff}.ocean #gallery .eyebrow{color:#8ff8f1}.ocean #gallery h2{color:#f7ffff;text-shadow:0 3px 24px rgba(0,0,0,.42)}.ocean #gallery figcaption{color:#f2ffff}

/* Interactive solar-system future */
.solar-future-page{height:100vh;overflow:hidden;background:#030516;color:#f5f2ff}.solar-future-page #stars{z-index:0}.space-mist{position:fixed;inset:-25%;z-index:1;pointer-events:none;background:radial-gradient(circle at 68% 45%,#6141ba33,transparent 32%),radial-gradient(circle at 45% 85%,#157d9d24,transparent 35%),radial-gradient(circle at 10% 15%,#c85c9a1c,transparent 27%);filter:blur(20px)}.solar-experience{position:relative;z-index:3;width:100vw;height:100vh}.solar-intro{position:absolute;left:6vw;top:50%;z-index:6;width:min(34vw,490px);transform:translateY(-50%);transition:opacity .55s,transform .75s}.solar-intro h1{font-family:Cormorant Garamond,serif;font-size:clamp(4rem,6.8vw,7.5rem);line-height:.78;letter-spacing:-.055em}.solar-intro h1 em{color:#d6c1ff;text-shadow:0 0 40px #ad85ff4d}.solar-intro>p:not(.eyebrow):not(.solar-instruction){max-width:440px;color:#aeb3ca;font-size:.96rem;line-height:1.7}.solar-instruction{margin-top:27px;color:#d9dded;font-size:.63rem;letter-spacing:.15em;text-transform:uppercase}.solar-instruction i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#ffdca0;box-shadow:0 0 14px #ffc359;animation:nowPulse 1.8s infinite}.solar-system{position:absolute;right:-1vw;top:50%;width:min(66vw,880px);height:min(88vh,880px);transform:translateY(-50%);transition:transform .9s cubic-bezier(.68,0,.22,1),opacity .5s;display:grid;place-items:center}.orbit-line,.orbit-track{position:absolute;left:50%;top:50%;border-radius:50%}.orbit-line{border:1px solid #c7d2ff29;box-shadow:inset 0 0 30px #7b75d20a;pointer-events:none}.orbit-line-one{width:38%;height:38%;transform:translate(-50%,-50%) rotate(-12deg)}.orbit-line-two{width:64%;height:52%;transform:translate(-50%,-50%) rotate(15deg)}.orbit-line-three{width:91%;height:73%;transform:translate(-50%,-50%) rotate(-10deg)}.orbit-track{width:0;height:0;z-index:3;animation:solarOrbit var(--speed) linear infinite}.track-home{--radius:min(16vh,150px);--speed:19s}.track-dreams{--radius:min(27vh,255px);--speed:28s;animation-delay:-10s}.track-joy{--radius:min(39vh,370px);--speed:38s;animation-delay:-25s}.celestial{position:absolute;border:0;color:white;cursor:pointer;background:transparent;font:inherit;outline:none}.celestial:focus-visible .planet-face,.celestial:focus-visible .sun-core{outline:2px solid white;outline-offset:7px}.sun{z-index:4;width:150px;height:150px;transform:translate(-50%,-50%)}.sun-core,.sun-rays{position:absolute;inset:0;border-radius:50%}.sun-core{inset:17px;background:radial-gradient(circle at 35% 28%,#fffce7 0 8%,#ffe985 22%,#ffad3e 51%,#e65023 78%,#8a1d3f);box-shadow:0 0 24px #ffc44c,0 0 75px #ff8b32d1,0 0 150px #ff663666;animation:sunBreathe 4s ease-in-out infinite}.sun-rays{background:repeating-conic-gradient(from 5deg,#ffb43ed1 0 3deg,transparent 3deg 12deg);filter:blur(4px);animation:sunSpin 18s linear infinite}.planet{left:0;top:0;width:var(--size);height:var(--size);transform:translate(calc(var(--radius) - 50%),-50%);animation:counterOrbit var(--speed) linear infinite}.track-dreams .planet{animation-delay:-10s}.track-joy .planet{animation-delay:-25s}.planet-face{position:absolute;inset:0;display:block;overflow:hidden;border-radius:50%;transition:transform .35s,filter .35s,box-shadow .35s}.planet-home{--size:88px}.planet-home .planet-face{background:radial-gradient(circle at 32% 24%,#fff0bd,#cf825f 39%,#6e3c63 70%,#251e4f);box-shadow:inset -18px -14px 30px #120d35aa,0 0 25px #d78e8844}.planet-house{position:absolute;left:31%;top:28%;font-size:29px;font-style:normal;color:#fff1d2;text-shadow:0 0 10px #78344d}.planet-dreams{--size:70px}.planet-dreams .planet-face{background:radial-gradient(circle at 30% 22%,#d9f7ff,#559cce 38%,#374d99 67%,#161c50);box-shadow:inset -15px -12px 25px #090e3da8,0 0 24px #75b9e955}.planet-dreams .planet-face i,.planet-dreams .planet-face b{position:absolute;width:37px;height:9px;border-radius:50%;border-top:3px solid #eaf8ff99;transform:rotate(-17deg);left:5px;top:24px}.planet-dreams .planet-face b{left:28px;top:45px;width:25px;transform:rotate(12deg)}.planet-joy{--size:104px}.planet-joy .planet-face{background:radial-gradient(circle at 34% 24%,#fff9d6,#81cf9a 35%,#35898a 61%,#173e63);box-shadow:inset -22px -18px 30px #092846a8,0 0 27px #6ce2bc55}.planet-joy .planet-face:before,.planet-joy .planet-face:after{content:"";position:absolute;border-radius:45% 55%;background:#e7ce72;opacity:.63}.planet-joy .planet-face:before{width:40px;height:21px;left:8px;top:49px;transform:rotate(24deg)}.planet-joy .planet-face:after{width:27px;height:16px;right:10px;top:24px;transform:rotate(-19deg)}.celestial-label{position:absolute;left:50%;top:calc(100% + 13px);width:150px;transform:translateX(-50%);font-family:Cormorant Garamond,serif;font-size:1.03rem;text-shadow:0 2px 12px #000;opacity:.83;transition:opacity .25s}.celestial-label small{display:block;margin-bottom:2px;font-family:DM Sans,sans-serif;color:#969fbe;font-size:.42rem;font-weight:700;letter-spacing:.18em}.sun .celestial-label{top:100%}.celestial:hover .planet-face,.celestial.selected .planet-face{transform:scale(1.13);filter:brightness(1.16);box-shadow:0 0 0 1px #fff8,0 0 45px currentColor}.celestial:hover .celestial-label,.celestial:focus-visible .celestial-label{opacity:1}.celestial.selected{z-index:9}.celestial.selected .planet-face,.celestial.selected .sun-core{transform:scale(1.4);filter:brightness(1.2)}
.cosmic-story{position:fixed;left:7vw;top:50%;z-index:30;width:min(45vw,650px);max-height:84vh;overflow:auto;padding:47px 50px;border:1px solid #dedaff33;border-radius:32px;background:linear-gradient(145deg,#121435f0,#06081bf2);box-shadow:0 35px 100px #000b;backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translate(-35px,-46%);transition:opacity .5s .25s,transform .65s .25s,visibility .5s}.cosmic-story[aria-hidden="false"]{opacity:1;visibility:visible;transform:translate(0,-50%)}.story-close{border:0;background:transparent;color:#b4b9d1;padding:0 0 34px;font-size:.56rem;font-weight:700;letter-spacing:.15em;cursor:pointer}.story-orb{float:right;width:72px;height:72px;margin:-6px 0 10px 22px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff,#ffd66d 25%,#ed7334 62%,#5b204b);box-shadow:0 0 35px #e9795299}.cosmic-story[data-theme="home"] .story-orb{background:radial-gradient(circle at 32% 25%,#fff1c5,#cc7c60 40%,#56345b 74%)}.cosmic-story[data-theme="dreams"] .story-orb{background:radial-gradient(circle at 32% 25%,#dcf9ff,#599dd0 42%,#252d76 76%)}.cosmic-story[data-theme="joy"] .story-orb{background:radial-gradient(circle at 32% 25%,#fff8d0,#72c791 40%,#245676 76%)}.story-kicker{color:#ba9ffc;font-size:.59rem;font-weight:700;letter-spacing:.2em}.cosmic-story h2{font-family:Cormorant Garamond,serif;font-size:clamp(3.2rem,5vw,5.1rem);line-height:.87;letter-spacing:-.035em}.story-message{font-family:Cormorant Garamond,serif;color:#d8d9e7;font-size:1.24rem;line-height:1.55}.story-promise{margin-top:25px;padding-top:21px;border-top:1px solid #ffffff26}.story-promise span{color:#9299b8;font-size:.5rem;font-weight:700;letter-spacing:.18em}.story-promise p{color:#f3efff;font-size:.82rem;line-height:1.65}.story-signoff{margin-top:28px;color:#a8aec8;font-family:Cormorant Garamond,serif;font-style:italic}.cosmic-story-open .solar-intro{opacity:0;transform:translate(-45px,-50%);pointer-events:none}.cosmic-story-open .solar-system{transform:translate(19vw,-50%) scale(1.35);opacity:.42}.cosmic-story-open .orbit-track{animation-play-state:paused}
@keyframes solarOrbit{to{transform:rotate(360deg)}}@keyframes counterOrbit{to{transform:translate(calc(var(--radius) - 50%),-50%) rotate(-360deg)}}@keyframes sunSpin{to{transform:rotate(360deg)}}@keyframes sunBreathe{50%{transform:scale(1.06);box-shadow:0 0 35px #ffd15b,0 0 95px #ff8b32e6,0 0 170px #ff663678}}
@media(max-width:900px){.solar-intro{left:24px;top:92px;width:calc(100vw - 48px);transform:none;text-align:center}.solar-intro h1{font-size:3.6rem;line-height:.82}.solar-intro h1 br{display:none}.solar-intro>p:not(.eyebrow):not(.solar-instruction){margin-inline:auto}.solar-instruction{display:none}.solar-system{right:0;top:64%;width:100vw;height:64vh}.track-home{--radius:min(13vh,100px)}.track-dreams{--radius:min(23vh,185px)}.track-joy{--radius:min(34vh,270px)}.sun{width:120px;height:120px}.cosmic-story{left:18px;right:18px;top:auto;bottom:24px;width:auto;max-height:72vh;padding:30px;transform:translateY(25px)}.cosmic-story[aria-hidden="false"]{transform:none}.cosmic-story-open .solar-system{transform:translate(24vw,-20%) scale(1.2);opacity:.25}.cosmic-story-open .solar-intro{transform:translateY(-25px)}.future-nav{padding:0 18px!important}.future-nav>span{display:none}.cosmic-story h2{font-size:3rem}.story-message{font-size:1.08rem}}@media(max-width:520px){.solar-intro h1{font-size:3rem}.solar-intro>p:not(.eyebrow):not(.solar-instruction){font-size:.82rem}.solar-system{top:65%;transform:translateY(-50%) scale(.88)}.track-joy{--radius:min(37vh,245px)}.planet-home{--size:74px}.planet-dreams{--size:61px}.planet-joy{--size:85px}.celestial-label{font-size:.92rem}.cosmic-story{padding:26px 24px}.story-orb{width:55px;height:55px}.cosmic-story h2{font-size:2.55rem}.story-close{padding-bottom:22px}}@media(prefers-reduced-motion:reduce){.orbit-track,.planet,.sun-rays,.sun-core{animation:none}.track-home .planet{transform:translate(95px,-50%)}.track-dreams .planet{transform:translate(-190px,-50%)}.track-joy .planet{transform:translate(80px,170px)}.solar-system,.solar-intro,.cosmic-story{transition-duration:.2s}}

/* Script-free celestial story navigation */
.orbit-track{animation:none}.orbit-track .planet{animation:none}.track-home{transform:rotate(-55deg)}.track-home .planet{transform:translate(calc(var(--radius) - 50%),-50%) rotate(55deg)}.track-dreams{transform:rotate(155deg)}.track-dreams .planet{transform:translate(calc(var(--radius) - 50%),-50%) rotate(-155deg)}.track-joy{transform:rotate(35deg)}.track-joy .planet{transform:translate(calc(var(--radius) - 50%),-50%) rotate(-35deg)}
.cosmic-story:target{opacity:1;visibility:visible;transform:translate(0,-50%)}
@media(max-width:900px){.cosmic-story:target{transform:none}}