.intro-moon{position:relative;width:clamp(58px,8vw,82px);height:clamp(58px,8vw,82px);margin:8px 0 2px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(247,245,235,.92) 0 2%,transparent 3%),radial-gradient(circle at 64% 38%,rgba(201,185,155,.38) 0 8%,transparent 9%),radial-gradient(circle at 37% 67%,rgba(201,185,155,.26) 0 6%,transparent 7%),radial-gradient(circle at 68% 72%,rgba(245,244,240,.16) 0 4%,transparent 5%),linear-gradient(145deg,#f4f2ea,#aaa9a5 58%,#5c6267);box-shadow:inset -12px -8px 22px rgba(4,6,9,.5),inset 5px 4px 15px rgba(255,255,255,.35),0 0 34px rgba(201,185,155,.16);opacity:0;transform:scale(.72);animation:moonReveal .8s .25s cubic-bezier(.2,.8,.2,1) forwards}.intro-moon::before{content:'';position:absolute;inset:-15px;border:1px solid rgba(245,244,240,.16);border-radius:50%;transform:rotate(-90deg);border-right-color:transparent;border-bottom-color:transparent;animation:moonOrbit 2.2s .25s cubic-bezier(.2,.7,.2,1) forwards}.intro-moon::after{content:'';position:absolute;inset:-15px;border-radius:50%;background:conic-gradient(from -90deg,transparent 0deg,transparent 18deg,rgba(201,185,155,.95) 19deg,rgba(245,244,240,.85) 110deg,transparent 112deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 calc(100% - .5px));mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 calc(100% - .5px));transform:rotate(-90deg);animation:moonCharge 2.25s .25s cubic-bezier(.2,.7,.2,1) forwards}@keyframes moonReveal{to{opacity:1;transform:scale(1)}}@keyframes moonOrbit{0%{transform:rotate(-90deg)}100%{transform:rotate(270deg)}}@keyframes moonCharge{0%{opacity:0;transform:rotate(-90deg)}12%{opacity:1}92%{opacity:1}100%{opacity:0;transform:rotate(270deg)}}.intro-line{margin-top:8px}.studio-intro small{animation:introText .7s .95s ease forwards}@media(prefers-reduced-motion:reduce){.intro-moon,.intro-moon::before,.intro-moon::after{animation:none;opacity:1;transform:none}}