.hero-banner{min-height:calc(100svh - 5.6rem);margin-top:0;border-radius:0 0 1.6rem 1.6rem;transform:translateY(0)!important;animation:none!important;opacity:1!important;position:relative;overflow:hidden;cursor:pointer}.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;top:50%;transform:translateY(-50%);z-index:5;left:4.5rem;right:1.6rem}.hero-banner__heading{margin-bottom:2.4rem;display:flex;flex-direction:column}.hero-banner-countdown-timer{display:none;width:34%;max-width:100%;background-color:#000;padding:.7rem .8rem .5rem;text-align:center;margin-bottom:2.4rem;font-family:"owners-wide",var(--font-body-family);font-weight:500;font-style:normal;font-size:1.8rem;line-height:1.8rem;border-radius:.4rem;color:#fff}.hero-banner-countdown-timer.show{display:block}.hero-banner-countdown-timer .countdown-label{color:#fff;margin-right:1.1rem}.hero-banner-countdown-timer .countdown-time{white-space:nowrap}.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}.hero-banner__heading h1 strong .hero-banner_tm{width:1.3rem;height:auto;vertical-align:super;margin-bottom:.5rem;margin-right:-.2rem}.hero-banner__heading h1 img{width:34%}.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;height:4.8rem}.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}.hero-banner__copyright{position:absolute;bottom:6.9rem;right:0;color:#fff;font-size:1.8rem;line-height:1.6rem;letter-spacing:.54px;text-transform:capitalize;z-index:1}@media(max-width:767px){.hero-banner{min-height:calc(100svh - 5rem);margin-bottom:2rem;background-color:#faf6f0;border-radius:0 0 .8rem .8rem}.hero-banner .hero-banner__media video,.hero-banner .hero-banner__media img{object-position:center}.hero-banner__container{top:0;bottom:0;left:0;right:0;transform:none;padding:2rem 1.6rem}.hero-banner__box{display:flex;flex-flow:column;justify-content:space-between;height:100%}.hero-banner__content{height:100%}.hero-banner__heading{margin-bottom:0}.hero-banner-countdown-timer{order:1;width:100%;margin:1.4rem 0 0;padding-left:.4rem;padding-right:.4rem;font-size:1.6rem;line-height:1.6rem;letter-spacing:0}.hero-banner__heading p{order:2}.hero-banner__heading h1{font-size:2.8rem;line-height:100%;letter-spacing:.56px;color:#000}.hero-banner__heading h1 img{width:100%}.hero-banner__heading .tag{padding:.2rem .8rem .1rem;margin-bottom:1.2rem;border-color:#000}.hero-banner__heading .tag span{font-size:1.6rem;line-height:100%;letter-spacing:.32px;color:#000}.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__copyright{bottom:-5.2rem;color:#474747;right:-1rem}.hero-banner__buttons .button--main:hover,.hero-banner__buttons .button--main:focus,.hero-banner__buttons .button--main:active{color:#fff}.hero-banner__buttons .button--main--reverse:hover,.hero-banner__buttons .button--main--reverse:focus,.hero-banner__buttons .button--main--reverse:active{color:#000}.hero-banner__video-icons{top:0;bottom:initial}.hero-banner__heading h1 strong .hero-banner_tm{width:.8rem;margin-bottom:.2rem}.hero-banner__heading h1 strong .hero-banner_tm path{fill:#000}.hero-banner .hero-banner__media video{object-fit:contain}}@media(max-width:551px){.hero-banner__buttons .button{height:4.8rem}.hero-banner__buttons .button br{display:block}}
/*# sourceMappingURL=/cdn/shop/t/1237/assets/dossier-hero-banner.css.map */
