.roofing-city .hero-box{max-width:700px}.roofing-city .hero h1{font-size:clamp(36px,4.2vw,58px)}.roof-styles{display:grid;grid-template-columns:1fr 1fr;gap:28px}.roof-style .ph{height:auto;aspect-ratio:16/10}.roof-style h3{font-size:26px;margin:20px 0 10px}.roof-style p,.weather-grid p{color:var(--muted)}.local-weather{background:var(--tint)}.weather-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.weather-grid article{background:white;border-radius:14px;padding:24px;border-top:3px solid var(--brand)}.weather-grid h3{font-family:inherit;font-size:21px}.coverage-row{display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.roofing-city .towns{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.roofing-city .towns li{background:white;border:1px solid var(--line);border-radius:6px;padding:6px 12px}.other-areas{font-size:14px;padding-block:24px}.other-areas .wrap{display:flex;gap:12px 20px;flex-wrap:wrap}@media(max-width:560px){.roofing-city .hero h1{font-size:36px}.roof-styles,.weather-grid,.coverage-row{grid-template-columns:1fr}.roof-style h3{font-size:24px}}