@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f6f3e9;font-synthesis:none;-webkit-font-smoothing:antialiased;--acid:#c2fa6b;--ink:#17231a;--gutter:clamp(24px, 3.2vw, 64px);background:#13211c;font-family:DM Sans Variable,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline:2px solid var(--acid);outline-offset:8px}::selection{background:var(--acid);color:var(--ink)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.background,.scrim{pointer-events:none;position:fixed;inset:0}.background{background:#13211c url(./inspiration-BvJs_iBV.jpg) 50%/cover no-repeat}.background canvas{opacity:0;width:100%;height:100%;transition:opacity 1.2s;display:block}.background.is-ready canvas{opacity:1}.scrim{background:linear-gradient(#0c0f0c40 0%,#0000 45%,#07120d2e 62%,#07120dc2 100%)}.landing{min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) var(--gutter) max(34px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;column-gap:24px;display:grid;position:relative}.hero{min-width:0;padding-top:clamp(70px,42px + 5.5vh,122px);container-type:inline-size}h1{white-space:nowrap;letter-spacing:-.078em;margin:0 0 0 -.065em;font-size:clamp(64px,14vw,280px);font-weight:550;line-height:.97}.title-period{color:var(--acid)}.footer{place-self:end;padding-bottom:32px}.sound-button{background:var(--acid);width:82px;height:82px;color:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;transition:transform .22s,background .22s;display:grid;box-shadow:0 4px 32px #00000014}.sound-button svg{width:32px;height:32px}.sound-button:hover{background:#d1ff8a;transform:scale(1.065)}.sound-button:active{transform:scale(.96)}.sound-button:disabled{cursor:wait}.sound-button:focus-visible{outline-offset:6px;outline-color:#f6f3e9}.sound-button.is-inviting .play-icon{animation:1.86s ease-in-out infinite play-invitation}.mixer-controls{flex-direction:column;align-items:center;gap:48px;display:flex}.track-controls{--track-brightness:.75;flex-direction:column;align-items:center;gap:16px;display:flex}.track-button{background:0 0;border:2px solid #fff;flex:0 0 58px;width:58px;height:58px;padding:0;position:relative}.track-button:before{content:"";opacity:0;filter:brightness(var(--track-brightness));background:#fff;position:absolute;inset:0}.track-button.is-enabled:before{opacity:1}@keyframes play-invitation{0%,to{opacity:1}50%{opacity:.5}}@media (width<=600px){.landing{padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));column-gap:16px}.hero{padding-top:48px}h1{white-space:normal;letter-spacing:-.075em;max-width:100%;font-size:16vw;line-height:.87}.track-button{flex-basis:24px;width:24px;height:24px}.sound-button{width:56px;height:56px}}@media (height<=600px) and (width>=601px){.landing{padding-top:16px;padding-bottom:20px}.hero{padding-top:0}h1{font-size:12vw}.track-controls{gap:clamp(0px, calc((100dvh - 140px - var(--track-count) * 24px) / (var(--track-count) - 1)), 16px)}.track-button{flex-basis:24px;width:24px;height:24px}.sound-button{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}