.video-hero{overflow:hidden;position:relative;width:100%}.video-hero__media{background:rgba(var(--color-foreground),.06);min-height:min(var(--video-hero-height, 88vh),80rem);position:relative}.video-hero__media:after{background:rgba(0,0,0,var(--video-hero-overlay, .18));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.video-hero__video,.video-hero__poster{display:block;height:100%;top:0;right:0;bottom:0;left:0;min-height:inherit;object-fit:cover;object-position:center center;position:absolute;width:100%}.video-hero__video{pointer-events:none}.video-hero__iframe-wrap{height:100%;top:0;right:0;bottom:0;left:0;min-height:inherit;overflow:hidden;pointer-events:none;position:absolute;width:100%;z-index:0}.video-hero__iframe-wrap iframe{border:0;height:56.25vw;left:50%;min-height:100%;min-width:177.78vh;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw}.video-hero__placeholder{fill:rgba(var(--color-foreground),.12);height:100%;top:0;right:0;bottom:0;left:0;min-height:inherit;object-fit:cover;position:absolute;width:100%}.video-hero__content{align-items:center;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:center;padding:4rem 2rem;pointer-events:none;position:absolute;text-align:center;z-index:2}.video-hero__copy{max-width:56rem;pointer-events:auto}.video-hero__heading{color:#fff;font-family:var(--font-body-family);font-size:clamp(3rem,5.2vw,5.6rem);font-weight:600;letter-spacing:.02em;line-height:1.08;margin:0}.video-hero__text{color:#fffffff0;font-size:clamp(1.4rem,1.9vw,1.8rem);line-height:1.55;margin:1.6rem auto 0;max-width:42rem}.video-hero__button{background:#f5f1eb;border:none;color:#121212;display:inline-flex;font-size:1.1rem;font-weight:600;justify-content:center;letter-spacing:.14em;margin-top:2.8rem;min-height:4.8rem;min-width:22rem;padding:1.3rem 2.8rem;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease,transform .2s ease}.video-hero__button:hover{opacity:.92;transform:translateY(-.1rem)}.video-hero__button[aria-disabled=true]{cursor:not-allowed;opacity:.55}@media screen and (min-width:750px){.video-hero__content{padding:5rem 3rem}}@media screen and (max-width:749px){.video-hero__media{min-height:min(70vh,44rem)}.video-hero__content{padding:3rem 1.5rem}.video-hero__button{min-width:0;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-video-hero.css.map */