/* Home-only atmosphere. Original composition and hover transformations are retained. */
body.home-page #hero-section .hero-eclipse-aura{
 position:absolute;inset:0;z-index:1;pointer-events:none;
 background:radial-gradient(ellipse 165px 125px at 50% 3%,transparent 42%,#db281e38 67%,transparent 100%),radial-gradient(ellipse 32% 38% at 50% 0%,#b51b2538,transparent 85%);
 opacity:.12;animation:hero-eclipse-breath 17s ease-in-out infinite;
 animation-play-state:paused;
}
body.home-page #hero-section .hero-character-container img{
 transform-origin:50% 96%;
 animation:hero-wind-left 9.5s ease-in-out infinite;
 animation-play-state:paused;
}
body.home-page #hero-section .hero-character-container.right img{
 animation-name:hero-wind-right;animation-duration:11.5s;
}
body.home-page #hero-section[data-atmosphere="active"] .hero-eclipse-aura,
body.home-page #hero-section[data-atmosphere="active"] .hero-character-container img{animation-play-state:running}
body.home-page #hero-section[data-atmosphere="off"] .hero-eclipse-aura{opacity:0;animation:none}
body.home-page #hero-section[data-atmosphere="off"] .hero-character-container img{animation:none;rotate:none;translate:none}
@keyframes hero-eclipse-breath{0%,100%{opacity:.12}48%{opacity:.64}65%{opacity:.46}}
@keyframes hero-wind-left{0%,100%{rotate:-.19deg;translate:0 0}50%{rotate:.23deg;translate:1px -1.5px}}
@keyframes hero-wind-right{0%,100%{rotate:.14deg;translate:0 0}50%{rotate:-.2deg;translate:-1px -1px}}
@media(max-width:700px){body.home-page #hero-section .hero-eclipse-aura{background:radial-gradient(ellipse 130px 105px at 50% 3%,transparent 42%,#db281e38 67%,transparent 100%),radial-gradient(ellipse 60% 28% at 50% 0%,#b51b2538,transparent 85%)}}
@media(prefers-reduced-motion:reduce){body.home-page #hero-section .hero-eclipse-aura{display:none}body.home-page #hero-section .hero-character-container img{animation:none!important;rotate:none!important;translate:none!important}}