*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #c26a15;outline-offset:5px}a[aria-current="page"]{text-decoration-thickness:2px;font-weight:700}img{max-width:100%;height:auto}.skip{position:absolute;left:16px;top:-100px;z-index:10;background:#fff4d7;color:#241c18;padding:12px 18px;font:1rem Arial,sans-serif}.skip:focus{top:12px}h1,h2{text-wrap:balance}p{text-wrap:pretty}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:#f3eee2;color:#112d3b;font-family:'Trebuchet MS',Verdana,sans-serif}.masthead{background:#f06533;padding:24px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{font-weight:700;max-width:12ch;font-size:1.15rem;line-height:1.05;text-decoration:none;color:#112d3b}nav{display:flex;gap:25px;flex-wrap:wrap;font-size:.87rem}nav a{padding:8px 0}main{max-width:1440px;margin:auto}.weather-hero{display:grid;grid-template-columns:1fr 1fr;background:#112d3b;color:#f3eee2;align-items:center;min-height:500px}.weather-hero h1{font-size:clamp(2.8rem,5.6vw,5.5rem);font-weight:700;line-height:1;letter-spacing:-.035em;margin:0;padding:65px 12%;max-width:13ch}.weather-hero figure{margin:0;padding:40px 10% 40px 0}.weather-hero img{width:100%}.weather-hero figcaption{font-size:.78rem;line-height:1.6;color:#eac7a8;margin-top:18px;max-width:48ch}.weather-copy{padding:65px 6%;display:grid;grid-template-columns:.65fr 1.7fr;gap:8%}.weather-copy h2{font-size:1.35rem;line-height:1.3;margin:0;max-width:16ch}.prose{max-width:72ch}.prose p{font-size:1.05rem;line-height:1.8;margin:0 0 24px}.prose p:first-child{font-size:1.2rem}footer{background:#e5ddcd;padding:25px 5%;font-size:.8rem;display:flex;justify-content:space-between;gap:25px}@media(max-width:740px){.masthead{align-items:flex-start;flex-direction:column;gap:16px}nav{gap:22px}.weather-hero{grid-template-columns:1fr;min-height:0}.weather-hero h1{padding:48px 6% 24px;max-width:15ch}.weather-hero figure{padding:0 6% 30px;max-width:600px}.weather-copy{padding:40px 6%;grid-template-columns:1fr;gap:24px}footer{flex-direction:column}}