.atp-intro-layer,.atp-intro-mark{display:none}.atp-intro .atp-intro-layer{z-index:8;background:#04070e;display:block;position:absolute;inset:0}.atp-intro-layer canvas{position:absolute;top:0;left:0}.atp-intro .atp-intro-mark{z-index:60;transform-origin:0 0;pointer-events:none;color:#fff;will-change:transform;display:block;position:fixed;top:0;left:0;overflow:visible}.atp-intro .atp-intro-mark>*,.atp-intro .hero-bar .hero-logo,.atp-intro-hold .hero-bar{opacity:0}.atp-intro-ran .hero-bar{transition:opacity .6s .15s}.atp-intro-hold :is(.hero-eyebrow,.hero-word,.hero-sub,.hero-cta,.hero-cue){opacity:0}.atp-intro-ran:not(.atp-intro-hold) .hero-eyebrow{animation:.7s cubic-bezier(.22,1,.36,1) both atp-in-up}.atp-intro-ran:not(.atp-intro-hold) .hero-word{animation:.9s cubic-bezier(.22,1,.36,1) both atp-in-word;animation-delay:calc(.12s + var(--i,0) * 70ms)}.atp-intro-ran:not(.atp-intro-hold) .hero-sub{animation:.8s cubic-bezier(.22,1,.36,1) .5s both atp-in-up}.atp-intro-ran:not(.atp-intro-hold) .hero-cta{animation:.7s cubic-bezier(.22,1,.36,1) .65s both atp-in-up}.atp-intro-ran:not(.atp-intro-hold) .hero-cue{animation:.6s 1s both atp-in-fade}.atp-intro-skip.atp-intro-ran :is(.hero-eyebrow,.hero-word,.hero-sub,.hero-cta,.hero-cue){animation-duration:.35s;animation-delay:0s}.atp-intro-skip .hero-bar{transition-duration:.3s;transition-delay:0s}@keyframes atp-in-up{0%{opacity:0;transform:translateY(20px)}}@keyframes atp-in-word{0%{opacity:0;transform:translateY(110%)}}@keyframes atp-in-fade{0%{opacity:0}}
