.leaf-scene{position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none;display:none;contain:layout paint}
.stream-trial.motion-on .leaf-scene{display:block}
.leaf-scene svg{position:absolute;overflow:visible}
.breeze-leaf{transform-box:fill-box;transform-origin:50% 100%;animation:leaf-breeze var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}
.falling-leaf{opacity:0;animation:leaf-fall 18s linear infinite;animation-delay:var(--delay)}
.leaf-scene.paused *{animation-play-state:paused!important}
@keyframes leaf-breeze{from{transform:rotate(-5deg) translate(0,0)}to{transform:rotate(7deg) translate(2px,-1px)}}
@keyframes leaf-fall{0%,7%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:.85}65%{opacity:.8}76%,100%{opacity:0;transform:translate(75px,520px) rotate(230deg)}}
@media(max-width:700px){.leaf-scene svg>g:first-child>g:nth-child(n+9),.leaf-scene svg>g:last-child>g:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.leaf-scene{display:none!important}.leaf-scene *{animation:none!important}}

.hero>.gt-autumn-picture{position:absolute;inset:0;z-index:-3;pointer-events:none}.gt-autumn-picture>#season-image{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.8)}.hero>img.hero-tree-layer{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;filter:saturate(.85)}.hero:has(>.gt-autumn-picture):before{z-index:-1}@media(max-width:700px){.gt-autumn-picture>#season-image{object-position:61% center}.hero>img.hero-tree-layer{object-position:80% top}}