/* Skyforecast — field notes. Shared visual system for the site and embeds. */
:root{--sans:'Manrope',Arial,sans-serif;--display:'Instrument Serif',Georgia,serif;--mono:'IBM Plex Mono',monospace;--card-radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{cursor:wait;opacity:.6}::selection{background:#cedfc5;color:#14291f}
.forecast-site{--bg:#f6f5f0;--ink:#233b31;--mist:#617068;--mist-dim:#637268;--teal:#294c3a;--line:#dcded5;--panel:#fffef9;--gold:#a07439;--aurora:#5c7163;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.65}
.forecast-site .wrap{max-width:1360px;padding-inline:56px;margin-inline:auto}.forecast-site section{padding:64px 0}.forecast-site h1,.forecast-site h2,.forecast-site h3,.forecast-site p{margin:0}.forecast-site .eyebrow{font:10px var(--mono);font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--mist);display:block}.forecast-site .eyebrow::before{display:none}
.forecast-site header.site{position:sticky;top:0;z-index:30;padding:0;background:#f6f5f0f2;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.forecast-site header.site .wrap{height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px}.forecast-site .wordmark{font-size:25px;letter-spacing:-1.2px;font-weight:700;gap:0;white-space:nowrap;text-decoration:none;display:flex;align-items:center;color:var(--ink)}.brand-symbol{font-size:39px;line-height:1;margin-right:9px;font-weight:400}.brand-period{color:#8d9c6d}.main-nav{display:flex;gap:32px;margin-left:auto}.main-nav a{text-decoration:none;font-size:12px;color:var(--mist)}.main-nav a:hover{color:var(--ink)}.forecast-site .header-right{display:flex;gap:25px;align-items:center}.forecast-site .lang-switch{gap:1px;border:0;background:none}.forecast-site .lang-switch a{color:var(--mist);font:10px var(--mono);padding:7px}.forecast-site .lang-switch a.is-active{color:var(--ink);background:#e7e9df;border-radius:4px}.forecast-site .btn{border-radius:7px;padding:12px 20px;font-size:12px;font-weight:600;min-height:44px}.forecast-site .btn-teal{background:#294c3a;color:#fff}.forecast-site header .btn::after{content:'↗';margin-left:16px}
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:14px}.skip-link:focus{top:10px}.forecast-site :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid #69864c;outline-offset:4px}
.intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;padding-top:57px;padding-bottom:34px}.intro .eyebrow{margin-bottom:17px}.forecast-site .intro h1{font-family:var(--display);font-size:clamp(48px,5.8vw,79px);font-weight:400;letter-spacing:-2.5px;line-height:1.06}.intro h1 em{font-weight:400;color:#78876b}.forecast-site .intro p{font-size:13px;line-height:1.85;max-width:280px;padding-bottom:4px;color:var(--mist)}
.forecast-site .search-band{background:transparent;padding:0 0 25px;border:0}.forecast-site .search-band .wrap{display:grid;grid-template-columns:300px 1fr;gap:14px 25px}.forecast-site .sf-search-wrap{position:relative;max-width:none;grid-column:1}.forecast-site .sf-search{min-height:48px;border:1px solid #d4d9ce;border-radius:7px;background:#fffefa;display:flex;align-items:center;gap:12px;padding:0 14px}.sf-search svg{flex:none;color:#687a68}.forecast-site .sf-search input{font-size:12px;color:var(--ink);border:0;padding:13px 0;width:100%;background:none;outline:none}.sf-search:focus-within{box-shadow:0 0 0 2px #8c9c75}.forecast-site .sf-loc-grid{display:flex;flex-wrap:wrap;gap:4px 8px;grid-column:2;grid-row:1/3;align-content:center}.forecast-site .sf-chip{font-size:10px;padding:6px 10px;min-height:32px;background:none;border:1px solid transparent;border-radius:5px;color:var(--mist);transition:background .2s,color .2s;white-space:normal}.forecast-site .sf-chip:hover{background:#e6e9de;color:#244130}.forecast-site .sf-chip.is-active{background:#e4e9dc;border-color:#d6ddcb;color:#294c3a}.places-heading{display:flex;justify-content:space-between;font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mist);grid-column:1}.places-heading span{font-size:14px}.forecast-site .search-feedback{grid-column:1/-1;grid-row:3;margin:0;font-size:12px;color:#97452d}.search-feedback:empty{display:none}.forecast-site .sf-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:25;max-height:320px;overflow:auto;padding:5px;background:#fffefa;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 35px #233b3120}.forecast-site .sf-suggestion{display:block;width:100%;text-align:left;padding:12px;border:0;background:none;color:var(--ink);font-size:12px}.sf-suggestion:hover,.sf-suggestion:focus{background:#e9edde!important}.search-empty{padding:12px;font-size:12px;color:var(--mist)}
.forecast-site .hero{border-radius:14px;min-height:465px;padding:28px 36px 0;color:#f3f4e9;text-align:left;background:#142d2b;overflow:hidden;isolation:isolate;position:relative}.forecast-site .hero[data-sky=night]{--sky-a:#152d2c;--sky-b:#102326}.forecast-site .hero[data-sky=day]{--sky-a:#355756;--sky-b:#213c3b}.hero-sky{animation:none;background:radial-gradient(ellipse at 53% 30%,#6e958345,transparent 65%),linear-gradient(135deg,var(--sky-a),var(--sky-b));z-index:-6}.forecast-site .hero-clouds{opacity:calc(var(--cloud-opacity) * .2);filter:blur(24px)}.forecast-site .hero-aurora{background:linear-gradient(115deg,transparent 20%,#9fcc6e45 45%,#a6d0a726 60%,transparent 80%);filter:blur(24px)}.scene-top,.scene-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;font:9px var(--mono);letter-spacing:.07em;color:#b9c9bc}.scene-status{display:flex;align-items:center;gap:9px;text-transform:uppercase}.scene-status i{height:5px;width:5px;border-radius:100%;background:#c6d9a1;box-shadow:0 0 0 4px #c6d9a110}.scene-coordinates{font-size:9px}.forecast-site .hero-grid{display:grid;grid-template-columns:1fr 1.15fr .95fr;gap:20px;min-height:350px;align-items:center}.forecast-site .hero h2{font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-1.4px;line-height:1.2;overflow-wrap:anywhere}.live-weather-reading{display:flex;gap:12px;align-items:center;margin-top:13px}.forecast-site .live-temperature{font-size:100px;line-height:1.05;letter-spacing:-7px;font-weight:400;font-family:var(--sans);display:flex;align-items:flex-start}.forecast-site .live-unit{font-size:70px;line-height:1.1;font-weight:400}.temperature-scale{align-self:flex-end;padding-bottom:20px;color:#a1b4a9;font:8px var(--mono);letter-spacing:.12em}.forecast-site .live-description{font-size:14px;color:#d5dfd4;margin-top:6px}.forecast-site .live-metrics{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.forecast-site .live-metrics>div{display:flex;align-items:center;gap:5px;font-size:10px;color:#bac8c0}.forecast-site .metric-label{font-size:10px;text-transform:none;letter-spacing:0;margin:0;display:inline}.live-metrics strong{font-weight:500;color:#fff}.cloud-mini{font-size:17px}.live-metrics svg{width:16px;height:16px;margin-right:2px}
.sky-instrument{height:320px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #d5e2cb19;border-radius:50%;aspect-ratio:1;width:290px}.orbit-two{width:234px;border-style:dashed;border-color:#d5e2cb22}.orbit-three{width:174px;background:radial-gradient(circle,#c5deaa0d,transparent);border-color:#d5e2cb16}.orbit-one::before,.orbit-one::after{content:'';position:absolute;background:#c7d4bb20}.orbit-one::before{width:1px;height:calc(100% + 30px);left:50%;top:-15px}.orbit-one::after{height:1px;width:calc(100% + 30px);top:50%;left:-15px}.sky-instrument .weather-illustration{width:205px;filter:drop-shadow(0 16px 24px #0003);z-index:1}.sky-instrument .wi-cloud path:first-child{fill:#81958d;stroke:#d5e0cf;stroke-width:1}.sky-instrument .wi-cloud path:nth-child(2){stroke:#eff4df;opacity:.6}.sky-instrument .wi-moon path:first-child{fill:#e1e4c3;stroke:#f2eed1}.orbit-north,.orbit-east,.orbit-west{position:absolute;font:8px var(--mono);color:#93aa9b}.orbit-north{top:0}.orbit-east{right:0;top:49%}.orbit-west{left:0;top:49%}.instrument-caption{position:absolute;bottom:-3px;font:8px var(--mono);letter-spacing:.13em;color:#afc2b3}
.forecast-site .hero-right{min-width:0;align-self:center;display:block}.forecast-site .sun-observatory{padding:22px 0 15px 22px;border:0;border-left:1px solid #d5e2cb22;background:transparent;border-radius:0}.forecast-site .sun-heading{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:11px;color:#e4e8d6}.forecast-site .sun-phase{color:#c4ce9b;font:9px var(--mono);background:none;padding:0}.forecast-site .sf-arc-wrap{margin:24px 0 0;max-width:none;padding:0;border:0;background:none;box-shadow:none}.forecast-site .sf-arc-path{stroke:#d4cc95;stroke-width:1;stroke-dasharray:2 4}.forecast-site .sf-arc-horizon{stroke:#bdcdb94d}.forecast-site .sf-arc-ticks{stroke:#d4cc9550}.forecast-site .sf-arc-label{fill:#aebda9;font-size:9px}.forecast-site .sf-arc-label tspan{fill:#ebe4bf}.forecast-site .sun-note{font:8px var(--mono);color:#a9bcaf;text-align:center;line-height:1.7;margin-top:8px}.scene-bottom{padding:16px 0;border-top:1px solid #d5e2cb22;font-size:8px;letter-spacing:.02em}.hero[aria-busy=true]{opacity:.65;transition:opacity .2s}
.forecast-site .conditions-section{padding:38px 0 60px}.forecast-site .section-head{max-width:650px;margin-bottom:28px}.forecast-site .section-head h2,.forecast-site .cta-band h2{font-family:var(--display);font-weight:400;letter-spacing:-1px;font-size:46px;line-height:1.12;margin-top:12px}.forecast-site .conditions-section .section-head{display:flex;align-items:center;justify-content:space-between;max-width:none;flex-direction:row-reverse;margin-bottom:20px}.forecast-site .conditions-section .section-head h2{font-family:var(--sans);font-weight:500;font-size:21px;letter-spacing:-.6px;margin:0}.conditions-section .section-head .eyebrow{font-size:8px;letter-spacing:.06em}
.conditions-section .sf-panel{display:grid;grid-template-columns:1fr 1fr;border:0;background:none;border-radius:0;box-shadow:none;max-width:none;overflow:visible;gap:0 24px}.conditions-section .sf-hero{display:none}.conditions-section .sf-stats-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden;gap:0;background:#fdfcf7}.conditions-section .sf-stat,.conditions-section .sf-stat:first-child{padding:22px 19px;background:transparent;border:0;border-right:1px solid var(--line);gap:15px}.conditions-section .sf-stat:last-child{border-right:0}.conditions-section .sf-stat-label{font:9px var(--mono);letter-spacing:.025em;color:#687367;line-height:1.5;min-height:27px}.conditions-section .sf-stat-val{font:500 22px var(--sans);letter-spacing:-.8px;white-space:normal;font-variant-numeric:tabular-nums}.conditions-section .sf-stat:nth-child(-n+4) .sf-stat-val{color:#6e643d}.conditions-section .sf-stat:nth-child(n+5) .sf-stat-val{color:#405e47!important}.conditions-section .sf-stat:last-child .sf-stat-val{font-size:15px;letter-spacing:-.3px}.conditions-section .sf-aurora-msg{grid-column:1;grid-row:2;align-self:center;border:0;padding:32px 26px 32px 50px;font-size:13px;line-height:1.9;color:#54664f;background:radial-gradient(ellipse at 0 50%,#e4e8d4,transparent 75%);position:relative}.conditions-section .sf-aurora-msg::before{content:'✳';position:absolute;left:12px;top:28px;font-size:25px;color:#7b9160}.conditions-section .sf-chart{grid-column:2;grid-row:2;border:0;padding:24px 0 10px}.conditions-section .sf-chart-label{font:8px var(--mono);letter-spacing:.04em;color:#667460;margin-bottom:12px}.conditions-section .sf-bars{height:86px;gap:8px;background:repeating-linear-gradient(to top,transparent 0,transparent 25px,#dee1d650 26px)}.conditions-section .sf-bar-track{height:48px;max-width:28px;background:#e7eadf;border-radius:3px}.conditions-section .sf-bar-fill,.conditions-section .sf-bar.is-today .sf-bar-fill{background:#60754a}.conditions-section .sf-bar.is-forecast .sf-bar-fill{background:#a1b28b;opacity:1}.conditions-section .sf-bar-val,.conditions-section .sf-bar-day{font:8px var(--mono);color:#626f5b}.conditions-section .sf-foot{grid-column:1/-1;border-top:1px solid var(--line);padding:15px 0 0;margin-top:15px;font:8px var(--mono);color:#6b7769}.conditions-section .sf-brand{color:#66765f}
.forecast-site #science{border-top:1px solid var(--line);padding:64px 0 72px}.forecast-site #science .section-head{max-width:580px}.forecast-site .how-row{gap:30px;margin-top:40px}.forecast-site .how-item,.forecast-site .how-item:first-child,.forecast-site .how-item:last-child{padding:24px 0 0;background:none;border:0;border-top:1px solid #ccd2c2;border-radius:0}.forecast-site .how-item::before{color:#879378;font:10px var(--mono);margin-bottom:23px}.forecast-site .how-item .eyebrow,.forecast-site .how-item:nth-child(2) .eyebrow,.forecast-site .how-item:nth-child(3) .eyebrow{font-size:18px;font-family:var(--sans);font-weight:500;color:#30452f}.forecast-site .how-item p{font-size:12px;line-height:1.9;color:#677161;margin-top:12px;max-width:320px}
.forecast-site #embed{background:#e9ecdf;border-block:1px solid #d9dece;padding:66px 0}.forecast-site .section-head p{font-size:13px;color:var(--mist);line-height:1.85;margin-top:16px;max-width:500px}.embed-studio{grid-template-columns:.8fr 1.2fr;gap:70px;border-top:0;padding-top:10px}.embed-controls label{font-size:9px;margin-bottom:12px}.forecast-site #embedFormat{width:100%;max-width:390px;background:#f8f9f1;border:1px solid #cdd4bf;border-radius:6px;color:var(--ink);padding:14px;font-size:12px;min-height:48px}.forecast-site .embed-location{font-size:28px;letter-spacing:-1px;color:#2f422f;margin-top:30px}.embed-location-link{font-size:11px;color:#596b48}.forecast-site .embed-benefit{font-size:11px;line-height:1.8;margin-top:18px;color:#657257}.embed-code-details{border-color:#ccd4bd;margin-top:26px}.embed-code-details summary{font-size:12px;color:#3a4a32}.forecast-site .code-block{background:#f4f6eb;border:1px solid #ccd4bd;font-size:10px;padding:15px;color:#47513f;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere}.code-block .tag{color:#586951}.code-block .str{color:#476529}.forecast-site .code-copy-btn{background:#e2e8d4;color:#34482c;border:1px solid #c5cfb2;font-size:9px;min-height:32px}.code-block .code-text{padding-right:44px}.embed-stage{position:relative;background-color:#dfe5d1;background-image:radial-gradient(#a0af862e .8px,transparent .8px);background-size:14px 14px;border:1px solid #d0d8c0;border-radius:10px;padding:35px 20px;align-self:start}.embed-stage .embed-preview{display:flex;justify-content:center}.embed-stage iframe{box-shadow:0 24px 45px #31422124;border-radius:16px}.embed-stage .embed-preview-label{font:9px var(--mono);color:#5f7050;margin-top:22px;line-height:1.7}
.forecast-site .cta-band{padding:74px 0;background:var(--bg);text-align:left}.cta-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:0 80px}.cta-band .eyebrow{grid-column:1}.forecast-site .cta-band h2{grid-column:1;max-width:450px;margin-top:18px}.forecast-site .cta-band p{grid-column:1;max-width:380px;margin:16px 0 0;font-size:12px;color:var(--mist)}.forecast-site .contact-form{grid-column:2;grid-row:1/5;max-width:none;width:100%;margin:0;gap:12px}.forecast-site .contact-form input,.forecast-site .contact-form textarea{border:1px solid #d7ddce;border-radius:6px;background:#fbfcf6;color:var(--ink);padding:13px 15px;font-size:12px}.forecast-site .contact-form .btn{width:auto;align-self:flex-start;margin:0;padding:12px 30px}.forecast-site .contact-form .btn::after{content:'↗';margin-left:40px}.forecast-site .contact-feedback{font-size:11px;margin:0}.forecast-site footer.site{background:var(--bg);padding:24px 0;border-top:1px solid var(--line)}.forecast-site footer.site .wrap{justify-content:space-between;font-size:9px;gap:10px;color:#77806f}.forecast-site footer.site a{color:#526546;text-underline-offset:3px}
/* Widgets inherit custom theme tokens and the same observatory treatment. */
.embed-body{--mist-dim:var(--mist);--line:#cfdfc51c;--panel-2:#c6d4b515;font-family:var(--sans);background:transparent;color:var(--ink)}.embed-body .sf-panel{max-width:100%;border-radius:var(--card-radius);border-color:var(--line);background:var(--panel)}.embed-body .sf-hero,.embed-body .sf-wide-hero,.embed-body .sf-banner{background:radial-gradient(ellipse at 80% 0,#aec89020,transparent 70%),linear-gradient(140deg,var(--g1),var(--panel));padding:22px}.embed-body .sf-hero{border-bottom:1px solid var(--line)}.embed-body .sf-loc-name{font-size:28px;letter-spacing:-.7px;line-height:1.2}.embed-body .sf-loc-coords{font-size:9px;letter-spacing:.06em;margin-top:6px}.embed-body .sf-phase-badge{padding:0;background:none;font-size:10px;font-weight:400;gap:6px;color:#d9e2ce}.embed-body .sf-temp{font:400 54px var(--sans);letter-spacing:-3px;margin:10px 0}.embed-body .sf-weather-desc{font-size:10px;line-height:1.6}.embed-body .sf-stat{padding:14px 18px;background:var(--panel);gap:7px}.embed-body .sf-stat-label{font:8px var(--mono);color:var(--mist);letter-spacing:.03em}.embed-body .sf-stat-val{font:400 16px var(--sans);letter-spacing:-.4px}.embed-body .sf-stat-val[data-aurora-label]{font-size:12px}.embed-body .sf-aurora-msg{padding:14px 18px;font-size:10px;line-height:1.8;color:var(--mist);margin:0}.embed-body .sf-chart{padding:16px 18px}.embed-body .sf-chart-label{font:8px var(--mono);line-height:1.6;color:var(--mist)}.embed-body .sf-bar-track{max-width:22px;background:var(--panel-2)}.embed-body .sf-bar-fill,.embed-body .sf-bar.is-today .sf-bar-fill{background:var(--teal)}.embed-body .sf-bar.is-forecast .sf-bar-fill{background:var(--teal);opacity:.4}.embed-body .sf-foot{padding:12px 18px;font-size:8px;color:var(--mist)}.embed-body .sf-brand{color:var(--mist)}.embed-body .sf-panel.is-small{max-width:none}.embed-body .sf-panel.is-small .sf-hero{padding:18px}.embed-body .sf-panel.is-small .sf-temp{font-size:42px}.embed-body .sf-banner{padding:14px 18px;font-size:11px}.embed-body .sf-banner-name{font-size:18px}.embed-body .sf-banner-brand{font-size:8px}.embed-body .sf-wide-hero{flex-basis:32%;}.embed-body .sf-wide-hero .sf-phase-badge{margin-top:16px}
@media(min-width:1500px){.intro{padding-top:70px}.forecast-site .hero{min-height:495px}.forecast-site .hero-grid{min-height:380px}}
@media(max-width:1100px){.forecast-site .wrap{padding-inline:32px}.main-nav{gap:20px}.forecast-site .hero{padding-inline:26px}.forecast-site .hero-grid{grid-template-columns:1fr 1fr;gap:14px}.sky-instrument{grid-column:2;grid-row:1/3;height:320px}.forecast-site .hero-right{grid-column:1;grid-row:2}.forecast-site .hero-left{padding-top:30px}.forecast-site .sun-observatory{border:0;padding:16px 0 12px;max-width:300px}.forecast-site .sf-arc-wrap{margin-top:10px}.forecast-site .sun-note{margin-top:0}.forecast-site .live-temperature{font-size:85px}.forecast-site .hero-grid{min-height:430px}.forecast-site .sun-observatory .sf-arc{max-height:120px}.conditions-section .sf-stat,.conditions-section .sf-stat:first-child{padding:18px 12px}.conditions-section .sf-stat-val{font-size:18px}.embed-studio{gap:30px}.forecast-site .intro h1{font-size:64px}.intro p{max-width:240px!important}.cta-band .wrap{gap:0 40px}}
@media(max-width:760px){html{scroll-padding-top:80px}.forecast-site .wrap{padding-inline:22px}.forecast-site header.site .wrap{height:72px;gap:12px}.forecast-site .wordmark{font-size:22px}.brand-symbol{font-size:32px;margin-right:6px}.main-nav{display:none}.forecast-site .header-right{gap:10px}.forecast-site header .btn{padding:10px 12px;font-size:10px}.forecast-site header .btn::after{margin-left:8px}.forecast-site .lang-switch a{padding:5px}.intro{padding-top:36px;display:block;padding-bottom:25px}.forecast-site .intro h1{font-size:56px;letter-spacing:-2px}.intro .eyebrow{font-size:9px;margin-bottom:14px}.forecast-site .intro p{max-width:360px!important;font-size:12px;margin-top:20px}.forecast-site .search-band .wrap{grid-template-columns:1fr;gap:12px}.forecast-site .sf-loc-grid{grid-column:1;grid-row:3;gap:4px}.places-heading{grid-row:2}.forecast-site .search-feedback{grid-row:4}.forecast-site .sf-chip{font-size:10px;padding:5px 8px;min-height:32px}.forecast-site .hero{padding:22px 23px 0;border-radius:10px}.scene-coordinates{font-size:8px}.scene-status{font-size:8px}.forecast-site .hero-grid{grid-template-columns:1fr 1fr;gap:0 12px;min-height:0}.forecast-site .hero-left{padding-top:36px}.forecast-site .hero h2{font-size:30px}.forecast-site .live-temperature{font-size:78px}.forecast-site .live-unit{font-size:52px}.temperature-scale{display:none}.sky-instrument{grid-row:1;grid-column:2;height:215px;align-self:center}.orbit-one{width:170px}.orbit-two{width:132px}.orbit-three{width:94px}.sky-instrument .weather-illustration{width:137px}.orbit-north{top:12px}.orbit-east,.orbit-west{display:none}.instrument-caption{font-size:6px;letter-spacing:.05em;bottom:9px}.forecast-site .live-description{font-size:12px}.forecast-site .live-metrics{gap:9px;margin-top:17px}.forecast-site .live-metrics>div,.forecast-site .metric-label{font-size:9px}.forecast-site .hero-right{grid-column:1/-1;grid-row:2;margin-top:24px;border-top:1px solid #d5e2cb22}.forecast-site .sun-observatory{max-width:none;padding:20px 0 14px}.forecast-site .sf-arc-wrap{max-width:320px;margin:10px auto 0}.forecast-site .sun-observatory .sf-arc{max-height:150px}.forecast-site .sun-heading{font-size:10px}.scene-bottom{font-size:7px;gap:12px;align-items:flex-start}.scene-bottom>span:last-child{white-space:nowrap}.forecast-site .conditions-section{padding:30px 0 40px}.forecast-site .conditions-section .section-head{display:block}.conditions-section .section-head .eyebrow{font-size:8px;margin-bottom:10px}.forecast-site .conditions-section .section-head h2{font-size:23px}.conditions-section .sf-panel{grid-template-columns:1fr}.conditions-section .sf-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.conditions-section .sf-stat,.conditions-section .sf-stat:first-child{padding:17px 12px;gap:9px;border-right:1px solid var(--line)}.conditions-section .sf-stat:nth-child(3n){border-right:0}.conditions-section .sf-stat:nth-child(n+4){border-top:1px solid var(--line)}.conditions-section .sf-stat-label{font-size:8px}.conditions-section .sf-stat-val{font-size:18px}.conditions-section .sf-stat:last-child .sf-stat-val{font-size:12px}.conditions-section .sf-aurora-msg{grid-column:1;grid-row:2;padding:24px 15px 24px 42px;font-size:12px}.conditions-section .sf-aurora-msg::before{left:7px;top:19px}.conditions-section .sf-chart{grid-column:1;grid-row:3;padding-top:12px}.conditions-section .sf-bars{height:100px}.conditions-section .sf-bar-track{height:65px}.forecast-site .section-head h2,.forecast-site .cta-band h2{font-size:38px}.forecast-site #science,.forecast-site #embed{padding:44px 0}.forecast-site .how-row{grid-template-columns:1fr;gap:24px;margin-top:30px}.forecast-site .how-item,.forecast-site .how-item:first-child,.forecast-site .how-item:last-child{padding:20px 0 0}.forecast-site .how-item::before{margin-bottom:10px}.forecast-site .how-item p{max-width:none}.embed-studio{grid-template-columns:1fr;gap:26px}.embed-stage{padding:28px 16px}.forecast-site .cta-band{padding:44px 0}.cta-band .wrap{display:block}.forecast-site .contact-form{margin-top:28px}.forecast-site footer.site .wrap{font-size:9px;display:block}.forecast-site footer.site .top{display:block;margin-bottom:8px}}
@media(max-width:390px){.forecast-site .wrap{padding-inline:16px}.forecast-site .wordmark{font-size:20px}.brand-symbol{font-size:27px}.forecast-site header.site .wrap{gap:5px}.forecast-site .header-right{gap:5px}.forecast-site header .btn::after{display:none}.forecast-site .intro h1{font-size:49px}.forecast-site .hero{padding-inline:18px}.scene-coordinates{font-size:7px}.sky-instrument .weather-illustration{width:115px}.orbit-one{width:140px}.orbit-two{width:105px}.orbit-three{width:72px}.forecast-site .hero h2{font-size:26px}.conditions-section .sf-stat-val{font-size:16px}.conditions-section .sf-stat,.conditions-section .sf-stat:first-child{padding:15px 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.forecast-site .hourly-section{padding:25px 0 0}.hourly-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:16px}.forecast-site .hourly-heading h2{font:500 12px var(--sans);letter-spacing:0}.hourly-heading>span{font:8px var(--mono);color:var(--mist)}.hourly-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fdfcf7}.hourly-point{display:flex;flex-direction:column;align-items:center;padding:15px 6px 13px;border-right:1px solid #dcded580;gap:5px}.hourly-point:last-child{border-right:0}.hourly-point time{font:9px var(--mono);color:#65735d}.hourly-point .weather-illustration{width:44px;height:42px;filter:none;margin:3px 0}.hourly-point .wi-cloud path:first-child{fill:#bcc7b7;stroke:#677d65;stroke-width:2}.hourly-point .wi-moon path:first-child{fill:#92987b;stroke:#697259}.hourly-point .wi-rain{stroke:#4c8390}.hourly-point strong{font-size:17px;font-weight:500}.hourly-point>span{font:8px var(--mono);color:#6a7563}.hourly-empty{grid-column:1/-1;padding:20px;font-size:12px}.hourly-point .weather-illustration *{animation:none!important}.hero-left h2{font-family:var(--sans)}
@media(max-width:760px){.hourly-grid{overflow-x:auto;grid-template-columns:repeat(8,minmax(73px,1fr));scroll-snap-type:x proximity}.hourly-point{scroll-snap-align:start}.hourly-heading>span{font-size:7px}.forecast-site .hourly-section{padding-top:21px}.forecast-site .conditions-section{padding-top:27px}}

/* Content stays available before scripts and while scrolling. */
.forecast-site .reveal{opacity:1;transform:none}.forecast-site .live-unit{color:#e2e7cf}

/* Reference-based brand lockup; intrinsic dimensions avoid layout shifts. */
.forecast-site .wordmark{flex-shrink:0}.forecast-site .brand-logo{display:block;width:232px;height:auto;max-width:100%}
@media(max-width:760px){.forecast-site .brand-logo{width:185px}}
@media(max-width:390px){.forecast-site .brand-logo{width:160px}}
/* Photography is integrated into compact condition cards, not standalone sections. */
.conditions-visuals{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
.condition-photo{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;min-width:0;background:#142b29;display:flex;min-height:206px}
.condition-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.aurora-card>img{object-position:70% 52%}
.condition-photo::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102524f5 0%,#102524da 40%,#10252418 100%)}
.condition-photo-copy{padding:24px;max-width:82%;display:flex;flex-direction:column;align-items:flex-start}
.forecast-site .condition-photo .eyebrow{color:#cfdbbf;font-size:9px;line-height:1.7;letter-spacing:.07em}
.forecast-site .condition-photo h3{font:400 27px/1.15 var(--display);color:#f4f4e8;margin:12px 0}
.forecast-site .condition-photo p{font-size:11px;line-height:1.8;color:#d9e2d8;max-width:285px}
.condition-photo small{font:8px/1.6 var(--mono);color:#c4cebe;margin-top:auto;padding-top:16px}
.light-card{background:#eeeadf}
.light-card>img{left:auto;width:35%;object-position:77% 26%}
.light-card::after{background:linear-gradient(90deg,#eeeadf 55%,#eeeadf00 78%)}
.light-card .condition-photo-copy{width:76%;max-width:none}
.forecast-site .light-card .eyebrow,.light-card small{color:#69705c}
.forecast-site .light-card h3{color:#394735}
.light-card-times{display:flex;gap:22px}
.light-card-times>span{font:8px/1.6 var(--mono);color:#69705c}
.light-card-times strong{display:block;font:500 17px var(--sans);letter-spacing:-.4px;color:#79613b;margin-top:5px;white-space:nowrap}
.stay-note{display:flex;gap:16px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #ccd4bd}
.stay-note img{width:92px;height:74px;object-fit:cover;object-position:72% center;border-radius:6px;flex-shrink:0}
.forecast-site .stay-note p{font-size:11px;line-height:1.8;max-width:240px;color:#657257}
@media(max-width:1000px){.condition-photo-copy{padding:20px;max-width:92%}.light-card-times{gap:12px}.light-card-times strong{font-size:15px}.light-card .condition-photo-copy{width:88%}.light-card::after{background:linear-gradient(90deg,#eeeadf 60%,#eeeadf40)}}
@media(max-width:760px){.conditions-visuals{grid-template-columns:1fr;gap:12px;margin-top:20px}.condition-photo{min-height:188px}.condition-photo-copy{padding:20px;max-width:85%}.forecast-site .condition-photo h3{font-size:26px}.light-card .condition-photo-copy{width:82%}.light-card::after{background:linear-gradient(90deg,#eeeadf 55%,#eeeadf00 90%)}.light-card-times strong{font-size:17px}.light-card-times{gap:18px}}