.vh-double-video{--_edge: var(--vh-edge);--vh-overlay-pad-inline: var(--_edge);--vh-h0: clamp(52px, 10.2vw, 128px);--vh-body-lg: clamp(18px, 3.2vw, 30px);position:relative;width:100vw;margin-left:calc(50% - 50vw);height:var(--vh-dv-min, 90svh);z-index:1;background-color:var(--vh-surface);color:var(--vh-white, #FFFFFF)}.vh-double-video.is-thin-edges{--_edge: var(--vh-edge-thin, 14px)}.vh-double-video.is-bleed .vh-double-video__inner{border-radius:0}.vh-double-video.is-bleed .vh-double-video__inner:after{content:"";position:absolute;inset:auto 0 0;z-index:2;block-size:22%;background:linear-gradient(to bottom,rgb(10 7 17 / 0),var(--vh-night));pointer-events:none}.vh-double-video__inner{position:relative;height:100%;width:100%;background:var(--vh-brand);border-bottom-left-radius:var(--vh-radius);border-bottom-right-radius:var(--vh-radius);overflow:hidden;isolation:isolate}.vh-double-video__split{position:relative;display:grid;grid-template-columns:1fr 1fr;height:100%;width:100%}.vh-double-video__split:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to top,#140a2499,#140a2442 30%,#140a2400 56%)}.vh-double-video__pane{position:relative;width:100%;height:100%;margin:0;overflow:hidden}.vh-double-video__fallback,.vh-double-video__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vh-double-video__fallback{z-index:0;transition:opacity .4s ease-out}.vh-double-video__video{z-index:1;opacity:0;transition:opacity .6s var(--vh-ease-out)}.vh-double-video__video.is-ready{opacity:1}.vh-double-video__pane--left .vh-double-video__video{object-position:var(--vh-object-pos-left)}.vh-double-video__pane--right .vh-double-video__video{object-position:var(--vh-object-pos-right)}.vh-double-video__overlay{position:absolute;bottom:var(--vh-overlay-bottom, 12%);left:0;width:100%;padding-inline:var(--vh-overlay-pad-inline);z-index:3;pointer-events:none}.vh-double-video__container{max-width:var(--vh-max);margin:0 auto;width:100%;display:block}.vh-double-video__center{max-width:100%;width:100%;text-align:left;pointer-events:auto}.vh-double-video .vh-pill{background:#a478d933;color:var(--vh-white, #FFFFFF);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:16px;display:inline-block}.vh-double-video__title{font-family:var(--font-heading-family);font-size:var(--vh-h0);font-weight:var(--vh-heading-weight);line-height:.95;letter-spacing:-.02em;color:var(--vh-white, #FFFFFF);margin:0 0 16px;text-wrap:balance;max-width:100%}.vh-double-video__sub{font-family:var(--font-body-family);font-size:var(--vh-body-lg);line-height:1.4;color:#ffffffe6;margin:0 0 24px;max-width:48ch}@media(max-width:768px){.vh-double-video{width:100%;margin-left:0;margin-right:0;left:0;height:40svh;min-height:320px;display:flex;flex-direction:column}.vh-double-video__inner{flex:1;position:relative;width:100%;height:100%;overflow:hidden;border-bottom-left-radius:var(--vh-radius);border-bottom-right-radius:var(--vh-radius)}.vh-double-video__split{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:100%;width:100%}.vh-double-video__overlay{bottom:24px;padding-inline:20px;z-index:10}.vh-double-video__title{font-size:32px;line-height:1.05;margin-bottom:8px;width:100%}.vh-double-video__sub{font-size:14px;margin-bottom:12px;display:none}.vh-double-video .vh-cta{transform:scale(.9);transform-origin:left bottom;margin-top:0}}@media(prefers-reduced-motion:reduce){.vh-double-video__video{display:none}.vh-double-video__fallback{opacity:1!important;z-index:2}}.vh-double-video{display:grid;height:auto;min-height:var(--vh-dv-min, 90svh)}.vh-double-video__inner{display:grid;height:auto}.vh-double-video__split,.vh-double-video__overlay{grid-area:1 / 1}.vh-double-video__overlay{position:relative;bottom:auto;align-self:end;padding-block:var(--vh-header-clear) clamp(32px,8svh,96px)}@media(max-width:768px){.vh-double-video{display:grid;height:auto;min-height:max(40svh,320px)}.vh-double-video__overlay{bottom:auto;padding-block:var(--vh-header-clear) 24px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/vh-double-video.css.map */
