.annexe-hero{height:650px;position:relative;display:flex;justify-content:flex-end;align-items:flex-end}.annexe-hero:after{content:"";width:100%;height:100%;display:block;background-color:#0d0d12;opacity:.7;position:absolute;z-index:1}.annexe-hero img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:0}.annexe-hero video{height:100%;max-height:100%;width:100%;object-fit:cover;position:absolute;z-index:0}.annexe-hero .container-xl{margin:0 auto;height:auto;text-align:center}.annexe-hero .container-xl svg{width:45px;margin-bottom:24px;position:relative;z-index:2}.annexe-hero .container-xl h1{color:#fff;font-size:6rem;line-height:90%;font-family:NTSeawaveAlternativeWeb,sans-serif;text-transform:uppercase;position:relative;z-index:2;padding-bottom:24px}@media screen and (max-width:1180px){.annexe-hero .container-xl h1{font-size:4.8rem}}@media screen and (max-width:630px){.annexe-hero .container-xl h1{font-size:3rem}}.annexe-hero .container-xl h2{color:#fff;max-width:50%;margin:0 auto;font-size:3rem;line-height:120%;font-family:EuclidFlexThinWeb,sans-serif;position:relative;z-index:2;padding-bottom:128px}@media screen and (max-width:1180px){.annexe-hero .container-xl h2{font-size:3rem}}@media screen and (max-width:630px){.annexe-hero .container-xl h2{font-size:2.4rem}}.annexe-hero.left .container-xl{text-align:left}.annexe-hero.left .container-xl h1{color:#fff;font-size:16rem}@media screen and (max-width:1180px){.annexe-hero.left .container-xl h1{font-size:8rem}}@media screen and (max-width:630px){.annexe-hero.left .container-xl h1{font-size:4.8rem}}.annexe-hero.left .container-xl h2{font-size:3rem;color:#fff;max-width:100%;margin:0}@media screen and (max-width:1180px){.annexe-hero.left .container-xl h2{font-size:2.4rem}}@media screen and (max-width:630px){.annexe-hero.left .container-xl h2{font-size:2.4rem}}@media screen and (min-width:630px)and (max-width:1180px){.annexe-hero{flex-direction:column;height:450px;justify-content:flex-end}.annexe-hero .container-xl{padding:0 48px}.annexe-hero .container-xl svg{width:35px}.annexe-hero .container-xl h2{padding-bottom:80px;max-width:100%}}@media screen and (max-width:630px){.annexe-hero{flex-direction:column;height:450px;justify-content:flex-end}.annexe-hero .container-xl svg{width:30px;margin-bottom:12px}.annexe-hero .container-xl h2{padding-bottom:48px;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/annexe-hero.css.map */