.intro{--intro-ease: cubic-bezier(.16, 1, .3, 1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;overflow:hidden;background:#0b0b0b;color:#fff;-webkit-tap-highlight-color:transparent}.ms-intro-active .intro,.intro.is-leaving{display:block}.intro__backdrop{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;width:108%;height:108%;max-width:none;object-fit:cover;filter:brightness(.42) saturate(1.15)}.intro__frame{position:absolute;top:0;bottom:0;left:50%;height:100%;aspect-ratio:var(--intro-ratio);transform:translate(-50%);box-shadow:0 0 140px 20px #0000008c;transform-origin:50% 55%}@media(max-aspect-ratio:3 / 4){.intro__frame{top:0;right:0;bottom:0;left:0;width:100%;aspect-ratio:auto;transform:none;box-shadow:none}}.intro__poster,.intro__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.intro__poster{animation:intro-settle 1.6s var(--intro-ease) both}.intro__video{opacity:0;transition:opacity .25s ease}.intro.is-video-ready .intro__video{opacity:1}@keyframes intro-settle{0%{transform:scale(1.06)}}.intro__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgb(0 0 0 / .55),transparent 26%),linear-gradient(to top,rgb(0 0 0 / .75),transparent 48%);transition:opacity .6s ease}.intro.is-playing .intro__shade{opacity:.25}.intro__gate{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(32px,env(safe-area-inset-top)) 24px max(48px,calc(env(safe-area-inset-bottom) + 32px));transition:opacity .45s ease,transform .6s var(--intro-ease)}.intro.is-playing .intro__gate,.intro.is-leaving .intro__gate{opacity:0;transform:translateY(12px);pointer-events:none}.intro__cta{display:flex;flex-direction:column;align-items:center;gap:18px}.intro__welcome{margin:0;font-size:12px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;text-align:center;color:#ffffffe0;text-shadow:0 2px 12px rgb(0 0 0 / .6);animation:intro-rise 1s .3s var(--intro-ease) both}.intro__enter{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:220px;height:60px;padding:0 34px;border:0;border-radius:999px;background:#fff;color:#141414;font-size:14px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;box-shadow:0 18px 40px -12px #0009;animation:intro-rise 1s .45s var(--intro-ease) both;transition:transform .26s var(--intro-ease),background-color .2s,color .2s}.intro__enter span{margin-right:-.26em}.intro__enter:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:inherit;border:1px solid rgb(255 255 255 / .55);animation:intro-pulse 2.4s 1.5s ease-out infinite;pointer-events:none}.intro__enter:hover{transform:scale(1.04);background:var(--ms-brand);color:#fff}.intro__enter:active{transform:scale(.97)}.intro__enter:focus-visible{outline:2px solid #fff;outline-offset:6px}@keyframes intro-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes intro-pulse{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.14,1.3)}}.intro__skip{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));height:38px;padding:0 18px;border:1px solid rgb(255 255 255 / .45);border-radius:999px;background:#00000059;color:#fff;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .4s .6s ease}.intro.is-playing .intro__skip{opacity:1;pointer-events:auto}.intro__skip:hover{background:#fff;color:#141414}.intro__progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ms-brand);transform-origin:left center;transform:scaleX(0);opacity:0;transition:transform .26s linear,opacity .3s ease}.intro.is-playing .intro__progress{opacity:1}.intro.is-leaving{pointer-events:none;animation:intro-out .9s ease-in-out both}.intro.is-leaving .intro__frame{animation:intro-push .9s cubic-bezier(.55,0,.45,1) both}@media(max-aspect-ratio:3 / 4){.intro.is-leaving .intro__frame{animation-name:intro-push-full}}@keyframes intro-out{0%,25%{opacity:1}to{opacity:0}}@keyframes intro-push{to{transform:translate(-50%) scale(1.14)}}@keyframes intro-push-full{to{transform:scale(1.14)}}@media(prefers-reduced-motion:reduce){.intro *,.intro *:before{animation:none!important}.intro.is-leaving{animation:intro-out .4s ease both!important}}.ms-intro-active .hh,.ms-intro-active .hh *,.ms-intro-active .hh *:before,.ms-intro-active .hh *:after{animation-play-state:paused!important}.intro-editor{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;margin:calc(var(--ms-header-h) + 16px) var(--ms-gutter) 0;padding:14px;border:1px dashed var(--ms-line-strong);border-radius:var(--ms-radius);background:#fff;font-size:13px;color:var(--ms-ink-2);position:relative;z-index:5}.intro-editor img{width:96px;height:128px;object-fit:cover;border-radius:6px}.intro-editor strong{display:block;margin-bottom:4px;color:var(--ms-ink)}.intro-editor+.section-hero .hh,.shopify-section:has(.intro-editor)+.section-hero .hh{margin-top:0}.intro__cta{width:100%;max-width:520px;margin-inline:auto}.intro__welcome{font-size:clamp(12px,3.2vw,16px);letter-spacing:.1em;line-height:1.65;max-width:100%;overflow-wrap:anywhere;text-wrap:balance;padding-inline:8px}.intro__enter{max-width:100%}
/*# sourceMappingURL=/cdn/shop/t/16/assets/intro.css.map */