.video-banner-section{background:#000}.video-banner{position:relative;height:var(--banner-height-mobile, 500px);background-color:#000;border-top:1px solid #666;overflow:hidden;contain:layout style paint;max-width:1500px;margin:0 auto}.video-banner__video,.video-banner__image,.video-banner__placeholder{position:absolute;top:0;left:0;width:100%;height:75%;object-fit:cover;object-position:center}.video-banner__video{will-change:transform}.video-banner__video--desktop{display:none}.video-banner__video--mobile{display:block}.video-banner__placeholder{background-color:#333}.video-banner__overlay{position:absolute;top:0;left:0;width:100%;height:75%;background:linear-gradient(180deg,#0000 86%,rgba(0,0,0,var(--overlay-opacity, .5)) 95%,#000);pointer-events:none;z-index:1}.video-banner__content{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--content-width, 900px);padding:10px 20px 30px;display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;z-index:2}.video-banner__heading{margin:0;color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(28px,5vw,42px);font-weight:700;line-height:1.1;word-wrap:break-word}.video-banner__subheading{margin:0;color:#ffffffb3;font-family:Montserrat,sans-serif;font-size:17px;font-weight:500;line-height:1.5;word-wrap:break-word;letter-spacing:-.17px}.video-banner__button{display:inline-block;margin-top:10px;padding:12px 32px;background-color:#fff;color:#000;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:0;cursor:pointer;transition:background-color .3s ease,color .3s ease}.video-banner__button:hover,.video-banner__button:focus{background-color:#ffffffe6;color:#000}.video-banner__button[aria-disabled=true]{pointer-events:none;opacity:.6}.video-banner__subheading p{padding-top:0;padding-bottom:0;margin-bottom:0;margin-top:0}@media screen and (min-width: 768px){.video-banner{height:var(--banner-height-desktop, 650px)}.video-banner__video--desktop{display:block}.video-banner__video--mobile{display:none}.video-banner__content{padding:10px 10px 45px;gap:15px}.video-banner__button{padding:14px 40px;font-size:15px}}@media (prefers-reduced-motion: reduce){.video-banner__video{display:none!important}.video-banner__button{transition:none}}@media print{.video-banner{height:auto;min-height:300px}.video-banner__video{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-video-banner.css.map */