m-cine-hero.cine-hero{display:block;position:relative;--p-zoom: max(0, min(1, calc((var(--p, 0) - .1) / .55)));--p-dim: max(0, min(1, calc((var(--p, 0) - .1) / .9)));--p-exit: max(0, min(1, calc((var(--p, 0) - .8) / .2)));--p-disp-in: max(0, min(1, calc((var(--p, 0) - .02) / .5)));--p-disp-out: max(0, min(1, calc((var(--p, 0) - .7) / .3)))}.cine-hero__stage{position:relative;height:var(--stage-mb, 140svh)}@media(min-width:768px){.cine-hero__stage{height:var(--stage-dt, 180vh)}}.cine-hero__viewport{position:sticky;top:0;height:var(--vp-mb, 100svh);overflow:hidden;isolation:isolate}@supports not (height: 100svh){.cine-hero__viewport{height:var(--vp-mb-fallback, 100vh)}}@media(min-width:768px){.cine-hero__viewport{height:var(--vp-dt, 100vh)}}.cine-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform:translate3d(0,calc(var(--p-exit) * var(--exit-y, 200px)),0) scale(calc(1 + var(--p-zoom) * (var(--zoom-to, 1.5) - 1)));transform-origin:center center;filter:brightness(calc(1 - var(--p-dim) * (1 - var(--dim-to, .6)))) contrast(calc(1 + var(--p-dim) * (var(--contrast-to, 1.5) - 1)))}.cine-hero.is-active .cine-hero__media{will-change:transform,filter}.cine-hero__media-el{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focal, 50% 50%)}.cine-hero__mb-picture{display:block;width:100%;height:100%}.cine-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,var(--overlay-op, .25));pointer-events:none}.cine-hero__content{position:relative;z-index:3;height:100%;display:flex;align-items:var(--content-v, center);justify-content:var(--content-h, center);padding:clamp(24px,5vw,80px) clamp(16px,4vw,64px);text-align:var(--content-align, center);opacity:calc(1 - var(--p-exit));transform:translate3d(0,calc(var(--p-exit) * -40px),0)}.cine-hero--has-display .cine-hero__content{padding-bottom:var(--disp-reserve, clamp(24px, 5vw, 80px))}@media(max-width:767px){.cine-hero--has-display{--disp-reserve: calc(var(--disp-size-mb, 16vw) * var(--disp-fit, 1) * 1.5 + 24px)}.cine-hero--has-display.cine-hero--display-mb-off{--disp-reserve: clamp(24px, 5vw, 80px)}}@media(min-width:768px){.cine-hero--has-display{--disp-reserve: calc(var(--disp-size-dt, 13vw) * var(--disp-fit, 1) * 1.5 + 24px)}}.cine-hero__inner{max-width:min(100%,var(--content-width, 900px))}.cine-hero__eyebrow{margin-top:0;color:rgba(var(--cine-text-rgb, 255, 255, 255),var(--eyebrow-strength, .8));word-break:break-word}.cine-hero__heading{color:rgb(var(--cine-text-rgb, 255, 255, 255));word-break:break-word}.cine-hero__text{margin-top:16px;color:rgba(var(--cine-text-rgb, 255, 255, 255),.85)}.cine-hero__text>*{margin:0}.cine-hero__buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--content-btn, center);gap:16px;margin-top:clamp(20px,3vw,32px)}.cine-hero__trust-row{display:flex;justify-content:var(--content-btn, center);margin-top:clamp(14px,2vw,20px)}.cine-hero__trust{display:inline-flex;align-items:center;gap:8px;margin:0;text-align:left;line-height:1.4;font-size:var(--trust-size, .9375rem);color:rgba(var(--cine-text-rgb, 255, 255, 255),var(--trust-strength, .85))}.cine-hero__trust-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.15em;height:1.15em}.cine-hero__trust-icon svg{width:100%;height:100%}img.cine-hero__trust-icon--image{width:auto;height:1.3em}.cine-hero__trust-text>*{margin:0}.cine-hero__display-wrap{position:absolute;z-index:2;left:0;right:0;bottom:calc(var(--disp-off, -.08) * 1em);padding-inline:clamp(16px,4vw,64px);font-size:calc(var(--disp-size-mb, 16vw) * var(--disp-fit, 1));text-align:var(--disp-align, center);pointer-events:none}@media(min-width:768px){.cine-hero__display-wrap{font-size:calc(var(--disp-size-dt, 13vw) * var(--disp-fit, 1))}}@media(max-width:767px){.cine-hero--display-mb-off .cine-hero__display-wrap{display:none}}.cine-hero .cine-hero__display{margin:0;font-size:inherit;line-height:var(--disp-lh, .85);letter-spacing:var(--disp-ls, -.02em);font-weight:var(--disp-weight, 700);text-transform:var(--disp-transform, none);color:rgba(var(--cine-text-rgb, 255, 255, 255),var(--disp-strength, 1));word-break:normal;overflow-wrap:normal}.cine-hero .cine-hero__display--one-line{white-space:nowrap}.cine-hero__word{display:inline-block;white-space:nowrap}.cine-hero__char{display:inline-block;--pc-in: max(0, min(1, calc((var(--p-disp-in) - var(--s, 0) * var(--disp-stag, .6)) * var(--disp-span-inv, 2.5))));--pc-out: max(0, min(1, calc((var(--p-disp-out) - var(--s, 0) * var(--disp-stag, .6)) * var(--disp-span-inv, 2.5))));transform:translate3d(0,calc((1 - var(--pc-in)) * var(--disp-from, 0em) + var(--pc-out) * var(--disp-to, 1em)),0);opacity:calc(var(--pc-in) * (1 - var(--pc-out)))}.cine-hero__display--enter-none .cine-hero__char{--pc-in: 1}.cine-hero__display--exit-none .cine-hero__char{--pc-out: 0}.cine-hero.is-static .cine-hero__char{transform:none;opacity:1}.cine-hero__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cine-hero__cue{position:absolute;z-index:4;left:50%;bottom:clamp(16px,3vh,32px);translate:-50% 0;width:24px;height:24px;color:rgba(var(--cine-text-rgb, 255, 255, 255),.7);opacity:calc(1 - min(1,var(--p, 0) * 6));pointer-events:none}.cine-hero__cue svg{width:100%;height:100%;animation:cine-hero-cue 2s ease-in-out infinite}@keyframes cine-hero-cue{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media(max-width:767px){.cine-hero--light-mobile .cine-hero__media{transform:translate3d(0,calc(var(--p-exit) * var(--exit-y-mb, 120px)),0) scale(calc(1 + var(--p-zoom) * (var(--zoom-to-mb, 1.2) - 1)));filter:none}.cine-hero--light-mobile.cine-hero.is-active .cine-hero__media{will-change:transform}}@media(prefers-reduced-motion:reduce){m-cine-hero.cine-hero{--p: 0}.cine-hero__stage{height:auto}.cine-hero__viewport{position:relative}.cine-hero__media,.cine-hero--light-mobile .cine-hero__media{transform:none;filter:none}.cine-hero__content{opacity:1;transform:none}.cine-hero__char{transform:none;opacity:1}.cine-hero__cue{display:none}.cine-hero__cue svg{animation:none}}html.shopify-design-mode .cine-hero__content,body.shopify-design-mode .cine-hero__content{opacity:1}html.shopify-design-mode .cine-hero__char,body.shopify-design-mode .cine-hero__char{--pc-in: 1}
/*# sourceMappingURL=/cdn/shop/t/24/assets/cine-hero.css.map */