@font-face{font-family:"Source Serif 4";src:url(/fonts/SourceSerif4-Light-latin.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--bg:#05070a;--ink:#eef2f6;--ink-dim:rgba(238,242,246,.58);--ice:#a9c9e6;--ease:cubic-bezier(.22,.8,.24,1);--gutter:clamp(20px,5vw,72px)}*{box-sizing:border-box;margin:0}html{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:Satoshi,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;cursor:default}#stage{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;display:block;z-index:0}.scroll-space{height:1900vh;pointer-events:none}.mark{position:fixed;top:calc(clamp(18px,3.2vw,36px) + env(safe-area-inset-top));left:calc(var(--gutter) + env(safe-area-inset-left));z-index:3;display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.14em;text-transform:lowercase;color:var(--ink);opacity:0;animation:in 1.6s var(--ease) .8s forwards}.mark img{width:34px;height:34px;margin:-6px 0 -6px -6px;display:block}#copy{position:fixed;left:var(--gutter);top:50%;z-index:2;width:min(34rem,calc(100vw - var(--gutter)*2));transform:translateY(-50%);pointer-events:none}.line{position:absolute;left:0;top:0;transform:translateY(-50%);width:100%;opacity:0;will-change:opacity,transform,filter;font-family:"Source Serif 4",Georgia,serif;font-weight:300;font-size:clamp(2rem,4.6vw,4.1rem);line-height:1.06;letter-spacing:-.018em;text-wrap:balance}.cta-wrap p{font-size:clamp(1.5rem,2.6vw,2.3rem);color:var(--ink-dim);margin-bottom:1.6rem}.cta{pointer-events:auto;display:inline-flex;align-items:center;gap:14px;padding:16px 26px 16px 28px;border-radius:999px;font:500 15px/1 Satoshi,sans-serif;letter-spacing:.02em;color:#06080b;background:var(--ink);text-decoration:none;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .4s;will-change:transform;box-shadow:0 0 #a9c9e600}.cta svg{width:16px;height:16px;transition:transform .5s var(--ease)}.cta:hover,.cta:focus-visible{box-shadow:0 10px 60px -12px #a9c9e68c;background:#fff}.cta:hover svg,.cta:focus-visible svg{transform:translate(5px)}.cta:focus-visible{outline:2px solid var(--ice);outline-offset:4px}.sound{position:fixed;right:calc(var(--gutter) + env(safe-area-inset-right));bottom:calc(clamp(18px,3.2vw,36px) + env(safe-area-inset-bottom));z-index:3;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:#ffffff0a;color:var(--ink-dim);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff17;cursor:pointer;transition:color .4s,background .4s,transform .5s var(--ease)}.sound:hover{color:var(--ink);background:#ffffff14;transform:scale(1.06)}.sound:focus-visible{outline:2px solid var(--ice);outline-offset:3px}.sound svg{width:20px;height:20px}.sound .bars path,.sound .bars{transition:opacity .3s}.sound[aria-pressed=false] svg{opacity:.55}.sound[aria-pressed=true] svg path{animation:eq 1.1s ease-in-out infinite alternate;transform-origin:center}@keyframes eq{0%{opacity:.55}to{opacity:1}}.cursor,.trail i{position:fixed;left:0;top:0;pointer-events:none;border-radius:50%}.cursor{width:12px;height:12px;margin:-6px 0 0 -6px;z-index:5;opacity:0;background:radial-gradient(circle,#fff 0,#ffeccf 38%,#ffc48200 72%);box-shadow:0 0 16px 5px #ffcd966b;transition:width .45s var(--ease),height .45s var(--ease),margin .45s var(--ease),background .4s,box-shadow .4s,opacity .4s}.cursor.on{opacity:1}.cursor.cool{background:radial-gradient(circle,#fff 0,#dcecff 38%,#96c3ff00 72%);box-shadow:0 0 18px 6px #96c3ff66}.cursor.big{width:58px;height:58px;margin:-29px 0 0 -29px;background:#eef2f60f;box-shadow:inset 0 0 0 1px #eef2f68c,0 0 28px #ffcd9640}.cursor.big.cool{box-shadow:inset 0 0 0 1px #c8e1ff99,0 0 28px #96c3ff47}.trail{position:fixed;inset:0;z-index:4;pointer-events:none}.trail i{width:9px;height:9px;margin:-4.5px 0 0 -4.5px;background:#ffd6aa80;filter:blur(1.5px)}.trail i:nth-child(1){opacity:.5;scale:.9}.trail i:nth-child(2){opacity:.42;scale:.8}.trail i:nth-child(3){opacity:.34;scale:.7}.trail i:nth-child(4){opacity:.27;scale:.6}.trail i:nth-child(5){opacity:.2;scale:.5}.trail i:nth-child(6){opacity:.14;scale:.4}.trail i:nth-child(7){opacity:.09;scale:.32}.trail i:nth-child(8){opacity:.05;scale:.25}@media(hover:none),(pointer:coarse){.cursor,.trail{display:none}}@media(hover:hover)and (pointer:fine){html,body,a,button{cursor:none}}.cue{position:fixed;left:50%;bottom:clamp(18px,3.2vw,36px);z-index:3;width:1px;height:46px;transform:translate(-50%);background:linear-gradient(to bottom,#eef2f600,#eef2f680);overflow:hidden;opacity:0;animation:in 1.4s var(--ease) 2.4s forwards;transition:opacity .8s}.cue.gone{animation:none;opacity:0}.cue span{position:absolute;left:0;top:-40%;width:1px;height:40%;background:#fff;animation:drop 2.2s var(--ease) infinite}@keyframes drop{to{top:100%}}.line .w{display:inline-block;will-change:opacity,transform,filter}@keyframes in{to{opacity:.9}}@media(max-width:760px){#copy{top:max(15vh,96px);transform:none}.line{top:0;transform:none;font-size:clamp(1.9rem,8.6vw,2.6rem)}.cta-wrap p{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.mark{animation:none;opacity:.9}.cta,.cta svg{transition:none}.cue span{animation:none}}.no-gl #stage,.no-gl .scroll-space,.no-gl .sound,.no-gl .cursor,.no-gl .line:not(.cta-wrap){display:none}.no-gl body{background:#05070a url(/art/hexagone-ring.webp) 78% 50%/min(70vh,70vw) no-repeat}.no-gl .cta-wrap{position:static;opacity:1!important;transform:none!important;filter:none!important;pointer-events:auto}.no-gl #copy{pointer-events:auto}@media(max-width:760px){.cta{padding:16px 22px 16px 24px;max-width:100%}.line{text-wrap:balance}}@media(max-height:480px)and (orientation:landscape){#copy{top:50%;transform:translateY(-50%);width:min(24rem,52vw)}.line{top:50%;transform:translateY(-50%);font-size:clamp(1.4rem,5vw,2rem)}.cta-wrap p{font-size:1rem;margin-bottom:.8rem}}html{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand:focus-visible{outline:2px solid var(--ice);outline-offset:6px;border-radius:6px}