.weather-hero-layout{align-items:center}.weather-hero-copy{display:flex;flex-direction:column;justify-content:center}.weather-hero-visual{max-width:520px;margin-inline:auto}@media(min-width:960px){.weather-hero-visual{justify-self:end}}.weather-hero-card{padding:0;border-radius:var(--radius-xl);overflow:hidden}.weather-hero-image{width:100%;height:auto;display:block}.weather-hero-caption{padding:var(--space-3);font-size:var(--text-xs);letter-spacing:0.12em;text-transform:uppercase;color:rgba(209,213,219,0.96);background:rgba(15,23,42,0.96);border-top:1px solid rgba(55,65,81,0.95)}.weather-phase-grid{margin-top:var(--space-4)}.weather-phase-card{display:flex;flex-direction:column;height:100%}.weather-phase-figure{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(55,65,81,0.9);background:rgba(15,23,42,0.96)}.weather-phase-image{width:100%;height:auto;display:block}.weather-compare-grid,.weather-style-grid{gap:var(--space-6)}.weather-summary-card{margin-top:var(--space-8)}.weather-summary-layout{align-items:center}.weather-summary-actions{display:flex;flex-direction:column;justify-content:space-between}.weather-summary-actions .hero-actions{margin-top:0}@media(max-width:767px){.weather-summary-actions{margin-top:var(--space-4)}}