.hdr .seasonal-brand{position:relative}
.logo-season-tree{position:absolute;left:0;top:0;height:100%;width:auto;overflow:visible;pointer-events:none;opacity:0}
.season-running>img{clip-path:inset(0 0 0 25.55%)}
.season-running .logo-season-tree{opacity:1}
.season-running .season-leaf{animation:leaf-season 9.5s ease-in-out var(--delay) both}
@keyframes leaf-season{0%,12%{transform:translate(0,0) rotate(0) scale(1);opacity:1;filter:none}35%{transform:translate(var(--drift),var(--fall)) rotate(var(--turn)) scale(.85);opacity:0;filter:none}44%{transform:translate(0,0) rotate(0) scale(0);opacity:0;filter:var(--leaf-green)}62%,79%{transform:translate(0,0) rotate(0) scale(1);opacity:1;filter:var(--leaf-green)}95%,100%{transform:translate(0,0) rotate(0) scale(1);opacity:1;filter:none}}
html[data-motion="paused"] .season-running>img{clip-path:none}
html[data-motion="paused"] .logo-season-tree{display:none}
@media(prefers-reduced-motion:reduce){.season-running>img{clip-path:none}.logo-season-tree{display:none}.season-leaf{animation:none!important}}

.seasonal-mark{position:relative}
.seasonal-mark>.season-source{display:block;width:100%;height:auto}
.seasonal-mark.season-running>.season-source{visibility:hidden;clip-path:none}
.seasonal-mark .logo-season-tree{width:100%;height:100%}
html[data-motion="paused"] .seasonal-mark>.season-source{visibility:visible}
@media(prefers-reduced-motion:reduce){.seasonal-mark>.season-source{visibility:visible!important}}