*{box-sizing:border-box}html,body{color:#163c4c;background:#edf2f1;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}body{overflow:hidden}.screen{flex-direction:column;max-width:2600px;height:100dvh;margin:auto;padding:3vh 3vw 0;display:flex}header{border-bottom:1px solid #cddbdc;flex-shrink:0;justify-content:space-between;align-items:center;gap:2vw;height:12vh;padding-bottom:2.5vh;display:flex}.brand{align-items:center;gap:15px;display:flex}.brand-mark{color:#e7c98a;background:#123e50;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.brand h1{letter-spacing:.12em;margin:0;font-size:clamp(18px,1.65vw,40px);font-weight:400}.brand h1 strong{font-weight:700}.brand p{letter-spacing:.32em;color:#617c87;margin:9px 0 0;font-size:clamp(10px,.7vw,18px)}.headline{text-align:center}.headline span{letter-spacing:.22em;color:#657e87;font-size:clamp(10px,.75vw,18px)}.headline p{margin:7px 0 0;font-family:Georgia,serif;font-size:clamp(20px,1.8vw,44px)}.clock{text-align:right;flex-direction:column;gap:5px;display:flex}.clock strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(30px,3vw,72px);font-weight:400}.clock span{color:#617883;font-size:clamp(10px,.85vw,22px)}.main-grid{flex:1;grid-template-columns:1fr 2.4fr;gap:2.1vw;min-height:0;padding:3vh 0;display:grid}.station{color:#fff;background:linear-gradient(160deg,#123e50,#0b2938);border-radius:18px;flex-direction:column;padding:2.3vw;display:flex;position:relative;overflow:hidden}.station:after{content:"";border:1px solid #ffffff0c;border-radius:45%;width:36vw;height:36vw;position:absolute;bottom:-31vw;left:-5vw;box-shadow:0 0 0 30px #ffffff04,0 0 0 65px #ffffff03}.eyebrow{letter-spacing:.12em;color:#64818c;align-items:center;gap:8px;font-size:clamp(10px,.72vw,18px);font-weight:600;display:flex}.station .eyebrow{color:#a6c4cf;font-size:clamp(10px,.65vw,16px)}h2{margin:1.4vh 0 2vh;font-family:Georgia,serif;font-size:clamp(27px,2.5vw,60px);font-weight:400}.waiting{color:#d4e2e8;align-items:center;gap:8px;font-size:clamp(11px,.85vw,22px);display:flex}.waiting span{background:#e4c68b;border-radius:50%;width:6px;height:6px}.temperature{align-items:flex-start;margin:1.4vh 0 0;font-weight:300;line-height:1;display:flex}.temperature span{color:#bacfd7;font-size:clamp(70px,8vw,190px)}.temperature small{color:#a6c4cf;padding-top:2vh;font-size:clamp(24px,2.5vw,60px)}.station-note{color:#a6c4cf;max-width:18em;margin:0 0 3vh;font-size:clamp(11px,.95vw,24px);line-height:1.5}.station-metrics{flex-direction:column;gap:2.2vh;margin-top:auto;display:flex}.station-metrics>div{border-bottom:1px solid #ffffff20;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding-bottom:1.5vh;display:grid}.station-metrics svg{color:#9dbfc9}.station-metrics strong{font-size:clamp(23px,2vw,48px);font-weight:400}.station-metrics small{color:#a6c4cf;font-size:.52em}.station-bottom{color:#9dbfc9;z-index:1;align-items:center;gap:12px;margin-top:3.5vh;font-size:clamp(11px,.85vw,20px);display:flex}.forecast{flex-direction:column;min-height:0;display:flex}.section-top{justify-content:space-between;align-items:center;margin-bottom:1.5vh;display:flex}.section-top h2{margin:.7vh 0}.section-top h2 span{color:#6e8790}.status{color:#477164;background:#dde9e6;border-radius:30px;padding:9px 13px;font-size:clamp(10px,.7vw,18px)}.status.stale{color:#785719;background:#f3e5c7}.days{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1vw;min-height:0;display:grid}.day{background:#fff;border:1px solid #dce5e5;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;padding:1.5vw;display:flex;box-shadow:0 6px 20px #163c4c03}.day-top{align-items:center;gap:14px;width:100%;display:flex}.day-index{color:#94abad;font-family:Georgia,serif;font-size:clamp(23px,2vw,48px)}.day h3{text-transform:capitalize;margin:0;font-size:clamp(17px,1.4vw,34px);font-weight:500}.day-top p{color:#789099;margin:6px 0 0;font-size:clamp(12px,.85vw,22px)}.weather-icon{color:#b68c3d;width:clamp(58px,6.6vw,150px);height:clamp(58px,6.6vw,150px);margin:1vh 0}.condition{color:#4b6b77;text-align:center;margin:.7vh 0;font-size:clamp(13px,1.05vw,27px);line-height:1.3}.range{border-top:1px solid #e3eaea;justify-content:center;gap:2vw;width:100%;padding-top:1.5vh;display:flex}.range>div{flex-direction:column;gap:6px;display:flex}.range strong{letter-spacing:-.05em;font-size:clamp(31px,3.5vw,84px);font-weight:400}.range>div+div strong{color:#6997a4}.range span{color:#7e969e;letter-spacing:.12em;font-size:clamp(9px,.61vw,16px)}.chart-section{flex-direction:column;height:24vh;min-height:130px;padding-top:2vh;display:flex}.chart-heading{color:#64818c;justify-content:space-between;align-items:center;font-size:clamp(11px,.85vw,21px);display:flex}.chart-heading>span{align-items:center;gap:7px;display:flex}.chart-heading>div{align-items:center;gap:9px;display:flex}.legend{width:16px;height:3px;display:inline-block}.legend.max{background:#d99b36}.legend.min{background:#188d9c;margin-left:14px}.chart{width:100%;height:100%;min-height:0}.scope{color:#7c9199;text-align:center;margin:0;font-size:clamp(10px,.7vw,18px)}.chart-unavailable{color:#6e8790;flex:1;place-items:center;font-size:1vw;display:grid}.empty{color:#7c9199}.empty strong{font-size:2.5vw;font-weight:400}footer{color:#708991;border-top:1px solid #cddbdc;justify-content:space-between;align-items:center;gap:16px;height:6vh;min-height:35px;font-size:clamp(10px,.73vw,18px);display:flex}footer>div{color:#496c7a;letter-spacing:.08em;align-items:center;gap:9px;font-weight:600;display:flex}.footer-dot{background:#9cb3b6;border-radius:50%;width:6px;height:6px}.divider{color:#a5b8bb;margin:0 7px}@media (max-width:850px){.headline{display:none}.main-grid{grid-template-columns:1fr 2.6fr;gap:14px}.station{padding:18px}.brand-mark{width:42px;height:42px}.brand{gap:10px}.status{text-align:center;max-width:120px}.day{padding:12px}.day-top{gap:7px}.chart-section{height:20vh}.station-metrics{gap:8px}.station-metrics>div{grid-template-columns:20px 1fr auto;gap:4px}.station-metrics svg{width:18px}.station-bottom{gap:6px}footer>div{display:none}}@media (orientation:portrait){body{overflow:auto}.screen{height:auto;min-height:100dvh}.main-grid{grid-template-columns:1fr}.station{display:none}.forecast{min-height:75vh}.chart-section{height:25vh}.days{min-height:40vh}.condition{font-size:14px}footer{font-size:10px}}.official-logo{object-fit:contain;object-position:left center;background:#fff;border-radius:4px;width:clamp(170px,15vw,320px);height:9vh;padding:4px}.forecast-wind{color:#386474;border-top:1px solid #e3eaea;align-items:center;gap:10px;width:100%;min-height:5vh;margin-top:1.3vh;padding-top:1.3vh;display:flex}.forecast-wind>div{flex-direction:column;gap:5px;display:flex}.forecast-wind strong{font-size:clamp(14px,1.15vw,28px);font-weight:500}.forecast-wind strong small{color:#6c8993;font-size:.75em}.wind-bearing{background:#edf4f3;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.wind-bars{align-items:flex-end;gap:3px;height:25px;margin-left:auto;display:flex}.wind-bars i{background:#dbe6e7;border-radius:2px;width:5px}.wind-bars i:first-child{height:7px}.wind-bars i:nth-child(2){height:12px}.wind-bars i:nth-child(3){height:18px}.wind-bars i:nth-child(4){height:24px}.wind-bars i.active{background:#458a98}.wind-strong{color:#95521b}.wind-strong .wind-bearing{background:#f8e9d6}.wind-strong .wind-bars i.active{background:#c98335}.weather-icon{width:clamp(50px,5.2vw,125px);height:clamp(50px,5.2vw,125px)}.range{padding-top:1vh}.headline p{font-size:clamp(18px,1.6vw,38px)}.headline small{color:#617c87;margin-top:6px;font-size:clamp(12px,.92vw,23px);display:block}header{height:22vh;padding-bottom:1.4vh}.headline{flex-direction:column;align-items:center;display:flex}.welcome-photo{object-fit:cover;object-position:50% 40%;border:3px solid #fff;border-radius:50%;width:8vh;height:8vh;margin-top:1vh;display:block;box-shadow:0 3px 12px #163c4c1a}.headline p{margin-top:5px}.headline small{margin-top:4px}.main-grid{padding:2vh 0}.chart-section{height:18vh;min-height:105px}.station-note{margin-bottom:1.5vh}.temperature span{font-size:clamp(60px,6vw,150px)}.station h2{margin-bottom:1.3vh}.station-metrics>div{padding-bottom:1vh}.forecast .weather-icon{width:clamp(40px,4vw,96px);height:clamp(40px,4vw,96px);margin:.5vh 0}.forecast-wind{margin-top:1vh;padding-top:1vh}.section-top{margin-bottom:1vh}.day-top p{margin-top:4px}.official-logo{width:auto;max-width:21vw;height:11vh}.main-grid{grid-template-columns:minmax(0,25fr) minmax(0,45fr) minmax(0,30fr);gap:1.2vw}.station,.forecast,.advertising{min-width:0}.station{padding:1.5vw}.station .eyebrow{font-size:clamp(10px,.63vw,16px)}.temperature span{letter-spacing:-.06em;font-size:clamp(56px,5.5vw,132px)}.station-note{font-size:clamp(11px,.8vw,20px)}.station-metrics{gap:.9vh}.station-metrics>div{grid-template-columns:24px 1fr auto;gap:8px;padding-bottom:1vh}.station-metrics strong{font-size:clamp(21px,1.7vw,42px)}.station-metrics span{font-size:clamp(12px,.95vw,24px)}.station-bottom{margin-top:1.3vh}.days{gap:.6vw}.day{padding:.8vw}.forecast .eyebrow{letter-spacing:.08em;font-size:clamp(9px,.59vw,15px)}.forecast h2{font-size:clamp(24px,1.85vw,45px)}.status{text-align:center;max-width:10em;padding:7px 9px;font-size:clamp(9px,.58vw,15px)}.day-top{gap:7px}.day-index{font-size:clamp(17px,1.3vw,32px)}.day h3{font-size:clamp(14px,1.08vw,27px)}.day-top p{font-size:clamp(10px,.69vw,17px)}.condition{align-items:center;min-height:2.6em;margin:.4vh 0;font-size:clamp(11px,.82vw,20px);display:flex}.range{gap:1.1vw}.range strong{font-size:clamp(27px,2.25vw,54px)}.range span{letter-spacing:.06em;font-size:clamp(8px,.5vw,13px)}.forecast-wind{gap:6px}.forecast-wind strong{font-size:clamp(12px,.94vw,23px)}.forecast-wind span{font-size:clamp(10px,.66vw,17px)}.wind-bearing{width:29px;height:29px}.wind-bearing svg{width:20px;height:20px}.wind-bars{display:none}.chart-heading{font-size:clamp(10px,.65vw,16px)}.chart-heading>div{gap:5px}.legend.min{margin-left:7px}.scope{font-size:clamp(9px,.58vw,15px)}.chart-section{height:17vh}.advertising{background:#fdfcf8;border:1px solid #dce3df;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.ad-header{letter-spacing:.13em;color:#6a7977;justify-content:space-between;align-items:center;gap:8px;height:6vh;min-height:38px;padding:0 1.2vw;font-size:clamp(9px,.65vw,16px);display:flex}.ad-demo{letter-spacing:.08em;border:1px solid #d4d6c7;border-radius:4px;padding:5px 7px;font-size:clamp(8px,.55vw,14px)}.ad-visual{background:#174859;flex:1;min-height:0;position:relative;overflow:hidden}.ad-visual>img{object-fit:cover;object-position:55% center;width:100%;height:100%;position:absolute;inset:0}.ad-shade{background:linear-gradient(#102f3c00 15%,#102f3c44 45%,#102f3cf2 100%);position:absolute;inset:0}.ad-caption{color:#fff;position:absolute;bottom:2.8vh;left:1.7vw;right:1.3vw}.ad-caption>span{letter-spacing:.13em;color:#f2d7a3;font-size:clamp(9px,.65vw,16px)}.ad-caption h2{margin:1.5vh 0;font-size:clamp(30px,3vw,72px);line-height:1.07}.ad-caption p{color:#dae6e8;margin:0;font-size:clamp(12px,.95vw,24px)}.ad-footer{color:#486773;justify-content:space-between;align-items:center;height:6vh;min-height:35px;padding:0 1.3vw;font-size:clamp(11px,.85vw,21px);display:flex}@media (min-width:1700px){.wind-bars{display:flex}}@media (orientation:portrait){body{overflow:auto}.main-grid{grid-template-columns:1fr;gap:20px}.station{min-height:420px;padding:25px;display:flex}.advertising{min-height:500px}.ad-caption{left:25px}.forecast{min-height:680px}.ad-header,.ad-footer{padding-left:20px;padding-right:20px}.days{min-height:350px}.headline p{font-size:16px}}.ad-caption h2{font-size:clamp(25px,2.25vw,54px);line-height:1.13}