/* Only the background rotates; the original hero layout stays in style.css. */
.hero-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none}
.hero-background .hero-photo{inset:0;opacity:0;transition:opacity 1s ease;animation:none}
.hero-background .hero-photo.is-active{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-background .hero-photo{transition:none}}