.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--cc-ink);overflow:hidden;display:block;will-change:transform;animation:intro-failsafe .9s var(--cc-ease-in-out) 6s forwards}.intro[data-js=true]{animation:none}.intro[hidden]{display:none}@keyframes intro-failsafe{to{transform:translateY(-100%);visibility:hidden}}.intro__frames{position:absolute;top:0;right:0;bottom:0;left:0}.intro__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:grayscale(.6) contrast(1.15)}.intro__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.3) 0px,rgba(0,0,0,.3) 1px,transparent 1px,transparent 3px)}.intro__bar{position:absolute;top:0;left:0;right:0;height:1px;background:var(--cc-fire);transform:scaleX(0);transform-origin:left center}.intro__center{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding-inline:1.5rem}.intro__mark{width:4rem;height:4rem;object-fit:contain}.intro__label{color:var(--cc-mist-dim);text-align:center;margin:0}.intro__count{position:absolute;right:1.5rem;bottom:1.5rem;z-index:10;margin:0;font-family:var(--cc-font-title);color:var(--cc-mist);font-size:15vw;line-height:1;font-variant-numeric:tabular-nums}.intro__meta{position:absolute;left:1.5rem;bottom:1.5rem;z-index:10;margin:0;color:var(--cc-mist-dim)}@media(min-width:768px){.intro__mark{width:5rem;height:5rem}.intro__count{font-size:9vw;right:2.5rem;bottom:2.5rem}.intro__meta{left:2.5rem;bottom:2.5rem}}.js-intro-armed .hero__kicker,.js-intro-armed .hero__wordmark,.js-intro-armed .hero__sub,.js-intro-armed .hero__cta{opacity:0}.js-intro-armed .hero__wordmark{transform:translateY(110%)}.js-intro-armed .hero__cta{transform:translateY(10px)}.js-intro-armed .hero__media-layer{filter:blur(14px)}@media(prefers-reduced-motion:reduce){.intro{display:none;animation:none}.js-intro-armed .hero__kicker,.js-intro-armed .hero__wordmark,.js-intro-armed .hero__sub,.js-intro-armed .hero__cta{opacity:1}.js-intro-armed .hero__wordmark,.js-intro-armed .hero__cta{transform:none}.js-intro-armed .hero__media-layer{filter:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/intro.css.map */