.beat-moon-intro{position:fixed;inset:0;z-index:99999;background:#030612;pointer-events:auto;opacity:1;transition:opacity .6s ease}
.beat-moon-intro.is-closing{opacity:0;pointer-events:none}
.beat-moon-intro .intro-art{position:absolute;inset:0;background:#030612 url('./moon-d0e68fe4ea0a04d3.jpg') center 12%/max(520px,72svh) auto no-repeat}
.beat-moon-intro .moon-brand{position:absolute;top:55%;left:50%;transform:translateX(-50%);text-align:center;color:#ece3d1}
.beat-moon-intro .moon-brand img{display:block;width:min(78vw,350px);height:auto;transform:translateX(7.5%)}
.beat-moon-intro .moon-brand span{display:block;margin-top:12px;font:200 23px/1 'Avenir Next',sans-serif;letter-spacing:.6em;text-indent:.6em}
@media(prefers-reduced-motion:reduce){.beat-moon-intro{transition:none}}