:root{--ink:#2c2118;--paper:#f6efe3}*{box-sizing:border-box}html,body{height:100%}html{overflow:hidden}body{min-height:100svh;color:var(--ink);-webkit-font-smoothing:antialiased;background:#dfe7ee;margin:0;font-family:Inter,system-ui,sans-serif;overflow:clip hidden}.stage{position:fixed;inset:0}#c{width:100%;height:100%;display:block;position:absolute;inset:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.season{z-index:2;text-align:center;pointer-events:none;mix-blend-mode:multiply;position:absolute;top:clamp(24px,8vh,74px);left:50%;translate:-50%}.season__name{letter-spacing:.16em;color:var(--seasonInk,#3a4a3a);font-family:Fraunces,serif;font-size:clamp(1.8rem,8vmin,4.4rem);font-weight:600;transition:color .8s,opacity .35s,transform .35s;display:inline-block}.season__name.swap{opacity:0;transform:translateY(-8px)}.control{z-index:3;flex-direction:column;align-items:center;gap:14px;width:min(78vw,440px);display:flex;position:absolute;bottom:clamp(26px,7vh,60px);left:50%;translate:-50%}.slider{cursor:pointer;touch-action:none;outline:none;align-items:center;width:100%;height:34px;display:flex;position:relative}.slider__track{background:#2c211829;border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.slider__fill{background:var(--seasonInk,#7fb069);border-radius:999px;width:12%;transition:background .6s;position:absolute;inset:0 auto 0 0}.slider__handle{background:var(--seasonInk,#7fb069);cursor:grab;border:3px solid #fff;border-radius:50%;width:26px;height:26px;margin:0;padding:0;transition:background .6s,box-shadow .2s;position:absolute;top:50%;left:12%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #2c211847}.slider__handle:active{cursor:grabbing}.slider:focus-visible .slider__handle{box-shadow:0 0 0 4px #ffffffb3,0 3px 10px #2c21184d}.hint{letter-spacing:.05em;color:#2c211899;align-items:center;gap:9px;margin:0;font-size:.8rem;transition:opacity .5s,transform .5s;animation:2.6s ease-in-out infinite bob;display:flex}.hint__grip{border:2px solid #2c21188c;border-radius:50%;width:13px;height:13px;position:relative}.hint__grip:after{content:"";background:#2c21188c;border-radius:50%;position:absolute;inset:3px}.hint.is-gone{opacity:0;pointer-events:none;transform:translateY(6px)}@keyframes bob{50%{transform:translateY(-4px)}}.mute{z-index:5;width:44px;height:44px;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#fff6;border:1px solid #2c211824;border-radius:50%;place-items:center;transition:background .2s,transform .2s,border-color .2s;display:grid;position:fixed;top:clamp(14px,3vh,26px);right:clamp(14px,3vw,26px)}.mute:hover{background:#ffffffa6;transform:scale(1.05)}.mute:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.mute svg{fill:currentColor;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;fill-rule:evenodd;width:22px;height:22px}.mute .wave{fill:none;transition:opacity .2s}.mute[aria-pressed=false] .wave{opacity:.15}.mute[aria-pressed=true] .wave{opacity:1}@media (prefers-reduced-motion:reduce){.hint{animation:none}.mute{transition:none}.season__name{transition:color .3s}}