Spring
Summer
Fall
Winter
.se-visual{display:flex;flex-direction:column;align-items:center;gap:0; margin-top:-30px;}
.se-stage{position:relative;width:100%;max-width:620px;aspect-ratio:1}
.se-halo{position:absolute;inset:6%;border-radius:50%;background:#f1e6f0}
.se-disc{position:absolute;inset:9%;border-radius:50%;overflow:hidden;background:#7d3b7a}
.se-houses{position:absolute;inset:0}
.se-house{position:absolute;left:50%;top:24%;width:113%;transform:translateX(-50%);filter:drop-shadow(0 30px 30px rgba(61,25,60,.25));opacity:0;animation:se-house 8s ease-in-out infinite;animation-delay:calc(var(--i) * 2s)}
.se-house:first-child{opacity:1;animation-name:se-house-first}
@keyframes se-house{0%{opacity:0}6%,25%{opacity:1}31%,100%{opacity:0}}
@keyframes se-house-first{0%,25%{opacity:1}31%,94%{opacity:0}100%{opacity:1}}
/* Glow: one layer per season, 8s loop, 2s each */
.se-glow{position:absolute;left:30%;top:0%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--c) 0%,transparent 75%);opacity:0;animation:se-season 8s ease-in-out infinite,se-breathe 7s ease-in-out infinite;animation-delay:calc(var(--i) * 2s),0s}
.se-glow:first-child{opacity:.45;animation-name:se-season-first,se-breathe}
@keyframes se-season{0%{opacity:0}6%,25%{opacity:.45}31%,100%{opacity:0}}
@keyframes se-season-first{0%,25%{opacity:.45}31%,94%{opacity:0}100%{opacity:.45}}
@keyframes se-breathe{0%,100%{scale:1}50%{scale:1.08}}
/* Pills: same loop and delays as the glow */
.se-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:-20px}
.se-pill{padding:10px 20px;border-radius:30px;font:700 14px/1 'Montserrat',sans-serif;background:#f1e6f0;color:#7d3b7a;animation:se-pill 8s ease-in-out infinite;animation-delay:calc(var(--i) * 2s)}
.se-pill:first-child{background:#7d3b7a;color:#fff;animation-name:se-pill-first}
@keyframes se-pill{0%,31%,100%{background:#f1e6f0;color:#7d3b7a}6%,25%{background:#7d3b7a;color:#fff}}
@keyframes se-pill-first{0%,25%{background:#7d3b7a;color:#fff}31%,94%{background:#f1e6f0;color:#7d3b7a}100%{background:#7d3b7a;color:#fff}}
@media (prefers-reduced-motion:reduce){
.se-glow,.se-pill{animation:none!important}
.se-glow{opacity:0!important}
.se-glow:nth-child(2){opacity:.45!important}
.se-pill{background:#f1e6f0!important;color:#7d3b7a!important}
.se-pill:nth-child(2){background:#7d3b7a!important;color:#fff!important}
.se-house{animation:none!important;opacity:0!important}
.se-house:nth-child(2){opacity:1!important}
}
@media (max-width:1024px){
.se-visual{order:-1}
.se-stage{max-width:440px}
}
