/* Full-bleed ambient motion, kept separate from the pointer-driven lunar texture. */
.lunar-atmosphere{position:absolute;inset:-6%;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:.95}
.lunar-atmosphere:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 78% 36%,#bacbd133,transparent 43%),radial-gradient(ellipse at 55% 80%,#b3c5cf20,transparent 46%);animation:lunar-breathe 18s ease-in-out infinite alternate}
.lunar-stars{position:absolute;inset:0;animation:lunar-drift 48s linear infinite alternate;transform:translate3d(0,0,0)}
.lunar-stars i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#dce4e8;opacity:var(--alpha);box-shadow:0 0 5px #ccdce222;animation:lunar-twinkle var(--duration) ease-in-out var(--delay) infinite alternate}
.lunar-stars--far{animation-duration:75s;opacity:.5}
.cinematic .hero-bio{max-width:fit-content;padding:13px 18px 13px 0;border-radius:8px;background:linear-gradient(90deg,#11131540,#11131500)}
.cinematic .hero-foot a{display:inline-flex;align-items:center;gap:16px;padding:12px 18px;border:1px solid #c3d1d438;border-radius:999px;background:#20282e80;backdrop-filter:blur(12px);transition:background .25s,border-color .25s}
.cinematic .hero-foot a:hover{background:#35424c9c;border-color:#d0dce080}
.lunar-paused .lunar-atmosphere *,.lunar-paused .lunar-atmosphere:before{animation-play-state:paused!important}
@keyframes lunar-drift{to{transform:translate3d(-22px,14px,0)}}
@keyframes lunar-breathe{to{transform:translate3d(-1%,2%,0) scale(1.06);opacity:.5}}
@keyframes lunar-twinkle{to{opacity:calc(var(--alpha)*.35)}}
@media(max-width:640px){.lunar-atmosphere{opacity:.5}.cinematic .hero-foot a{font-size:10px;padding:10px 12px;gap:8px}.cinematic .hero-foot>span{max-width:48%}}
@media(prefers-reduced-motion:reduce){.lunar-atmosphere *,.lunar-atmosphere:before{animation:none!important}}
