.article-recommendation{padding:128px 0;position:relative}.article-recommendation:before{content:"";width:1px;height:100px;display:block;background-color:#0d0d12;position:absolute;top:0;left:50%;transform:translate(-50%)}.article-recommendation .container-xl{margin:80px auto 0;display:flex;align-items:flex-start;gap:48px;position:relative}.article-recommendation .container-xl h2{font-size:16rem;line-height:100%;color:#c49b6a;font-family:NTSeawaveAlternativeWeb,sans-serif;text-transform:uppercase;position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:1}@media screen and (max-width:1180px){.article-recommendation .container-xl h2{font-size:12.8rem}}@media screen and (max-width:630px){.article-recommendation .container-xl h2{font-size:6rem}}.article-recommendation .container-xl .gauche,.article-recommendation .container-xl .droite{max-width:50%;display:block;width:50%}.article-recommendation .container-xl .gauche img,.article-recommendation .container-xl .droite img{max-width:100%;width:100%;height:auto}.article-recommendation .container-xl .gauche img{aspect-ratio:1/1;object-fit:cover}.article-recommendation .container-xl h3,.article-recommendation .container-xl .auteur{display:block;font-size:1.3rem;line-height:150%;text-decoration:none;margin-top:24px;text-transform:uppercase;font-family:EuclidFlexMediumWeb,sans-serif;letter-spacing:1px;position:relative}.article-recommendation .container-xl h3:after{content:"";position:absolute;right:0;top:5px;width:10px;height:10px;border-radius:50%;background-color:#0d0d12;display:block}.article-recommendation .container-xl .auteur{margin-top:4px;text-transform:inherit}.article-recommendation .container-xl .auteur:before{content:"\2014  "}@media screen and (max-width:1180px){.article-recommendation .container-xl .gauche,.article-recommendation .container-xl .droite{max-width:100%;display:block;width:100%}.article-recommendation{padding-bottom:0}.article-recommendation .container-xl{margin-top:48px}}@media screen and (max-width:630px){.article-recommendation{padding:48px 24px}.article-recommendation .container-xl{flex-direction:column;gap:48px}.article-recommendation .container-xl h2{width:100%;display:block;text-align:center}.article-recommendation .container-xl .gauche,.article-recommendation .container-xl .droite{max-width:100%}.article-recommendation .container-xl .gauche h3,.article-recommendation .container-xl .droite h3{padding-right:40%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/article-recommendation.css.map */