.spa-sky{pointer-events:none;background:linear-gradient(var(--sky-top,#fbf9f5), var(--sky-bottom,#e9d9b9));position:absolute;inset:0;overflow:hidden}.spa-sky__scene{transform:translate3d(0, var(--sky-shift,0px), 0);will-change:transform;position:absolute;inset:-14% 0 0}.spa-sky__photo{opacity:0;transition:opacity 1.4s var(--ease);position:absolute;inset:0}.spa-sky__photo.is-ready{opacity:1}.spa-sky__photo img{object-fit:cover;object-position:50% 100%;width:100%;height:100%;display:block}.spa-sky__photo.is-intro img{animation:spa-sky-arrive 2.8s var(--ease) both}.spa-sky[data-season=spring] .spa-sky__photo img{filter:saturate(.82)}.spa-sky__stars,.spa-sky__aurora{width:100%;height:var(--sky-horizon,60%);position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 0 80%,#0000 100%);mask-image:linear-gradient(#000 0 80%,#0000 100%)}.spa-sky__aurora{mix-blend-mode:screen}.spa-sky__ground-glow{left:0;right:0;top:var(--sky-horizon,70%);opacity:0;mix-blend-mode:screen;height:34%;transition:opacity 1.6s var(--ease);background:radial-gradient(75% 100% at 45% 0,#6effb942,#5ac8d214 45%,#0000 72%);animation:9s ease-in-out infinite alternate spa-aurora-glow;position:absolute}.spa-sky[data-time=night] .spa-sky__ground-glow{opacity:.35}.spa-sky[data-time=night][data-season=winter] .spa-sky__ground-glow{opacity:1}.spa-sky[data-time=night][data-season=autumn] .spa-sky__ground-glow{opacity:.55}.spa-sky__mist{--mist:255 251 242;transform:translate3d(0, calc(var(--sky-shift,0px) * .55), 0);transition:opacity 1.6s var(--ease);position:absolute;left:0;right:0;overflow:hidden}.spa-sky__mist--far{top:calc(var(--sky-horizon,70%) - var(--sky-overscan,0px) - 70px);opacity:.7;height:140px}.spa-sky__mist--near{top:calc(var(--sky-horizon,70%) - var(--sky-overscan,0px) + 30px);opacity:.5;height:220px}.spa-sky__mist>span{background-image:radial-gradient(ellipse 280px 44px at 220px 58%, rgb(var(--mist) / 60%), transparent 72%), radial-gradient(ellipse 420px 36px at 760px 44%, rgb(var(--mist) / 48%), transparent 72%), radial-gradient(ellipse 330px 50px at 1290px 60%, rgb(var(--mist) / 55%), transparent 72%);width:calc(100% + 1600px);animation:spa-mist-drift 170s linear infinite, spa-mist-lift 3.2s var(--ease) both;background-repeat:repeat-x;background-size:1600px 100%;position:absolute;inset:0 auto 0 0}.spa-sky__mist--near>span{background-position:640px 0;animation-duration:120s,3.6s;animation-direction:reverse,normal}.spa-sky[data-season=summer] .spa-sky__mist{--mist:255 232 190}.spa-sky[data-time=night] .spa-sky__mist{--mist:150 178 220;opacity:.32}.spa-sky[data-time=night][data-season=winter] .spa-sky__mist{--mist:160 220 205;opacity:.4}.spa-sky__front{width:100%;height:100%;position:absolute;inset:0}.spa-sky__veil,.spa-sky__veil:after{transition:opacity 1.4s var(--ease);position:absolute;inset:0}.spa-sky__veil{background:linear-gradient(#fbf9f58c,#0000 22%),linear-gradient(#0000 72%,#fbf9f580)}.spa-sky__veil:after{content:"";opacity:0;background:linear-gradient(#060a1680,#0000 24%),linear-gradient(#0000 70%,#060a168c)}.spa-sky[data-time=night] .spa-sky__veil{background:0 0}.spa-sky[data-time=night] .spa-sky__veil:after{opacity:1}.spa-sky__controls{z-index:4;right:var(--gutter);bottom:calc(var(--sky-nav) + 18px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#765a28;pointer-events:auto;transition:background-color 1.2s var(--ease), border-color 1.2s var(--ease), color 1.2s var(--ease);background:#fbf9f5d1;border:1px solid #8f6f3438;border-radius:999px;align-items:center;gap:3px;padding:5px 5px 5px 15px;font-size:.74rem;display:flex;position:absolute;box-shadow:0 12px 32px -20px #281e0a73}.spa-sky[data-time=night] .spa-sky__controls{color:#ead8aa;background:#0c122294;border-color:#e2c27e4d}.spa-sky__now{white-space:nowrap;letter-spacing:.03em;align-items:center;gap:8px;margin:0 6px 0 0;display:flex}.spa-sky__live{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2.6s ease-out infinite spa-live-pulse}.spa-sky__seasons{border-left:1px solid #8f6f3438;gap:2px;margin-right:3px;padding-left:6px;display:flex}.spa-sky__button{width:34px;height:34px;color:inherit;opacity:.78;cursor:pointer;font:inherit;transition:background-color .3s var(--ease), color .3s var(--ease), opacity .3s var(--ease);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:inline-grid}.spa-sky__button:hover{opacity:1;background:#8f6f341f}.spa-sky__button[aria-pressed=true]{opacity:1;color:#fff;background:#8f6f34}.spa-sky[data-time=night] .spa-sky__button:hover{background:#e2c27e29}.spa-sky[data-time=night] .spa-sky__button[aria-pressed=true]{color:#1b1509;background:#e2c27e}.spa-sky__button--live{letter-spacing:.06em;text-transform:uppercase;width:auto;padding-inline:12px;font-size:.66rem}.spa-sky__bars{align-items:center;gap:2px;height:14px;display:flex}.spa-sky__bars i{width:2px;height:4px;transition:height .4s var(--ease);background:currentColor;border-radius:2px}.spa-sky__sound.is-on .spa-sky__bars i{animation:1.1s ease-in-out infinite alternate spa-sound-bar}.spa-sky__sound.is-on .spa-sky__bars i:nth-child(2){animation-duration:.9s;animation-delay:-.45s}.spa-sky__sound.is-on .spa-sky__bars i:nth-child(3){animation-duration:1.3s;animation-delay:-.2s}.spa-sky__sound.is-on .spa-sky__bars i:nth-child(4){animation-delay:-.7s}@keyframes spa-sound-bar{0%{height:3px}to{height:13px}}.spa-sky__button:focus-visible{outline-offset:2px;outline:2px solid}@keyframes spa-sky-arrive{0%{opacity:0;transform:scale(1.06)}}@keyframes spa-mist-drift{to{transform:translate(-1600px)}}@keyframes spa-mist-lift{0%{opacity:0;translate:0 -45%;scale:1 2.2}}@keyframes spa-aurora-glow{0%{filter:brightness(.75)}to{filter:brightness(1.15)}}@keyframes spa-live-pulse{0%{box-shadow:0 0}70%,to{box-shadow:0 0 0 7px #0000}}.spa-sky[data-paused=true] :is(.spa-sky__mist>span,.spa-sky__ground-glow,.spa-sky__live),.spa-sky[data-offscreen=true] :is(.spa-sky__mist>span,.spa-sky__ground-glow,.spa-sky__live){animation-play-state:paused}@media (width<=699px){.spa-sky__controls{left:50%;right:auto;bottom:calc(var(--sky-nav) + 14px);padding-left:13px;transform:translate(-50%)}.spa-sky__button{width:38px;height:38px}.spa-sky__veil{background:linear-gradient(#fbf9f599,#fbf9f52e 40%,#0000 55%),linear-gradient(#0000 75%,#fbf9f573)}.spa-sky__veil:after{background:linear-gradient(#060a169e,#060a1640 42%,#0000 58%),linear-gradient(#0000 72%,#060a168c)}}@media (width<=480px){.spa-sky__controls{border-radius:24px;flex-wrap:wrap;justify-content:center;gap:1px;width:max-content;max-width:calc(100% - 20px);padding:6px}.spa-sky__now{flex:0 0 100%;justify-content:center;margin:2px 0 5px}.spa-sky__seasons{border-left:0;margin-right:0;padding-left:0}.spa-sky__button{flex-shrink:0;width:36px}.spa-sky__button--live{width:auto;padding-inline:8px}}@media (width<=380px){.spa-sky__button{width:32px}.spa-sky__button--live{width:32px;padding-inline:0}}@media (prefers-reduced-motion:reduce){.spa-sky__scene{transform:none}.spa-sky__photo{transition:none}.spa-sky__photo.is-intro img,.spa-sky__sound.is-on .spa-sky__bars i,.spa-sky__mist>span,.spa-sky__ground-glow,.spa-sky__live{animation:none}.spa-sky__sound.is-on .spa-sky__bars i{height:9px}.spa-sky__sound.is-on .spa-sky__bars i:nth-child(odd){height:13px}}@media (prefers-reduced-transparency:reduce){.spa-sky__controls{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fbf9f5}.spa-sky[data-time=night] .spa-sky__controls{background:#0f1628}}@media print{.spa-sky__controls,.spa-sky canvas{display:none}}