.banner{display:flex;flex-direction:row;position:relative;min-height:70rem;height:calc(100vh - 146px);transition:all .3s ease}.banner__heading-image{width:190px;height:auto;transition:all .3s ease;margin-bottom:2rem}.banner__box.gradient{transform:perspective(0)}.banner__media-half:nth-child(2){display:none}.banner--content-align-right .banner__box,.banner--content-align-mobile-right .banner__box{text-align:right}.banner--content-align-left .banner__box,.banner--content-align-mobile-left .banner__box{text-align:left}.banner__media{position:absolute;top:0;left:0;width:100%;height:100%}.banner__media-half{width:100%}.banner__content{position:relative;display:flex;width:100%;padding:0 15px;align-items:flex-end;justify-content:center;z-index:2}.banner__box{background:transparent;position:relative;width:100%;padding:8rem 0;text-align:left;word-wrap:break-word}.banner__heading{margin-bottom:0;line-height:1em;font-size:clamp(50px,10vw,120px);letter-spacing:clamp(-2.88px,10vw,-4.8px)}.banner__text{display:block;font-family:Futura;font-weight:700;color:#fff;margin:clamp(2rem,5vw,4rem) 0;font-size:clamp(20px,5vw,30px);letter-spacing:clamp(-.8px,5vw,-1.2px);line-height:1.2em}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem}.banner__buttons .button{background:#d22630;border:1px solid #D22630;font-family:Futura;font-weight:700;font-size:14px;min-width:124px;height:49px;transition:.3s}.banner__buttons .button:hover{background:#000;border-color:#fff}.banner__buttons .button:before,.banner__buttons .button:after{display:none}.banner:after,.banner__media:after{content:"";position:absolute;top:0;width:100%;height:100%;background:#000;opacity:0;z-index:1}@media only screen and (max-width:992px){.banner__box{width:100%;min-width:auto}}@media only screen and (max-width:767px){.banner{height:calc(50vh - 146px)}.banner__heading-image{width:95px}.banner__media-half:first-child{display:none}.banner__media-half:nth-child(2){display:block}.banner--stacked{height:auto}.banner--mobile-bottom .banner__media,.banner--stacked:not(.banner--mobile-bottom) .banner__media{position:relative}.banner__box{padding:8rem 0 4rem}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-image-banner.css.map */