@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";.video-banner{position:relative;color:#fff}.video-banner__media{position:relative;max-height:100vh;overflow:hidden}.video-banner__media img,.video-banner__media video,.video-banner__media svg{display:block;width:100%;height:auto;max-height:100vh;object-fit:cover}.video-banner__media .video-banner__mobile{display:none}@media screen and (max-width:1199px)and (min-height:1000px){.video-banner__media,.video-banner__media img,.video-banner__media video,.video-banner__media svg{min-height:var(--vb-tall-min, 70vh)}}.video-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgb(0 0 0 / var(--vb-overlay, .3))}.video-banner__content{--vb-y: center;--vb-x: center;--vb-text: center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:var(--vb-x);justify-content:var(--vb-y);gap:40px;padding:48px 24px;text-align:var(--vb-text)}.video-banner__content--top{--vb-y: flex-start}.video-banner__content--bottom{--vb-y: flex-end}.video-banner__content--left{--vb-x: flex-start;--vb-text: start}.video-banner__content--right{--vb-x: flex-end;--vb-text: end}@media screen and (min-width:768px){.video-banner__content--left,.video-banner__content--right{padding-inline:clamp(32px,7vw,110px)}.video-banner__content--left>animate-element,.video-banner__content--right>animate-element{max-width:min(38rem,55%)}}.video-banner__content>animate-element{display:flex;flex-direction:column;align-items:var(--vb-x);gap:inherit;width:100%}.video-banner__content>animate-element:only-child{justify-content:center;height:70%}.video-banner__content>animate-element>*{opacity:0;transform:translateY(1.25rem);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.video-banner__content.animated>animate-element>*{opacity:1;transform:none}.video-banner__content.animated>animate-element>:nth-child(2){transition-delay:.08s}.video-banner__content.animated>animate-element>:nth-child(3){transition-delay:.16s}.video-banner__content.animated>animate-element>:nth-child(4){transition-delay:.24s}.video-banner__eyebrow{font-size:1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.video-banner__content>animate-element>*{opacity:1;transform:none;transition:none;animation:none}}.no-js .video-banner__content>animate-element>*{opacity:1;transform:none}.video-banner__title{margin:0;font-size:clamp(45px,4vw,60px);font-weight:700;line-height:1.15}.video-banner__text{margin:0;max-width:50ch;font-size:1.125rem;line-height:1.5}@media screen and (max-width:767px){.video-banner__content{padding:40px 20px;gap:24px}.video-banner__title{font-size:34px}.video-banner__text{font-size:1rem}.video-banner__eyebrow{font-size:.875rem;letter-spacing:.1rem}.video-banner__media:has(.video-banner__mobile) .video-banner__desktop{display:none}.video-banner__media .video-banner__mobile{display:block}.video-banner__media:has(video.video-banner__mobile){max-height:none}.video-banner__media video.video-banner__mobile{width:100%;height:auto;max-height:none;aspect-ratio:var(--vb-mobile-ratio, 4 / 5);object-fit:cover}.video-banner__media:not(:has(.video-banner__mobile))>:is(img,video,svg){min-height:70vh;object-fit:cover}}@media screen and (min-width:768px)and (max-width:1023px){.video-banner__media>:is(img,video,svg){min-height:70vh;object-fit:cover}}@media screen and (max-width:1023px){.video-banner--entrance .video-banner__content>animate-element>*{animation:vb-copy-in .7s cubic-bezier(.16,1,.3,1) both}.video-banner--entrance .video-banner__content>animate-element>:nth-child(1){animation-delay:.25s}.video-banner--entrance .video-banner__content>animate-element>:nth-child(2){animation-delay:.37s}.video-banner--entrance .video-banner__content>animate-element>:nth-child(3){animation-delay:.49s}.video-banner--entrance .video-banner__content>animate-element>:nth-child(4){animation-delay:.61s}}@keyframes vb-copy-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}.video-play-link{--vb-play-fill: #fff;--vb-play-glyph: #111;--vb-play-ease: cubic-bezier(.16, 1, .3, 1);display:inline-flex;align-items:center;gap:10px;color:#fff;font-family:"Poppins",var(--font-body-family),sans-serif;font-size:1rem;text-decoration:underline;text-underline-offset:3px;font-weight:700;background:none;border:none;cursor:pointer;padding:0;transition:text-underline-offset .25s ease}.video-play-link:hover,.video-play-link:focus-visible{text-underline-offset:5px}.video-play-link__icon{position:relative;width:28px;height:28px;border:1.5px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .35s var(--vb-play-ease)}.video-play-link__icon:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:50%;background:var(--vb-play-fill);transform:scale(0);transition:transform .35s var(--vb-play-ease)}.video-play-link__icon:after{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:50%;border:1.5px solid currentColor;opacity:0;pointer-events:none}.video-play-link__icon svg{position:relative;z-index:1;width:12px;height:12px;fill:transparent;stroke:currentColor;margin-left:2px;transition:fill .25s ease,stroke .25s ease,transform .35s var(--vb-play-ease)}.video-play-link:hover .video-play-link__icon,.video-play-link:focus-visible .video-play-link__icon{transform:scale(1.06)}.video-play-link:hover .video-play-link__icon:before,.video-play-link:focus-visible .video-play-link__icon:before{transform:scale(1)}.video-play-link:hover .video-play-link__icon:after,.video-play-link:focus-visible .video-play-link__icon:after{animation:vb-play-pulse 1.5s var(--vb-play-ease) infinite}.video-play-link:hover .video-play-link__icon svg,.video-play-link:focus-visible .video-play-link__icon svg{fill:var(--vb-play-glyph);stroke:var(--vb-play-glyph);transform:translate(1px)}@keyframes vb-play-pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@media(prefers-reduced-motion:reduce){.video-play-link__icon,.video-play-link__icon:before,.video-play-link__icon svg{transition:none}.video-play-link:hover .video-play-link__icon,.video-play-link:focus-visible .video-play-link__icon,.video-play-link:hover .video-play-link__icon svg,.video-play-link:focus-visible .video-play-link__icon svg{transform:none}.video-play-link:hover .video-play-link__icon:after,.video-play-link:focus-visible .video-play-link__icon:after{animation:none}}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.video-modal.is-open{opacity:1;visibility:visible}.video-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;cursor:pointer}.video-modal__content{position:relative;z-index:1;width:100%;height:100%;background:#000;overflow:hidden;transform:scale(.98);transition:transform .3s cubic-bezier(.16,1,.3,1)}.video-modal.is-open .video-modal__content{transform:scale(1)}.video-modal__content video,.video-modal__content iframe{width:100%;height:100%;border:none;object-fit:contain}.video-modal__close{position:absolute;top:20px;right:20px;z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f1f1f1;border:none;border-radius:50%;color:#111;padding:0;cursor:pointer;transition:background-color .2s ease}.video-modal__close svg{width:20px;height:20px;display:block}.video-modal__close:hover{background:#dcdcdc}.video-modal__close:focus-visible{outline:2px solid #111;outline-offset:3px}@media screen and (max-width:767px){.video-modal__close{top:12px;right:12px}}@media(prefers-reduced-motion:reduce){.video-modal,.video-modal__content{transition:none}}.video-banner__stage{width:calc(100vw - var(--scrollbar-width, 0px));margin-inline:calc(50% - 50vw + var(--scrollbar-width, 0px) / 2)}@media screen and (min-width:1024px){.video-banner__runway{height:var(--vb-runway, 250vh)}.video-banner__stage{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center}@supports not (height: 100svh){.video-banner__stage{height:100vh}}.video-banner--entrance{--vb-p: var(--vb-progress, 1);--vb-tp: clamp(0, calc((var(--vb-p) - .22) / .78), 1);--vb-h: clamp(0, calc(var(--vb-p) / .15), 1);--vb-w: clamp(0, calc(var(--vb-p) / .2), 1);--vb-fade: clamp(0, calc(var(--vb-tp) / .25), 1);width:calc(92% + 8% * var(--vb-w));height:calc(94% + 6% * var(--vb-h));overflow:hidden}.video-banner--entrance .video-banner__media,.video-banner--entrance .video-banner__media :is(img,video,svg){height:100%;max-height:none;object-fit:cover}.video-banner--entrance .video-banner__content{opacity:var(--vb-fade);transform:translateY(calc((.55 - var(--vb-tp) * 1.2) * 100%))}.no-js .video-banner__runway{height:auto}.no-js .video-banner__stage{position:static;height:auto}.no-js .video-banner--entrance{width:100%;height:auto}.no-js .video-banner--entrance .video-banner__content{opacity:1;transform:none}}@media screen and (min-width:1024px)and (max-aspect-ratio:1 / 1){.video-banner__stage{height:60vh;height:60svh;top:20vh;top:20svh}.video-banner--entrance{width:100%;height:100%}}@media screen and (min-width:1024px)and (prefers-reduced-motion:reduce){.video-banner__runway{height:auto}.video-banner__stage{position:static;height:auto}.video-banner--entrance{width:100%;height:auto}.video-banner--entrance .video-banner__content{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/video-banner.css.map */