.wx{isolation:isolate;background:var(--dusk);align-items:flex-end;min-height:clamp(560px,80vh,860px);display:flex;position:relative;overflow:hidden}.wx__bg,.wx__next,.wx__fx,.wx__scrim{position:absolute;inset:0}.wx__bg,.wx__next{background-position:62% 45%;background-size:cover}.wx__bg{z-index:-4;background-image:url(/art/weather/clear-day-1600.webp)}.wx__next{z-index:-3;opacity:0;transition:opacity .9s}.wx__next.is-on{opacity:1}.wx__fx{z-index:-2;pointer-events:none}.wx__scrim{z-index:-1;background:linear-gradient(90deg,#0d0b1edb 0%,#0d0b1e99 36%,#0d0b1e00 68%),linear-gradient(#0d0b1e00 66%,#0d0b1ee6 100%)}html[data-night][data-scene=cloudy] .wx__bg,html[data-night][data-scene=rain] .wx__bg,html[data-night][data-scene=fog] .wx__bg{filter:brightness(.5)saturate(.85)hue-rotate(-8deg)}html[data-scene=rain] .wx__fx,html[data-scene=storm] .wx__fx,html[data-scene=hurricane] .wx__fx{background-image:repeating-linear-gradient(104deg,#fff0 0 11px,#ffffff29 11px 12px),repeating-linear-gradient(101deg,#fff0 0 23px,#ffffff1a 23px 25px);background-size:220px 220px,340px 340px;animation:.55s linear infinite wx-rain}html[data-scene=hurricane] .wx__fx{animation-duration:.3s}@keyframes wx-rain{to{background-position:-60px 220px,-90px 340px}}html[data-scene=storm] .wx__scrim:after{content:"";opacity:0;background:#fff;animation:9s linear infinite wx-flash;position:absolute;inset:0}@keyframes wx-flash{0%,91%,94.5%,to{opacity:0}92%{opacity:.55}93%{opacity:.08}94%{opacity:.35}}.wx__row{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:clamp(20px,4vw,56px);padding-block:clamp(88px,12vw,150px) clamp(28px,5vw,56px);display:grid}.wx__copy{justify-items:start;gap:20px;display:grid}.wx__copy h1{text-shadow:0 2px 30px #0d0b1eb3}.wx__copy .lede{color:#e9e1f7}.wx__card{backdrop-filter:blur(14px)saturate(1.3);background:#0d0b1ea8;border:1px solid #ffffff2e;border-radius:18px;justify-self:end;gap:10px;width:min(100%,23rem);padding:22px 24px;display:grid}.wx__kicker{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:.68rem;display:flex}.wx__live{color:var(--night);background:var(--teal);border-radius:999px;padding:2px 8px;font-weight:700}.wx__temp{font-family:var(--f-display);color:var(--gold);align-items:baseline;gap:12px;font-size:clamp(3.6rem,7vw,5.2rem);line-height:.9;display:flex}.wx__temp small{font-family:var(--f-mono);letter-spacing:.08em;color:var(--text-dim);font-size:.8rem}.wx__label{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.03em;font-size:1.35rem}.wx__line{color:#e3daf3;font-size:.98rem}.wx__facts{border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 0;padding-top:12px;display:grid}.wx__facts dt{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:.62rem}.wx__facts dd{margin:2px 0 0;font-size:.95rem;font-weight:700}.wx__foot{color:var(--text-dim);font-size:.78rem}@media (width<=860px){.wx{min-height:0}.wx__row{grid-template-columns:1fr;padding-top:72px}.wx__card{justify-self:stretch;width:100%}.wx__scrim{background:linear-gradient(#0d0b1e59 0%,#0d0b1eb8 45%,#0d0b1ef0 100%)}}