.video-banner-with-intro{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;height:100svh;height:100dvh;min-height:100svh;margin:0;overflow:clip;background:#000}.template-index #MainContent,.template-index #MainContent>.shopify-section:first-child{position:relative;top:0;margin-top:0!important;padding-top:0!important}.template-index #MainContent>.shopify-section:first-child{min-height:100svh}.video-banner-with-intro__media{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;overflow:hidden;background:#000}.video-banner-with-intro__video{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--hero-video-position-x, 50%) var(--hero-video-position-y, 50%);transform:scale(var(--hero-video-scale, 1.05));transform-origin:50% 50%;backface-visibility:hidden}.video-banner-with-intro__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem;color:#fff;text-align:center}.video-banner-with-intro__intro{--intro-backdrop-duration: 1.2s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background-color:#000;opacity:1;transition:background-color var(--intro-backdrop-duration) cubic-bezier(.76,0,.24,1),opacity .36s cubic-bezier(.4,0,.2,1)}.video-banner-with-intro__intro:before{content:"";position:absolute;left:50%;top:50%;width:clamp(30rem,60vw,90rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.105) 0%,rgba(255,255,255,.025) 34%,transparent 70%);opacity:0;transform:translate(-50%,-50%) scale(.62);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1);pointer-events:none}.js.intro-sequence-pending .video-banner-with-intro__intro,.js .video-banner-with-intro__intro.is-active{display:flex}html.shopify-design-mode .video-banner-with-intro__intro{display:none!important}.video-banner-with-intro__intro.is-logo-visible:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-banner-with-intro__intro.is-revealing{background-color:#0000}.video-banner-with-intro__intro.is-revealing:before{opacity:0;transform:translate(-50%,-50%) scale(1.28)}.video-banner-with-intro__intro.is-hidden{opacity:0;pointer-events:none}.video-banner-with-intro__intro-logo{position:relative;z-index:1;display:block;width:min(var(--intro-logo-width, 250px),70vw);max-width:none;height:auto;opacity:0;filter:blur(8px);transform:translateZ(0) scale(.86);transform-origin:50% 50%;backface-visibility:hidden;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1)}.video-banner-with-intro__intro-logo.is-visible{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}.video-banner-with-intro__intro-logo.is-travelling{transition:none;will-change:transform,opacity}@media screen and (max-width:749px),screen and (max-aspect-ratio:4 / 5){.video-banner-with-intro__video{object-position:var(--hero-video-position-x-portrait, 50%) var(--hero-video-position-y-portrait, 50%);transform:scale(var(--hero-video-scale-portrait, 1.05))}.video-banner-with-intro__intro-logo{width:min(var(--intro-logo-width, 250px),62vw)}}@media screen and (max-width:768px){body.template-index,.template-index #MainContent,.template-index #MainContent>.shopify-section:first-child,.template-index #MainContent>.shopify-section:first-child .video-banner-with-intro{top:0!important;margin-top:0!important;padding-top:0!important}.template-index #MainContent>.shopify-section:first-child,.template-index #MainContent>.shopify-section:first-child .video-banner-with-intro{height:100vh;height:100svh;height:100dvh;min-height:100svh}.video-banner-with-intro__media{top:-8px;right:-8px;bottom:-8px;left:-8px}}@media(prefers-reduced-motion:reduce){.video-banner-with-intro__intro,.video-banner-with-intro__intro:before,.video-banner-with-intro__intro-logo{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/video-banner-with-intro.css.map */