[data-season=fall]{--season-tint:#e2842a;--season-tint2:#c2410c}[data-season=winter]{--season-tint:#3b82f6;--season-tint2:#6366f1}[data-season=spring]{--season-tint:#f472b6;--season-tint2:#db2777}.season-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.season-wash{position:absolute;inset:0;height:150px;background:radial-gradient(ellipse 78% 130% at 105% 0,color-mix(in srgb,var(--season-tint2) 36%,transparent),color-mix(in srgb,var(--season-tint) 23%,transparent) 43%,transparent 78%);mask-image:linear-gradient(#000,#000 45px,transparent 145px)}.season-art{position:absolute;top:0;right:0;height:182px;width:48%;max-width:230px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 25%),linear-gradient(180deg,#000 0,#000 65px,rgb(0 0 0/.28) 125px,transparent 182px);mask-composite:intersect}.season-flow,.season-rest{position:absolute;inset:0;transition:opacity .65s cubic-bezier(.2,.65,.3,1)}.season-flow{opacity:0}.season-drop,.season-mark{position:absolute;display:block}.season-drop img,.season-mark img{display:block;height:100%;width:100%;object-fit:contain}.season-drop{top:-34px;opacity:0;animation:season-descent var(--duration) linear var(--phase) infinite paused}.season-sway,.season-turn{display:block;height:100%;width:100%}.season-sway{animation:season-sway var(--gust-duration,calc(var(--duration) * .58)) ease-in-out var(--phase) infinite alternate paused}.season-turn{animation:season-turn var(--duration) ease-in-out var(--phase) infinite alternate paused}@keyframes season-descent{0%{opacity:0;transform:translateZ(0)}12%{opacity:var(--alpha)}46%{opacity:var(--alpha)}88%,to{opacity:0;transform:translate3d(0,220px,0)}}@keyframes season-sway{0%{transform:translate3d(calc(var(--sway) * -.5),0,0)}to{transform:translate3d(var(--sway),0,0)}}@keyframes season-turn{0%{transform:rotate(var(--angle))}to{transform:rotate(calc(var(--angle) + var(--turn)))}}@media (prefers-reduced-motion:no-preference){.season-host:has(>h3>button:focus-visible)>.season-scene .season-rest,.season-host:hover>.season-scene .season-rest{opacity:0}.season-host:has(>h3>button:focus-visible)>.season-scene .season-flow,.season-host:hover>.season-scene .season-flow{opacity:1}.season-host:has(>h3>button:focus-visible)>.season-scene :is(.season-drop,.season-sway,.season-turn),.season-host:hover>.season-scene :is(.season-drop,.season-sway,.season-turn){animation-play-state:running}}@media (prefers-reduced-motion:reduce){.season-flow{display:none}.season-rest{transition:none}}