@property --r{syntax:"<length>";inherits:false;initial-value:0}*,:before,:after{box-sizing:border-box}:root{--ink:#f2e9dc;--beat:0;--ox:50vw;--oy:50vh;--ease-out:cubic-bezier(.16, 1, .3, 1)}html,body{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#000;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}[hidden]{display:none!important}#stage{will-change:transform;position:fixed;inset:-3%;transform:scale(1.04)}#bg{object-fit:cover;filter:brightness(.82)contrast(1.06)saturate(.9);width:100%;height:100%}.shade{pointer-events:none;background:radial-gradient(130% 95% at 50% 42%, transparent 38%, rgb(0 0 0/calc(.6 - var(--beat) * .18)) 100%), linear-gradient(to bottom, transparent 60%, #0000008c);position:fixed;inset:0}.veil{--r:0px;z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(16px)brightness(.55);-webkit-mask:radial-gradient(circle at var(--ox) var(--oy), transparent var(--r), #000 calc(var(--r) + 40px));mask:radial-gradient(circle at var(--ox) var(--oy), transparent var(--r), #000 calc(var(--r) + 40px));-webkit-mask:radial-gradient(circle at var(--ox) var(--oy), transparent var(--r), #000 calc(var(--r) + 40px));transition:--r 1.5s var(--ease-out);background:#08060473;position:fixed;inset:0}.entered .veil{--r:150vmax}.grain{z-index:3;pointer-events:none;opacity:.08;mix-blend-mode:overlay;animation:.9s steps(6,end) infinite grain;position:fixed;inset:-100%}@keyframes grain{0%{transform:translate(0)}17%{transform:translate(-7%,4%)}33%{transform:translate(5%,-9%)}50%{transform:translate(-11%,-3%)}67%{transform:translate(9%,7%)}83%{transform:translate(-3%,11%)}}#enter{z-index:4;color:#f2e9dcd1;width:100%;font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;font-size:15px;transition:opacity .6s;animation:2.6s ease-in-out infinite breathe;position:fixed;inset:0}#enter:focus-visible{text-underline-offset:6px;outline:none;text-decoration:underline}@keyframes breathe{50%{color:#f2e9dc6b}}.entered #enter{opacity:0;pointer-events:none;animation:none}#page{z-index:1;pointer-events:none;position:fixed;inset:0}#page>*{pointer-events:auto}#mute,#socials li{opacity:0;filter:blur(6px);transition:opacity .9s ease, transform 1s var(--ease-out), filter .9s ease;transform:translateY(12px)}.entered #mute,.entered #socials li{opacity:1;filter:none;transform:none}#mute{top:calc(14px + env(safe-area-inset-top));color:#f2e9dc99;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;transition-delay:1.3s;display:grid;position:absolute;left:14px}#mute svg{filter:drop-shadow(0 1px 6px #00000080);width:22px;height:22px}#mute .cross,#mute[aria-pressed=true] .wave{display:none}#mute[aria-pressed=true] .cross{display:block}#mute:hover,#mute:focus-visible{color:var(--ink);outline:none}#socials{pointer-events:none;justify-content:center;align-items:center;gap:28px;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:0}#socials li{pointer-events:auto}#credit{right:18px;bottom:calc(14px + env(safe-area-inset-bottom));letter-spacing:.02em;color:#f2e9dc80;opacity:0;margin:0;font-size:12px;transition:opacity .9s 1.4s;position:absolute}.entered #credit{opacity:1}#socials li{transition-delay:calc(.8s + var(--i) * .1s)}.social{color:#f2e9dcd9;place-items:center;width:84px;height:84px;transition:color .25s;display:grid}.social svg{width:52px;height:52px;filter:drop-shadow(0 2px 10px #0000008c) drop-shadow(0 0 calc(var(--beat) * 14px) rgb(255 236 210/calc(var(--beat) * .6)));transition:transform .35s var(--ease-out)}a.social:hover,a.social:focus-visible{color:#fff;outline:none}a.social:hover svg,a.social:focus-visible svg{transform:scale(1.15)}@media (prefers-reduced-motion:reduce){.veil,#mute,#socials li{transition-duration:10ms;transition-delay:0s}.grain,#enter{animation:none}}