:root{--bw-night:#0c1515;--bw-ink:#ede7d6;--bw-soft:rgba(237,231,214,.68);--bw-line:rgba(237,231,214,.14);--bw-moss:#91a77a;--bw-water:#82aebd;--bw-rose:#c18b9b;--bw-gold:#d1bb7c}
body.body-weather-page{margin:0;color:var(--bw-ink);background:var(--bw-night)}
.bw-hero{position:relative;isolation:isolate;min-height:min(820px,88vh);display:grid;align-items:end;overflow:hidden;padding:clamp(120px,17vh,180px) max(24px,calc((100vw - 1180px)/2)) clamp(62px,9vw,110px);background:linear-gradient(180deg,#0b1518 0%,#12201d 54%,#17231c 100%)}
.bw-world{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.bw-sky{position:absolute;inset:0;background:radial-gradient(circle at 73% 17%,rgba(215,199,148,.18) 0 3%,transparent 16%),radial-gradient(circle at 18% 32%,rgba(130,174,189,.14),transparent 30%),linear-gradient(180deg,#081215,#162323 60%,#223029)}
.bw-stars{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle,rgba(237,231,214,.65) 0 1px,transparent 1.4px);background-size:67px 61px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.bw-ridge{position:absolute;right:-8%;bottom:-15%;left:-8%;height:54%;border-radius:48% 52% 0 0;background:#17281f;transform:rotate(-3deg)}.bw-ridge::before{position:absolute;inset:20% -4% -14%;content:"";border-radius:52% 48% 0 0;background:#203328;transform:rotate(5deg)}
.bw-thread{position:absolute;right:4%;bottom:10%;width:min(62vw,760px);height:45%;filter:drop-shadow(0 0 10px rgba(130,174,189,.25))}.bw-thread path{fill:none;stroke-linecap:round}.bw-thread .ghost{stroke:rgba(4,9,7,.48);stroke-width:12}.bw-thread .light{stroke:url(#bw-line);stroke-width:3;stroke-dasharray:4 9}.bw-thread circle{transform-box:fill-box;transform-origin:center;animation:bw-pulse 5s ease-in-out infinite}.bw-thread circle:nth-of-type(2n){animation-delay:-2.4s}
@keyframes bw-pulse{0%,100%{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1.28)}}
.bw-hero-copy{width:min(760px,100%)}.bw-kicker{display:block;margin-bottom:15px;color:rgba(205,216,184,.74);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.bw-hero h1{max-width:13ch;margin:0;font-family:var(--font-brand,"Hanken Grotesk",system-ui,sans-serif);font-size:clamp(48px,8.2vw,108px);font-weight:350;letter-spacing:-.055em;line-height:.91;text-wrap:balance}.bw-hero-lead{max-width:55ch;margin:25px 0 0;color:rgba(237,231,214,.8);font-size:clamp(17px,2vw,22px);line-height:1.5;text-wrap:pretty}.bw-hero-truth{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:24px;color:rgba(237,231,214,.52);font-size:12px}.bw-hero-truth span::before{display:inline-block;width:5px;height:5px;margin:0 8px 2px 0;border-radius:50%;background:var(--bw-moss);content:""}
.bw-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(60px,9vw,118px) 0 120px}.bw-answer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:clamp(28px,6vw,84px);align-items:start;padding-bottom:clamp(70px,9vw,115px);border-bottom:1px solid var(--bw-line)}.bw-eyebrow{margin:0 0 12px;color:var(--bw-gold);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.bw-answer h2,.bw-section-head h2,.bw-questions>h2{margin:0;font-size:clamp(30px,4.8vw,58px);font-weight:380;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}.bw-answer p{max-width:58ch;margin:20px 0 0;color:var(--bw-soft);font-size:16px;line-height:1.72}.bw-answer p:first-of-type{color:rgba(237,231,214,.88);font-size:clamp(18px,2vw,22px);line-height:1.58}.bw-answer a,.bw-state a,.bw-question a{color:#d9d0ad;text-underline-offset:4px}
.bw-now{padding:22px;border:1px solid rgba(145,167,122,.25);border-radius:24px;background:linear-gradient(145deg,rgba(75,101,74,.19),rgba(130,174,189,.07))}.bw-now span,.bw-now strong,.bw-now small{display:block}.bw-now span{color:var(--bw-moss);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.bw-now strong{margin-top:8px;font-size:18px;font-weight:520;line-height:1.35}.bw-now small{margin-top:9px;color:var(--bw-soft);font-size:12px;line-height:1.5}.bw-now a{display:inline-flex;min-height:44px;align-items:center;margin-top:18px;padding:0 17px;border:1px solid rgba(215,199,148,.42);border-radius:999px;color:var(--bw-ink);background:rgba(215,199,148,.08);font-size:12px;text-decoration:none}
.bw-field{padding:clamp(74px,9vw,118px) 0}.bw-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);gap:30px;align-items:end;margin-bottom:38px}.bw-section-head p{margin:0;color:var(--bw-soft);font-size:14px;line-height:1.65}
.bw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bw-state{position:relative;isolation:isolate;min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:clamp(23px,4vw,42px);border:1px solid var(--bw-line);border-radius:30px;background:#12201b}.bw-state::before,.bw-state::after{position:absolute;z-index:-1;content:"";border-radius:50%}.bw-state::before{top:-15%;right:-12%;width:55%;aspect-ratio:1;background:radial-gradient(circle,var(--state-glow),transparent 68%);opacity:.4}.bw-state::after{right:-10%;bottom:-33%;left:18%;height:58%;background:var(--state-ground);transform:rotate(-7deg)}.bw-state-electric{--state-glow:rgba(215,187,124,.55);--state-ground:#273a28}.bw-state-circling{--state-glow:rgba(130,174,189,.5);--state-ground:#1d3031}.bw-state-weighted{--state-glow:rgba(145,167,122,.45);--state-ground:#283329}.bw-state-distant{--state-glow:rgba(169,150,200,.48);--state-ground:#252b35}.bw-state-num{color:rgba(237,231,214,.45);font-size:10px;letter-spacing:.14em}.bw-state h3{max-width:12ch;margin:10px 0 0;font-size:clamp(28px,4vw,48px);font-weight:380;letter-spacing:-.035em;line-height:1}.bw-state>p{max-width:42ch;margin:15px 0 0;color:rgba(237,231,214,.72);font-size:14px;line-height:1.62}.bw-signs{display:flex;flex-wrap:wrap;gap:6px;margin:19px 0 0;padding:0;list-style:none}.bw-signs li{padding:6px 9px;border:1px solid rgba(237,231,214,.13);border-radius:999px;color:rgba(237,231,214,.6);background:rgba(5,10,7,.12);font-size:9px}.bw-state a{align-self:flex-start;margin-top:21px;font-size:12px}
.bw-sequence{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(35px,7vw,100px);align-items:start;padding:clamp(70px,9vw,112px) 0;border-top:1px solid var(--bw-line);border-bottom:1px solid var(--bw-line)}.bw-sequence h2{margin:0;font-size:clamp(32px,5vw,62px);font-weight:380;letter-spacing:-.045em;line-height:1}.bw-sequence>div>p{color:var(--bw-soft);font-size:14px;line-height:1.7}.bw-steps{margin:0;padding:0;list-style:none;counter-reset:bw}.bw-steps li{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;padding:18px 0;border-bottom:1px solid var(--bw-line);counter-increment:bw}.bw-steps li::before{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(237,231,214,.14);border-radius:50%;color:var(--bw-gold);content:counter(bw,decimal-leading-zero);font-size:9px}.bw-steps strong{display:block;font-size:15px;font-weight:530}.bw-steps span{display:block;margin-top:5px;color:var(--bw-soft);font-size:12px;line-height:1.55}
.bw-questions{padding-top:clamp(76px,9vw,118px)}.bw-question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:34px}.bw-question{padding:22px;border:1px solid var(--bw-line);border-radius:21px;background:rgba(237,231,214,.025)}.bw-question h3{margin:0;font-size:17px;font-weight:520;line-height:1.35}.bw-question p{margin:10px 0 0;color:var(--bw-soft);font-size:13px;line-height:1.65}.bw-safety{margin-top:54px;padding:20px;border:1px solid rgba(193,139,155,.25);border-radius:20px;color:var(--bw-soft);font-size:12px;line-height:1.6;background:rgba(193,139,155,.045)}.bw-safety strong{color:var(--bw-ink)}
@media(max-width:760px){.bw-hero{min-height:760px;padding-inline:22px}.bw-thread{right:-28%;bottom:13%;width:100vw}.bw-hero h1{font-size:clamp(50px,16vw,76px)}.bw-main{width:min(100% - 28px,1180px)}.bw-answer,.bw-section-head,.bw-sequence{grid-template-columns:1fr}.bw-grid,.bw-question-list{grid-template-columns:1fr}.bw-state{min-height:350px}.bw-section-head{align-items:start}.bw-sequence{gap:30px}}
@media(prefers-reduced-motion:reduce){.bw-thread circle{animation:none}}