:root{--weather-sky:#79c7e3;--weather-horizon:#f4d06f;--weather-cloud:#f5f1e8;--weather-rain:#244f6b;--weather-ink:#143445;color:var(--weather-ink);background:var(--weather-sky);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{width:100%;height:100%;overflow:hidden}.experience,.weather{width:100vw;height:100vh;margin:0;padding:0;position:relative;overflow:hidden}.weather{--sun-x:65%;--sun-y:30%;--cloud-cover:.5;--rain-level:.2;--wind:0;--cloud-shift:0%;--wind-angle:0deg;--wind-shift:0rem;background:linear-gradient(transparent 58%, var(--weather-horizon) 58%), var(--weather-sky);transition:background-color .32s}.sun{inset:var(--sun-y) auto auto var(--sun-x);aspect-ratio:1;background:#fff0a8;border-radius:50%;width:clamp(7rem,17vw,14rem);position:absolute;translate:-50% -50%;box-shadow:0 0 7rem #fff0a8b8}.cloud{background:var(--weather-cloud);width:clamp(13rem,30vw,27rem);height:clamp(4rem,9vw,8rem);opacity:calc(.28 + var(--cloud-cover) * .72);filter:drop-shadow(0 1rem #1434451f);border-radius:999px;transition:background-color .32s;position:absolute}.cloud:before,.cloud:after{background:inherit;content:"";border-radius:50%;position:absolute}.cloud:before{aspect-ratio:1;width:42%;inset:-54% auto auto 16%}.cloud:after{aspect-ratio:1;width:34%;inset:-36% 14% auto auto}.cloud--one{inset:25% auto auto calc(9% + var(--cloud-shift))}.cloud--two{inset:46% calc(3% - var(--cloud-shift)) auto auto;scale:.72}.rain{opacity:var(--rain-level);pointer-events:none;position:absolute;inset:40% 0 0}.rain span{inset:-8% auto auto var(--drop-x);background:var(--weather-rain);width:.18rem;height:3.4rem;rotate:calc(-16deg + var(--wind-angle));animation:fall var(--drop-speed) linear var(--drop-delay) infinite;border-radius:999px;position:absolute}.caption{position:absolute;inset-block-end:clamp(1.5rem,4vw,3rem);inset-inline-start:clamp(1.25rem,4vw,4rem)}.caption h1,.caption p{margin:0}.caption h1{letter-spacing:-.075em;font-size:clamp(3.5rem,10vw,9rem);font-weight:500;line-height:.8}.caption p{font:700 .68rem/1.4 var(--web-shell-mono);letter-spacing:.1em;text-transform:uppercase;margin-top:1rem}.climate-control{color:inherit;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);font:700 .7rem/1 var(--web-shell-sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff70;border:1px solid;border-radius:999px;padding:.8rem 1rem;position:absolute;inset-block-end:clamp(1rem,3vw,2rem);inset-inline-end:clamp(1rem,3vw,2rem)}@keyframes fall{to{translate:var(--wind-shift) 66vh}}@media (prefers-reduced-motion:reduce){.rain span{animation:none}}