hero-video{display:block}.hero-video{--hero-text: #242735;--brand-blue: #293ecd;--brand-blue-hover: #1f31b0;--brand-blue-active: #1a2a96;--on-brand: #ffffff;--hero-container: 1360px;--hero-gutter: 40px;--hero-h1: clamp(56px, 4.86vw, 70px);--radius-pill: 999px;position:relative;display:flex;align-items:center;height:max(560px,51.3vw);overflow:hidden;background:#f5f5f3;color:var(--hero-text)}.hero-video__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hero-video__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% max(15%,-25px)!important}.hero-video:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,var(--overlay, .75)),rgba(255,255,255,calc(var(--overlay, .75) * .92)) calc(max(var(--hero-gutter),(100% - var(--hero-container)) / 2) + var(--hero-h1) * 4.04),#fff0 calc(max(var(--hero-gutter),(100% - var(--hero-container)) / 2) + var(--hero-h1) * 6.93))}.hero-video__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:min(var(--hero-container),100% - 2 * var(--hero-gutter));margin:0 auto}.hero-video__heading{max-width:600px;margin:0;font-family:inherit;font-weight:500;font-size:var(--hero-h1);line-height:1.2;letter-spacing:-.01em;text-transform:none;color:var(--hero-text)}.hero-video__sub{max-width:min(19.7em,31vw);margin:16px 0 0;font-family:inherit;font-weight:400;font-size:20px;line-height:1.5;letter-spacing:0;color:var(--hero-text)}.hero-video__cta{display:inline-flex;align-items:center;gap:12px;height:56px;margin-top:40px;padding:0 28px 0 20px;border:0;border-radius:var(--radius-pill);background:var(--brand-blue);color:var(--on-brand);font-family:inherit;font-weight:500;font-size:20px;line-height:normal;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:none;transition:background-color .15s ease-out}.hero-video__cta:hover{background:var(--brand-blue-hover)}.hero-video__cta:active{background:var(--brand-blue-active)}.hero-video__cta:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}.hero-video__cta .icon-play-outline{flex:none;width:26px;height:26px}.hero-video__dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:#000000e6;color:#fff}.hero-video__dialog[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.hero-video__dialog::backdrop{background:transparent}html:has(.hero-video__dialog[open]){overflow:hidden}.hero-video__player{width:min(1200px,100%,(100vh - 120px) * 16 / 9);aspect-ratio:16 / 9;background:#000}.hero-video__player iframe{display:block;width:100%;height:100%;border:0}.hero-video__close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font-size:32px;line-height:1;cursor:pointer}.hero-video__close:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.hero-video__fallback{margin:0;font-size:14px;color:#ffffffbf}.hero-video__fallback a{color:#fff;text-decoration:underline}.container:has(>.header__wrapper){max-width:1440px}@media(max-width:1024px){.hero-video{display:block;height:auto;background:#fff}.hero-video:before{display:none}.hero-video__media{position:relative;aspect-ratio:16 / 9}.hero-video__content{width:auto;padding:clamp(48px,3.125vw + 24px,56px) clamp(48px,6.25vw,64px) clamp(56px,3.125vw + 32px,64px)}.hero-video__heading{max-width:none;font-size:clamp(48px,3.125vw + 24px,56px)}.hero-video__sub{max-width:19.7em;font-size:clamp(18px,.78125vw + 12px,20px)}}@media(max-width:767px){.hero-video__media{aspect-ratio:var(--mobile-ratio, 4 / 3)}.hero-video__media img{object-position:90% center!important}.hero-video__content{padding:32px 24px 40px}.hero-video__heading{font-size:36px}.hero-video__sub{max-width:none;margin-top:12px;font-size:17px}.hero-video__cta{width:100%;margin-top:28px;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-hero-video.css.map */