.seasonal-decoration{position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;border-radius:22px;min-height:174px;margin:0 0 30px;background:linear-gradient(115deg,#123e36 0%,#183b51 52%,#68283f 100%);color:#fff;contain:layout paint}
.seasonal-decoration.season-autumn{background:linear-gradient(115deg,#633039,#64412a 52%,#254c3f)}
.seasonal-copy{position:relative;z-index:2;width:65%;padding:24px 30px;pointer-events:none}.seasonal-copy p{font-size:clamp(17px,2vw,23px);font-weight:650;line-height:1.35;margin:6px 0 12px;max-width:28ch}.seasonal-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#f6d598}
.seasonal-art{position:absolute;inset:0;z-index:1;pointer-events:none}.seasonal-story{position:absolute;right:2%;bottom:0;width:290px;height:160px;overflow:visible}.seasonal-particles{position:absolute;inset:0;overflow:hidden;opacity:.75}.seasonal-particle{position:absolute;top:-25px;left:73%;font-size:18px;opacity:0;animation:season-fall 7s linear infinite;will-change:transform,opacity}.particle-0{left:4%;animation-delay:-2s}.particle-1{left:16%;animation-delay:-5s;font-size:12px}.particle-2{left:27%;animation-delay:-1s}.particle-3{left:40%;animation-delay:-4s;font-size:11px}.particle-4{left:52%;animation-delay:-6s}.particle-5{left:62%;animation-delay:-3s;font-size:13px}.particle-6{left:70%;animation-delay:-6.5s}.particle-7{left:78%;animation-delay:-1.5s;font-size:12px}.particle-8{left:83%;animation-delay:-4.5s}.particle-9{left:88%;animation-delay:-.5s;font-size:13px}.particle-10{left:93%;animation-delay:-3.5s}.particle-11{left:98%;animation-delay:-5.5s;font-size:11px}
.snow-ground{transform-origin:60% 100%;animation:snow-gather 24s linear infinite}.snow-friend{transform-origin:177px 150px;animation:snow-friend 24s ease-in-out infinite}.leaf-pile{transform-origin:190px 150px;animation:leaf-gather 24s linear infinite}.autumn-caretaker{animation:caretaker-visit 24s linear infinite}.caretaker-broom{transform-origin:201px 86px;animation:broom-sweep 24s ease-in-out infinite}.season-autumn .seasonal-particle{animation-name:leaf-fall;font-size:17px}
@keyframes season-fall{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}8%{opacity:.8}90%{opacity:.65}100%{transform:translate3d(-22px,210px,0) rotate(100deg);opacity:0}}
@keyframes leaf-fall{0%{transform:translate3d(0,0,0) rotate(-20deg);opacity:0}8%{opacity:.8}90%{opacity:.8}100%{transform:translate3d(32px,210px,0) rotate(220deg);opacity:0}}
@keyframes snow-gather{0%{transform:scaleY(.1);opacity:.4}45%,62%{transform:scaleY(1);opacity:1}70%,90%{transform:scaleY(.45);opacity:.85}100%{transform:scaleY(.1);opacity:.4}}
@keyframes snow-friend{0%,48%{transform:translateY(25px) scale(.15);opacity:0}59%,86%{transform:translateY(0) scale(1);opacity:1}96%,100%{transform:translateY(12px) scale(.85);opacity:0}}
@keyframes leaf-gather{0%{transform:scale(.1);opacity:0}48%,68%{transform:scale(1);opacity:1}82%,100%{transform:translateX(38px) scale(.2);opacity:0}}
@keyframes caretaker-visit{0%,48%{transform:translateX(170px);opacity:0}50%{opacity:1}63%,83%{transform:translateX(0);opacity:1}98%,100%{transform:translateX(-300px);opacity:0}}
@keyframes broom-sweep{0%,63%{transform:rotate(0)}66%,73%,80%{transform:rotate(20deg)}69%,76%,83%{transform:rotate(-17deg)}86%,100%{transform:rotate(0)}}
.seasonal-decoration.is-paused *{animation-play-state:paused!important}
.seasonal-decoration.is-reduced .seasonal-particle{display:none}.seasonal-decoration.is-reduced .seasonal-story *{animation:none!important}.seasonal-decoration.is-reduced .snow-ground,.seasonal-decoration.is-reduced .snow-friend,.seasonal-decoration.is-reduced .leaf-pile{opacity:1;transform:none}.seasonal-decoration.is-reduced .autumn-caretaker{display:none}
@media(max-width:600px){.seasonal-decoration{min-height:210px;border-radius:16px}.seasonal-copy{width:74%;align-self:flex-start;padding:18px 18px 90px}.seasonal-copy p{font-size:17px;max-width:24ch}.seasonal-story{width:200px;height:107px;right:-16px}.seasonal-particle:nth-child(n+7){display:none}}
@media(prefers-reduced-motion:reduce){.seasonal-decoration *{animation:none!important}.seasonal-particle,.autumn-caretaker{display:none!important}.snow-ground,.snow-friend,.leaf-pile{opacity:1;transform:none}}

.season-autumn .seasonal-particle{width:19px;height:23px;color:#f3b848}.season-autumn .seasonal-particle svg{display:block;width:100%;height:100%}.season-autumn .seasonal-particle:nth-child(3n){color:#ec7944}.season-autumn .seasonal-particle:nth-child(4n){color:#cb4b52}

.leaf-scatter{transform-origin:240px 145px;animation:leaf-scatter 24s ease-out infinite}@keyframes leaf-scatter{0%,66%{opacity:0;transform:translate(0,0) rotate(0)}70%,77%{opacity:1;transform:translate(10px,-8px) rotate(12deg)}84%,100%{opacity:0;transform:translate(45px,-4px) rotate(38deg)}}.seasonal-decoration.is-reduced .leaf-scatter{display:none}@media(prefers-reduced-motion:reduce){.leaf-scatter{display:none}}

.seasonal-decoration.season-spring{background:linear-gradient(115deg,#204e42,#35687b 62%,#846943)}
.spring-snow,.spring-snow-front{transform-origin:150px 154px;animation:spring-thaw 24s ease-in-out infinite}.spring-snow-front{animation-delay:1s}.spring-water{animation:spring-water 24s linear infinite}.spring-flower{transform-origin:center bottom;transform-box:fill-box;animation:spring-bloom 24s ease-out infinite}.flower-two{animation-delay:1s}.flower-three{animation-delay:2s}.sun-rays{transform-origin:245px 32px;animation:sun-turn 48s linear infinite}
@keyframes spring-thaw{0%,10%{transform:scaleY(1);opacity:1}55%,90%{transform:scaleY(.04);opacity:0}100%{transform:scaleY(1);opacity:1}}
@keyframes spring-bloom{0%,32%{transform:translateY(9px) scaleY(.08);opacity:0}58%,90%{transform:translateY(0) scaleY(1);opacity:1}100%{transform:translateY(9px) scaleY(.08);opacity:0}}
@keyframes spring-water{0%,15%{opacity:0}45%,68%{opacity:.8}90%,100%{opacity:0}}
@keyframes sun-turn{to{transform:rotate(360deg)}}
.seasonal-decoration.is-reduced .spring-snow,.seasonal-decoration.is-reduced .spring-snow-front,.seasonal-decoration.is-reduced .spring-water{display:none}.seasonal-decoration.is-reduced .spring-flower{transform:none;opacity:1}
@media(prefers-reduced-motion:reduce){.spring-snow,.spring-snow-front,.spring-water{display:none}.spring-flower{transform:none;opacity:1}}
.spring-flower{animation-fill-mode:both}