/* Page-top decoration includes the header and is clipped at the hero's bottom. */
.spp-autumn-layer{position:fixed;top:0;left:0;right:0;transform:translate3d(0,var(--offset,0px),0);overflow:hidden;z-index:1100;pointer-events:none!important;user-select:none;contain:layout paint;opacity:1;transition:opacity 1s ease}
.spp-autumn-layer.is-ending{opacity:0}
.spp-autumn-leaf{position:absolute;top:-65px;left:var(--left);width:var(--size);height:var(--size);opacity:var(--opacity);animation:spp-autumn-fall var(--fall) linear var(--delay) infinite;pointer-events:none!important;will-change:transform}
.spp-autumn-sway{display:block;width:100%;height:100%;animation:spp-autumn-sway var(--sway) ease-in-out infinite alternate}
.spp-autumn-leaf img{display:block;width:100%;height:100%;object-fit:contain;animation:spp-autumn-turn var(--turn) ease-in-out infinite alternate;filter:drop-shadow(1px 3px 2px #1d10051a);pointer-events:none!important}
.spp-autumn-layer.is-paused *{animation-play-state:paused!important}
@keyframes spp-autumn-fall{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--drift),var(--travel),0)}}
@keyframes spp-autumn-sway{from{transform:translateX(-16px) rotate(-14deg)}to{transform:translateX(22px) rotate(20deg)}}
@keyframes spp-autumn-turn{from{transform:perspective(300px) rotateY(-35deg) rotateZ(var(--rotation))}to{transform:perspective(300px) rotateY(55deg) rotateZ(calc(var(--rotation) + 100deg))}}
@media(prefers-reduced-motion:reduce){.spp-autumn-layer{display:none!important}}