@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;700;800&family=Poppins:wght@200;300;400;500;600;800&display=swap');
:root{--ink:#f4f1ea;--acid:#caff4b;--bg:#050508}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}header{position:fixed;z-index:30;top:0;left:0;right:0;height:78px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15);mix-blend-mode:difference}.brand{font-size:18px;font-weight:800;letter-spacing:.25em;animation:brand-glow 9s ease-in-out infinite}.brand span{font-size:9px;vertical-align:top}@keyframes brand-glow{0%,42%,100%{text-shadow:none}14%{text-shadow:0 0 14px rgba(94,200,255,.95),0 0 34px rgba(94,200,255,.5)}64%,86%{text-shadow:0 0 14px rgba(120,255,180,.95),0 0 34px rgba(120,255,180,.5)}}.progress{position:absolute;width:180px;height:1px;background:rgba(255,255,255,.2);left:50%;transform:translateX(-50%)}.progress i{display:block;width:var(--progress,0%);height:1px;background:#fff}#sound{display:flex;align-items:center;gap:3px;background:none;border:0;height:30px}#sound b{width:1px;height:8px;background:#fff}#sound b:nth-child(2){height:15px}#sound[aria-pressed=true] b{animation:bars .65s infinite alternate}
.scroll-world{height:650vh;position:relative}.sticky-stage{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;background:#000}#sequence,#particles{position:absolute;inset:0;width:100%;height:100%}#particles{z-index:3;pointer-events:none}.vignette{position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,rgba(3,3,6,.45),transparent 38%,transparent 68%,rgba(3,3,6,.28)),linear-gradient(0deg,rgba(3,3,6,.45),transparent 35%);pointer-events:none}.grain{position:absolute;inset:0;z-index:10;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.story{position:absolute;z-index:8;left:5vw;top:50%;max-width:700px;opacity:0;transform:translateY(calc(-50% + 40px));transition:opacity .55s,transform .8s cubic-bezier(.16,1,.3,1);pointer-events:none}.story.is-visible{opacity:1;transform:translateY(-50%);pointer-events:auto}.story p,.story span,.story a,.story small,.next p,.next span,aside{font-weight:500;font-family:Poppins,sans-serif;letter-spacing:.16em}.story p{font-size:11px;color:var(--acid);margin:0 0 28px}.story h1,.story h2{font-weight:200;line-height:.75;letter-spacing:-.075em;margin:0}.story h1{font-size:clamp(70px,10vw,165px)}.story h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}.story h2{font-size:clamp(78px,11vw,178px)}.story>span{display:block;font-size:10px;margin-top:42px;color:#c5c1c8}.story--joy{left:auto;right:5vw;text-align:right}.story--joy>span{max-width:390px;margin-left:auto;line-height:1.8}.story a{display:inline-flex;gap:50px;border-bottom:1px solid rgba(255,255,255,.5);padding:18px 0;margin-top:28px;font-size:11px}.story a b{font-size:17px}.story small{display:block;color:rgba(255,255,255,.45);font-size:9px;margin-top:18px}aside{position:absolute;z-index:8;left:3vw;bottom:35px;display:flex;align-items:center;gap:14px;font-size:10px}aside i{width:70px;height:1px;background:rgba(255,255,255,.4)}
.loader{position:absolute;inset:0;z-index:20;background:#060609;display:grid;place-content:center;gap:18px;transition:opacity .8s;pointer-events:none}.loader.is-done{opacity:0}.loader span{font:500 9px Poppins,sans-serif;letter-spacing:.2em}.loader i{height:1px;width:180px;background:linear-gradient(90deg,var(--acid) var(--load,0%),rgba(255,255,255,.15) 0)}.next{height:100vh;padding:15vh 6vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 70% 50%,#15102a,#050508 55%)}.next p{font-size:11px;color:#a17cff}.next h2{font-size:clamp(75px,12vw,190px);line-height:.75;letter-spacing:-.08em;font-weight:200;margin:30px 0}.next span{font-size:10px;color:#918d98}@keyframes bars{to{height:3px}}
@media(max-width:700px){header{height:64px;padding:0 18px}.progress{width:90px}.scroll-world{height:500vh}.story{left:20px;right:20px;top:auto;bottom:13vh;transform:translateY(30px)}.story.is-visible{transform:none}.story h1,.story h2{font-size:19vw}.story--joy{text-align:left}.story--joy>span{margin-left:0}.story small{max-width:270px;line-height:1.5}aside{left:20px;right:150px;bottom:22px;gap:8px}aside i{width:34px}.next{padding:10vh 22px}}@media(prefers-reduced-motion:reduce){.scroll-world{height:200vh}.story{transition:none}}