.hero-banner{margin-bottom:2rem}.hero__background-media,.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.hero__background{width:100%;height:100%}.hero__background img,.hero__background svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-banner .deferred-media__button{display:block;width:100%;height:100%}.hero-banner .deferred-media__button svg{position:absolute;top:62%;left:50%;transform:translate(-50%,-50%);background-color:transparent}@media screen and (max-width: 750px){.hero-banner .deferred-media__button svg{top:70%;width:6.5rem;height:6.5rem}}.hero__overlay:empty{display:block;z-index:2;pointer-events:none}.deferred-media__button svg{z-index:2}.hero__inner{min-height:56.2rem;padding:5rem 0;display:flex;flex-direction:column;overflow:hidden;position:relative;align-items:center;justify-content:center}@media screen and (max-width: 750px){.hero__inner{min-height:56vw}}.hero__media{padding:0;height:100%}.hero__content{max-width:100%;padding:0 4rem;margin:0 auto;text-align:center;flex:1;position:absolute;top:0;left:0;width:100%;height:100%;padding:0}.hero__title{color:var(--color-white);text-align:center;text-shadow:.2rem .2rem .4rem rgba(0,0,0,.25);font-family:var(--font-heading-family);font-size:2.2rem;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.177rem;text-transform:uppercase;margin-bottom:4.2rem;position:relative;z-index:1;position:absolute;top:37.4%;left:50%;transform:translate(-50%,-50%);z-index:2;width:100%}@media screen and (max-width: 750px){.hero__title{margin-bottom:3rem;top:25%;font-size:1.7rem;padding:0 2rem}}.hero__video{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(0)}.hero__video iframe{width:100%;height:100%}.hero__video-active{z-index:0}.hero__video-btn{display:block;width:8.5rem;height:8.5rem;margin:0 auto;position:relative;z-index:5;transition:opacity .3s ease}.hero__video-btn:hover{opacity:.8}.hero__video-btn svg{width:100%;height:100%}.hero-banner:has(.hero__video-active) .hero__title,.hero-banner:has(.hero__video-active) .hero__video-btn{z-index:0;opacity:0}@media screen and (max-width: 750px){.hero__container{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-hero-banner.css.map */