/* Scoped to the seasonal hero; the original spring habitat is retained. */
.hero:has(.habitat-autumn){background:#f4e8d6}
.habitat-autumn .habitat-landscape{object-position:center center;animation:none;transform:none}
.habitat-autumn .habitat-light{background:linear-gradient(90deg,#fbf7eef7 0%,#fbf7eeed 22%,#fbf7eec7 37%,#fbf7ee55 52%,transparent 69%)}
.hero:has(.habitat-autumn) h1 em{color:#8a471f}
.hero:has(.habitat-autumn) .hero-copy>p{color:#565040}
.autumn-leaves{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}
.autumn-leaf{position:absolute;left:var(--x);top:-8%;width:var(--size);color:var(--leaf-color);animation:autumn-fall var(--duration) var(--delay) linear infinite;will-change:transform;opacity:0}
.autumn-leaf svg{display:block;width:100%;height:auto;animation:autumn-sway 5s ease-in-out infinite alternate}
@keyframes autumn-fall{0%{transform:translate3d(0,-30px,0) rotate(-20deg);opacity:0}8%{opacity:.8}85%{opacity:.7}100%{transform:translate3d(var(--drift),950px,0) rotate(220deg);opacity:0}}
@keyframes autumn-sway{from{transform:translateX(-18px) rotateY(-35deg) rotate(-18deg)}to{transform:translateX(18px) rotateY(45deg) rotate(24deg)}}
.motion-paused .autumn-leaf,.motion-paused .autumn-leaf svg{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.autumn-leaves{display:none}}
@media(max-width:700px){.habitat-autumn .habitat-landscape{object-position:65% center}.habitat-autumn .habitat-light{background:linear-gradient(90deg,#fbf7eef2,#fbf7eec4 58%,#fbf7ee45)}.autumn-leaf:nth-child(n+5){display:none}.autumn-leaf{opacity:.5}}