body:has(.video-story){--film-background:#e6e8e6}body:has(.video-story)>.announcement{display:none}body:has(.video-story)>.site-header{position:fixed;inset:0 0 auto;height:82px;background:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%);transition:opacity .35s,transform .35s,visibility .35s}body:has(.video-story).hero-revealed>.site-header{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.video-story{position:relative;height:330svh;background:var(--film-background);isolation:isolate}.video-stage{position:sticky;top:0;height:100svh;min-height:360px;width:100%;overflow:hidden;background:var(--film-background)}.video-layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform;transform-origin:50% 50%;-webkit-mask-image:radial-gradient(ellipse 85% 100% at 50% 52%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 85% 100% at 50% 52%,#000 58%,transparent 100%)}.video-layer .video-poster,.video-layer .spice-film{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.spice-film{opacity:0}.video-layer.film-ready .spice-film{opacity:1}.video-layer.film-ready .video-poster{opacity:0}.video-layer .video-final{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;pointer-events:none}.video-layer.film-complete .video-final{opacity:1}.video-layer.film-complete .spice-film{opacity:0}.video-copy{position:absolute;left:max(6.2vw,25px);top:50%;transform:translateY(-50%);width:45%;max-width:680px;opacity:0;visibility:hidden;z-index:3;will-change:transform,opacity}.video-copy h1{font-family:var(--heading);font-size:clamp(58px,6.5vw,110px);font-weight:700;letter-spacing:-5px;line-height:1.025;margin:0 0 32px;color:#193c30}.video-copy h1 em{font-style:normal;color:#2f6b45}.video-copy .btn{min-height:53px;padding:17px 26px;font-size:12px}.video-scroll-progress{position:absolute;bottom:24px;left:50%;width:72px;height:2px;background:#193c3017;transform:translate(-50%);z-index:4;border-radius:2px;overflow:hidden}.video-scroll-progress span{display:block;width:100%;height:100%;background:#6c795f;transform:scaleX(0);transform-origin:left}.video-story.is-static{height:100svh}.video-story.is-static .video-copy{opacity:1;visibility:visible;transform:translateY(-50%)}.video-story.is-static .video-layer{transform:translate(25%) scale(.84)}.video-story.is-static .video-scroll-progress{display:none}@media(min-width:1800px){.video-copy{left:9vw}}@media(max-width:900px)and (min-width:768px){.video-copy h1{font-size:66px;letter-spacing:-3px}.video-copy{left:5%;width:49%}}@media(max-width:767px){body:has(.video-story)>.site-header{height:70px}.video-story{height:300svh}.video-layer{width:165%;left:-32.5%;right:auto;top:0;bottom:0;-webkit-mask-image:radial-gradient(ellipse 85% 80% at 50% 50%,#000 45%,transparent 85%);mask-image:radial-gradient(ellipse 85% 80% at 50% 50%,#000 45%,transparent 85%)}.video-layer .video-poster,.video-layer .spice-film,.video-layer .video-final{object-fit:contain}.video-copy{top:auto;bottom:8%;left:8%;width:84%;transform:none;max-width:none}.video-copy h1{font-size:clamp(43px,10.8vw,66px);letter-spacing:-2.5px;line-height:1.03;margin-bottom:22px}.video-copy h1 br:nth-of-type(2){display:none}.video-copy h1 em:before{content:" "}.video-copy .btn{min-height:47px;padding:14px 20px;font-size:11px}.video-scroll-progress{bottom:18px}.video-story.is-static .video-layer{transform:translate(3%,-19%) scale(.88)}.video-story.is-static .video-copy{transform:none}}@media(max-height:550px)and (min-width:768px){.video-copy h1{font-size:48px;letter-spacing:-2px}.video-copy h1 br:nth-of-type(2){display:none}.video-copy h1 em:before{content:" "}.video-copy h1{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.video-story{height:100svh}.video-scroll-progress{display:none}}.video-layer{-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}@media(max-width:767px){.video-layer .video-poster,.video-layer .spice-film,.video-layer .video-final{top:50%;bottom:auto;height:auto;aspect-ratio:16/9;transform:translateY(-50%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}.video-story.is-static .video-layer{transform:translate(3%,-10%) scale(.88)}}body:has(.video-story)>.site-header{opacity:1;visibility:visible;pointer-events:auto;transform:none}body:has(.video-story):not(.hero-revealed)>.site-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom-color:#000;color:#000}body:has(.video-story):not(.hero-revealed) .site-header .logo{visibility:hidden;pointer-events:none}body:has(.video-story):not(.hero-revealed) .desktop-nav a{color:#000}body:has(.video-story):not(.hero-revealed) .desktop-nav a:hover,body:has(.video-story):not(.hero-revealed) .desktop-nav a[aria-current]{border-color:#000}body:has(.video-story):not(.hero-revealed) .site-header .btn,body:has(.video-story):not(.hero-revealed) .site-header .icon-button{background:transparent;color:#000;border:1px solid #000}body:has(.video-story):not(.hero-revealed) .site-header .cart-count{background:#000;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/9/assets/unjha-preview-storefront-video-hero.css.map */