.video-hero{position:relative;min-height:var(--video-hero-min-height, 100vh);min-height:var(--video-hero-min-height, 100dvh);display:flex;align-items:var(--video-hero-content-position, center);overflow:hidden;background:#000;color:var(--video-hero-text-color, #fff);--vh-ease: cubic-bezier(.16, 1, .3, 1);--vh-ease-out: cubic-bezier(.33, 1, .68, 1);--vh-ease-smooth: cubic-bezier(.25, .1, .25, 1);padding-bottom:100px}.video-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;will-change:transform;transition:transform .05s linear}.video-hero__external-video{position:absolute;top:0;right:0;bottom:0;left:0}.video-hero__video,.video-hero__image,.video-hero__external-iframe{width:100%;height:100%;object-fit:cover;display:block}.video-hero__external-iframe{position:absolute;top:0;right:0;bottom:0;left:0;border:0}.video-hero__media{transform:scale(1.05)}.video-hero.is-loaded .video-hero__media{transform:scale(1);transition:transform 6s cubic-bezier(.25,.1,.25,1)}.video-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--video-hero-overlay-color, #000);opacity:var(--video-hero-overlay-opacity, .4)}.video-hero__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 50%,transparent 30%,rgba(0,0,0,.55) 100%),linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 40%),linear-gradient(to bottom,rgba(0,0,0,.3) 0%,transparent 20%)}.video-hero__grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px;opacity:0;animation:vhGrain 8s steps(10) infinite;mix-blend-mode:overlay}@keyframes vhGrain{0%,to{transform:translate(0);opacity:.5}10%{transform:translate(-5%,-10%)}30%{transform:translate(3%,-15%)}50%{transform:translate(12%,9%)}70%{transform:translate(9%,4%)}90%{transform:translate(-1%,7%)}}.video-hero__letterbox{position:absolute;left:0;right:0;height:clamp(20px,3.5vw,56px);background:#000;z-index:6;pointer-events:none}.video-hero__letterbox--top{top:0;transform-origin:top;animation:vhLetterboxReveal 1.6s var(--vh-ease) .1s both}.video-hero__letterbox--bottom{bottom:0;transform-origin:bottom;animation:vhLetterboxReveal 1.6s var(--vh-ease) .1s both}@keyframes vhLetterboxReveal{0%{transform:scaleY(8)}to{transform:scaleY(1)}}.video-hero__content{position:relative;z-index:5;width:100%;padding:clamp(80px,12vw,140px) 0;text-align:var(--video-hero-text-align, center);color:inherit}.video-hero__content-inner{max-width:var(--video-hero-content-width, 760px)}.video-hero[data-content-alignment=center] .video-hero__content-inner{margin:0 auto}.video-hero[data-content-alignment=right] .video-hero__content-inner{margin-left:auto}.video-hero__label{display:inline-flex;align-items:center;gap:14px;font-size:clamp(10px,1.1vw,13px);font-weight:500;text-transform:uppercase;letter-spacing:.35em;margin-bottom:clamp(16px,2.5vw,32px);opacity:0;transform:translateY(20px);color:#ffffffb3}.video-hero__label:before{content:"";display:block;width:0;height:1px;background:currentColor;transition:width 1s var(--vh-ease) 1.2s}.video-hero.is-loaded .video-hero__label:before{width:40px}.video-hero__title{font-family:var(--font-heading-family);font-size:clamp(calc(var(--font-heading-base-size, 28px) * 1.4),8vw,calc(var(--font-heading-base-size, 28px) * 3.8));font-weight:var(--video-hero-title-weight, 400);line-height:.98;letter-spacing:-.035em;margin:0 0 clamp(16px,2.5vw,32px);text-wrap:balance;opacity:0;transform:translateY(30px)}.video-hero__title-line{display:block;overflow:hidden}.video-hero__title-line span{display:block;transform:translateY(105%);transition:transform 1s var(--vh-ease)}.video-hero.is-loaded .video-hero__title-line:nth-child(1) span{transform:translateY(0);transition-delay:.5s}.video-hero.is-loaded .video-hero__title-line:nth-child(2) span{transform:translateY(0);transition-delay:.65s}.video-hero.is-loaded .video-hero__title-line:nth-child(3) span{transform:translateY(0);transition-delay:.8s}.video-hero__title,.video-hero.is-loaded .video-hero__title{text-shadow:0 4px 60px rgba(0,0,0,.4)}.video-hero__description{font-size:clamp(calc(var(--font-body-base-size, 16px) * .95),1.5vw,calc(var(--font-body-base-size, 16px) * 1.2));line-height:1.75;max-width:540px;margin:0 0 clamp(24px,3.5vw,48px);opacity:0;transform:translateY(20px);color:#ffffffbf}.video-hero[data-content-alignment=center] .video-hero__description{margin-left:auto;margin-right:auto;margin-bottom:clamp(24px,3.5vw,48px)}.video-hero[data-content-alignment=right] .video-hero__description{margin-left:auto;margin-bottom:clamp(24px,3.5vw,48px)}.video-hero__buttons{display:flex;flex-wrap:wrap;gap:16px;opacity:0;transform:translateY(20px)}.video-hero[data-content-alignment=center] .video-hero__buttons{justify-content:center}.video-hero[data-content-alignment=right] .video-hero__buttons{justify-content:flex-end}.video-hero__button{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;font-size:clamp(11px,1.1vw,13px);font-weight:500;text-transform:uppercase;letter-spacing:.18em;text-decoration:none;border-radius:var(--video-hero-button-radius, 0px);transition:all .5s var(--vh-ease);position:relative;overflow:hidden;isolation:isolate}.video-hero__button--primary{background:var(--video-hero-button-bg, #fff);color:var(--video-hero-button-text, #000);border:1px solid transparent}.video-hero__button--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--video-hero-button-text, #000);transform:scaleX(0);transform-origin:right;transition:transform .55s var(--vh-ease);z-index:-1}.video-hero__button--primary:hover:before{transform:scaleX(1);transform-origin:left}.video-hero__button--primary:hover{color:var(--video-hero-button-bg, #fff);border-color:var(--video-hero-button-bg, #fff)}.video-hero__button--secondary{background:transparent;color:#ffffffe6;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.video-hero__button--secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1f;transform:scaleX(0);transform-origin:right;transition:transform .55s var(--vh-ease);z-index:-1}.video-hero__button--secondary:hover:before{transform:scaleX(1);transform-origin:left}.video-hero__button--secondary:hover{border-color:#fff9;color:#fff}.video-hero__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:clamp(64px,7vw,100px);height:clamp(64px,7vw,100px);border-radius:50%;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .5s var(--vh-ease)}.video-hero__play-button:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid rgba(255,255,255,.12);transition:all .5s var(--vh-ease)}.video-hero__play-button:hover{background:#ffffff38;transform:translate(-50%,-50%) scale(1.08)}.video-hero__play-button:hover:after{top:-14px;right:-14px;bottom:-14px;left:-14px;border-color:#fff3}.video-hero__play-button svg{width:clamp(18px,2vw,28px);height:clamp(18px,2vw,28px);margin-left:4px;fill:#fff}.video-hero__play-button.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.7)}.video-hero__controls{position:absolute;bottom:clamp(20px,3vw,40px);right:clamp(20px,3vw,40px);z-index:7;display:flex;align-items:center;gap:2px;padding:4px;border-radius:40px;background:#ffffff14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12)}.video-hero__control-button{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .35s var(--vh-ease)}.video-hero__control-button:hover{background:#ffffff1f;color:#fff}.video-hero__control-button svg{width:16px;height:16px}.video-hero__control-button .icon-play,.video-hero__control-button.is-paused .icon-pause{display:none}.video-hero__control-button.is-paused .icon-play{display:block}.video-hero__control-button .icon-unmute,.video-hero__control-button.is-muted .icon-mute{display:none}.video-hero__control-button.is-muted .icon-unmute{display:block}.video-hero__progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:7;background:#ffffff1a;overflow:hidden}.video-hero__progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#ffffff80,#fffc);transition:width .3s linear}.video-hero__side-text{position:absolute;left:clamp(16px,2.5vw,36px);top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center center;z-index:5;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.4em;color:#ffffff59;white-space:nowrap;opacity:0;transition:opacity 1s var(--vh-ease) 1.5s}.video-hero.is-loaded .video-hero__side-text{opacity:1}.video-hero__scroll-indicator{position:absolute;bottom:clamp(16px,2.5vw,32px);left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;color:#ffffff80;opacity:0;transition:opacity 1s var(--vh-ease) 1.6s}.video-hero.is-loaded .video-hero__scroll-indicator{opacity:1}.video-hero__scroll-indicator span{font-size:10px;text-transform:uppercase;letter-spacing:.35em;font-weight:500}.video-hero__scroll-indicator svg{display:none}.video-hero__scroll-line{width:1px;height:48px;background:#ffffff26;position:relative;overflow:hidden;border-radius:1px}.video-hero__scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:#ffffffb3;animation:vhScrollLine 2s var(--vh-ease-smooth) infinite}@keyframes vhScrollLine{0%{top:-100%}50%{top:100%}to{top:100%}}.video-hero__label,.video-hero__description,.video-hero__buttons{transition:opacity .9s var(--vh-ease),transform .9s var(--vh-ease)}.video-hero__title{transition:opacity .9s var(--vh-ease)}.video-hero.is-loaded .video-hero__label{opacity:1;transform:translateY(0);transition-delay:.4s}.video-hero.is-loaded .video-hero__title{opacity:1;transform:translateY(0)}.video-hero.is-loaded .video-hero__description{opacity:1;transform:translateY(0);transition-delay:.85s}.video-hero.is-loaded .video-hero__buttons{opacity:1;transform:translateY(0);transition-delay:1.05s}@media screen and (max-width:749px){.video-hero{min-height:var(--video-hero-min-height-mobile, 85vh);min-height:var(--video-hero-min-height-mobile, 85dvh)}.video-hero{padding-bottom:110px}.video-hero__content{padding:80px 20px 24px}.video-hero__title{font-size:clamp(calc(var(--font-heading-base-size, 28px) * 1.3),9vw,calc(var(--font-heading-base-size, 28px) * 2.4));line-height:1.02}.video-hero__buttons{flex-direction:column}.video-hero__button{justify-content:center;padding:14px 32px}.video-hero__letterbox{height:clamp(12px,2.5vw,24px)}.video-hero__side-text{display:none}.video-hero__controls{bottom:16px;right:16px}.video-hero__label:before{display:none}}@media(hover:none)and (pointer:coarse){.video-hero__label,.video-hero__title,.video-hero__description,.video-hero__buttons{animation-fill-mode:forwards}}@media(prefers-reduced-motion:reduce){.video-hero__label,.video-hero__title,.video-hero__description,.video-hero__buttons{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.video-hero__title-line span{transform:none!important;transition:none!important}.video-hero__grain{animation:none!important;opacity:.3!important}.video-hero__letterbox{animation:none!important;transform:scaleY(1)!important}.video-hero__scroll-line:after{animation:none!important}.video-hero__scroll-indicator,.video-hero__side-text{opacity:1!important;transition:none!important}.video-hero__media{transform:none!important;transition:none!important}}@media print{.video-hero{min-height:auto;background:#fff;color:#000}.video-hero__vignette,.video-hero__grain,.video-hero__overlay,.video-hero__letterbox,.video-hero__controls,.video-hero__progress,.video-hero__side-text,.video-hero__scroll-indicator,.video-hero__media{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-video-hero.css.map */