/* Ambient motion stays behind readable, stationary copy and controls. */
.hero-bg{animation:portal-breathe 9s ease-in-out infinite}
.hero-art>img{animation:guardian-float 7s ease-in-out infinite;will-change:transform}
.hero-art .orbit{border-color:#d9bc7850;animation:orbit-aura 7s ease-in-out infinite}
.hero-art:before,.hero-art:after{content:"";position:absolute;inset:8%;pointer-events:none;border-radius:50%;z-index:0;background:radial-gradient(circle at 15% 25%,#f6d694 0 1px,transparent 3px),radial-gradient(circle at 80% 20%,#c297ff 0 2px,transparent 4px),radial-gradient(circle at 90% 60%,#ecd2ff 0 1px,transparent 3px),radial-gradient(circle at 20% 80%,#d9b76d 0 2px,transparent 4px),radial-gradient(circle at 60% 90%,#bd8be9 0 1px,transparent 3px);animation:portal-motes 11s ease-in-out infinite}
.hero-art:after{inset:15% 3%;animation-delay:-5.5s;animation-duration:14s;opacity:.5}
.hero-art>img{z-index:1}.hero-art .art-caption{z-index:2}
.hero-motion-toggle{position:absolute;bottom:12px;right:8%;z-index:3;background:#100e1599;border:1px solid #ddbb7835;border-radius:20px;padding:7px 12px;color:#d5c5df;font:10px Manrope,Arial,sans-serif;cursor:pointer}
.hero-motion-toggle:hover{border-color:#ddbb7880;color:var(--gold)}
.hero.motion-paused .hero-bg,.hero.motion-paused .hero-art>img,.hero.motion-paused .orbit,.hero.motion-paused .hero-art:before,.hero.motion-paused .hero-art:after{animation-play-state:paused}
@keyframes portal-breathe{0%,100%{opacity:.45}50%{opacity:.65}}
@keyframes guardian-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes orbit-aura{0%,100%{box-shadow:0 0 0 20px #d1b07805,0 0 35px #a265d512}50%{box-shadow:0 0 0 27px #d1b07808,0 0 55px #a265d526}}
@keyframes portal-motes{0%,100%{transform:translateY(10px);opacity:.3}50%{transform:translateY(-15px);opacity:.8}}
@media(max-width:800px){.hero-motion-toggle{right:6%;bottom:5px;font-size:8px;padding:5px 8px}.hero-art>img{animation-name:guardian-float-mobile}@keyframes guardian-float-mobile{50%{transform:translateY(-5px)}}}
@media(prefers-reduced-motion:reduce){.hero-bg,.hero-art>img,.hero-art .orbit,.hero-art:before,.hero-art:after{animation:none!important;will-change:auto}.hero-motion-toggle{display:none}}