.hero-sky{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden}
.hero-cloud-drift{animation:none;transform-origin:0 0;will-change:transform}
@keyframes moya-cloud-drift{from{transform:translateX(-16px)}to{transform:translateX(16px)}}
.is-motion-paused .hero-cloud-drift,.is-sky-inactive .hero-cloud-drift,.is-sky-offscreen .hero-cloud-drift{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-cloud-drift{animation:none;transform:none}}
.hero-pause{position:absolute;z-index:5;right:1rem;bottom:1rem;border:1px solid #ffffff66;background:#09181d99;color:#fff;border-radius:50%;width:2.6rem;height:2.6rem;cursor:pointer;display:grid;place-items:center}
.hero-pause::before{content:"";width:8px;height:11px;border-left:2px solid currentColor;border-right:2px solid currentColor;box-sizing:content-box}
.hero-pause[aria-pressed="true"]::before{width:0;height:0;border:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:2px}
.hero-pause:focus-visible{outline:3px solid #62d6c1;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hero-pause{display:none}}
.nav-cta .nav-arrow{display:inline-block;width:.65rem;height:.65rem;border-top:1px solid currentColor;border-right:1px solid currentColor;position:relative;margin-left:.4rem;vertical-align:middle}
.nav-cta .nav-arrow::after{content:"";position:absolute;width:.85rem;height:1px;background:currentColor;right:-.1rem;top:.23rem;transform:rotate(-45deg)}
