.hero-banner{min-height:calc(100svh - 5.6rem);margin-top:0;border-radius:0;transform:translateY(0)!important;animation:none!important;opacity:1!important;position:relative;background-color:#000}.hero-banner .hero-banner__media video,.hero-banner .hero-banner__media img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;cursor:pointer}.hero-banner .background-video{visibility:hidden}.hero-banner .active-vid .background-video{visibility:visible}.hero-banner__container{position:absolute;bottom:2.7rem;z-index:5;left:4rem;right:1.6rem}.hero-banner__heading{margin-bottom:1.6rem}.hero-banner__heading .tag{display:flex;align-items:center;width:fit-content;margin-bottom:.8rem;padding:.3rem 1.2rem .4rem;border:2px solid #FFFFFF;border-radius:2.4rem}.hero-banner__heading .tag span{font-size:2.2rem;font-weight:600;line-height:100%;letter-spacing:.44px;color:#fff}.hero-banner__heading h1{font-family:var(--font-body-family);font-style:var(--font-body-style);color:#fff;font-size:6rem;line-height:100%;letter-spacing:1.2px;margin-bottom:0}.hero-banner__heading h1 strong{line-height:100%;display:block;font-weight:600}.hero-banner__buttons{display:flex;gap:1.6rem;z-index:4}.hero-banner__buttons .button{text-transform:uppercase;width:23.2rem;max-width:100%;padding:0 .5rem;text-align:center;line-height:1.6rem;letter-spacing:.32px}.hero-banner__buttons .button br{display:none}.hero-banner__video-icons{display:flex;gap:1rem;position:absolute;right:0;bottom:3.6rem;z-index:10}.hero-banner__video-icons .icon--pause,.hero-banner__video-icons .icon--mute{cursor:pointer}@media(max-width:767px){.hero-banner{min-height:calc(100svh - 5rem);margin-bottom:2rem}.hero-banner__container{left:1.6rem;right:1.6rem;bottom:2.5rem;margin:0}.hero-banner__heading{margin-bottom:2rem}.hero-banner__heading h1{font-size:2.5rem;line-height:100%;letter-spacing:.5px}.hero-banner__heading .tag{padding:.2rem .8rem;margin-bottom:1.2rem}.hero-banner__heading .tag span{font-size:1.6rem;line-height:100%;letter-spacing:.32px}.hero-banner__buttons{gap:.8rem}.hero-banner__buttons .button{min-width:inherit;width:calc(50% - .2rem);text-align:center;line-height:1.6rem;letter-spacing:.32px;padding-bottom:.1rem}.hero-banner__video-icons{top:0;bottom:initial}}@media(max-width:551px){.hero-banner__buttons .button{height:4.8rem}.hero-banner__buttons .button br{display:block}}
/*# sourceMappingURL=/cdn/shop/t/1233/assets/dossier-hero-banner.css.map */