.howl-scroll-intro{display:none}html:is([data-howl-intro=pending],[data-howl-intro=active]) .howl-scroll-intro[data-enabled=true]{display:block;height:340svh;flex-shrink:0;overflow-anchor:none}.howl-scroll-intro__stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;height:100vh;height:100lvh;overflow:hidden;background:#090909;opacity:var(--howl-intro-opacity, 1);pointer-events:auto;touch-action:pan-y pinch-zoom}.howl-scroll-intro__poster,.howl-scroll-intro__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;filter:none;transform:none;mix-blend-mode:normal}.howl-scroll-intro__canvas{opacity:0}.howl-scroll-intro__light{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:var(--howl-intro-light, 0);pointer-events:none}html:is([data-howl-intro=pending],[data-howl-intro=active]),html:is([data-howl-intro=pending],[data-howl-intro=active]) body{overscroll-behavior-y:none}.howl-scroll-intro[data-media-state=ready] .howl-scroll-intro__canvas{opacity:1}.howl-scroll-intro[data-media-state=ready] .howl-scroll-intro__poster{visibility:hidden}.howl-scroll-intro__skip{position:absolute;top:max(28px,env(safe-area-inset-top));right:max(32px,env(safe-area-inset-right));z-index:1;padding:12px 2px;color:#fff;font-family:Jost,Arial,sans-serif;font-size:12px;font-weight:300;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #ffffff70;pointer-events:auto}.howl-scroll-intro__skip:focus-visible{outline:2px solid #fff;outline-offset:6px}.howl-scroll-intro__cue{position:absolute;top:calc(50% + min(24dvh,13.5vw) + clamp(18px,2vw,28px));bottom:auto;left:20px;right:20px;margin:0;color:#fff;font-family:Jost,Arial,sans-serif;font-size:11px;font-weight:300;line-height:1.6;letter-spacing:.16em;text-align:center;text-transform:uppercase;opacity:var(--howl-intro-cue-opacity, 1)}.howl-scroll-intro__cue span{display:block;margin-top:12px;font-size:20px;font-weight:300}.howl-scroll-intro[data-state=complete] .howl-scroll-intro__stage{visibility:hidden}html:has(#MainContent:target) .howl-scroll-intro{display:none!important}@media(max-width:749px){html:is([data-howl-intro=pending],[data-howl-intro=active]) .howl-scroll-intro[data-enabled=true]{height:320svh}.howl-scroll-intro__skip{top:max(18px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));font-size:11px}.howl-scroll-intro__poster,.howl-scroll-intro__canvas{object-fit:cover}.howl-scroll-intro__cue{top:min(calc(50% + max(24dvh,13.5vw) + 18px),calc(100% - 90px));font-size:10px}}@media(prefers-reduced-motion:reduce){html[data-howl-intro] .howl-scroll-intro[data-enabled=true]{display:none}}@media(max-width:749px){.howl-scroll-intro__poster{width:100%;height:114.285714%;max-width:none;left:0;top:-14.285714%;transform:none;object-fit:cover}.howl-scroll-intro__cue{top:calc(50% + 16vw + 22px)}}.howl-scroll-intro__stage{will-change:opacity}.howl-scroll-intro[data-state=complete] .howl-scroll-intro__stage{will-change:auto}
/*# sourceMappingURL=/cdn/shop/t/15/assets/howl-scroll-intro.css.map */