.container{color:#fff;position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:calc(100dvh - 112px);padding:24px}.container img{max-width:100%;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:0 0 12px 12px}.container h1{font-weight:900;text-transform:uppercase}.container p{font-weight:300}.about .hero{height:80dvh}@media (min-width: 768px){.about .hero{height:60vh}}.about .hero{position:relative;padding:48px 0}@media (min-width: 768px){.about .hero{padding:80px 0}}.about .hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:#fff}.about .hero .content{width:calc(4 * var(--layout-column-width) + (4 - 1) * var(--layout-columns-gap))}@media (min-width: 768px){.about .hero .content{width:calc(8 * var(--layout-column-width) + (8 - 1) * var(--layout-columns-gap))}}@media (min-width: 768px) and (min-width: 1440px){.about .hero .content{width:calc(12 * var(--layout-column-width) + (12 - 1) * var(--layout-columns-gap))}}.about .hero .content{margin:0 auto}.about .hero .content h1{margin-bottom:16px}.about .hero .content p{max-width:calc(4 * var(--layout-column-width) + (4 - 1) * var(--layout-columns-gap))}.about .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.9) 100%);z-index:-1;border-radius:0 0 12px 12px}.about .hero .about-hero-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:0 0 12px 12px}.about .contenu-wrapper{width:calc(4 * var(--layout-column-width) + (4 - 1) * var(--layout-columns-gap))}@media (min-width: 768px){.about .contenu-wrapper{width:calc(6 * var(--layout-column-width) + (6 - 1) * var(--layout-columns-gap))}}.about .contenu-wrapper{margin:32px auto 0;gap:48px}@media (min-width: 768px){.about .contenu-wrapper{margin-top:120px;gap:120px}}.about .contenu-wrapper{display:flex;flex-direction:column;padding-bottom:120px}.about .contenu-wrapper .content{display:flex;flex-direction:column;gap:40px}.about .contenu-wrapper .products{display:flex;flex-wrap:nowrap;gap:24px;overflow-x:scroll;width:100vw;margin-left:calc(var(--layout-margin) * -1);padding:0 var(--layout-margin)}@media (min-width: 768px){.about .contenu-wrapper .products{width:100%;gap:var(--layout-columns-gap);margin-left:0;padding:0;overflow-x:auto}}.about .contenu-wrapper .products{box-sizing:border-box;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none}.about .contenu-wrapper .products .product{scroll-snap-align:center;flex:1 0 calc(4 * var(--layout-column-width) + (4 - 1) * var(--layout-columns-gap) - 48px);aspect-ratio:1/1}@media (min-width: 768px){.about .contenu-wrapper .products .product{flex:1 1 33%;aspect-ratio:4/5}}.about .contenu-wrapper .products .product{position:relative}.about .contenu-wrapper .products .product img{transform:scale(1);transition:transform 1s cubic-bezier(.075,.82,.165,1)}.about .contenu-wrapper .products .product{overflow:hidden;transition:border-radius .3s}.about .contenu-wrapper .products .product:hover img{transform:scale(1.05)}.about .contenu-wrapper .products .product:hover{border-radius:20px;text-decoration:none}.about .contenu-wrapper .products .product:hover .content img{transform:translate(-100%,-50%)}.about .contenu-wrapper .products .product .content{display:flex;flex-direction:column;width:100%;position:relative;overflow:hidden}.about .contenu-wrapper .products .product .content img{position:absolute;top:50%;left:100%;height:32px;width:32px;transform:translate(25%,-50%);z-index:1;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.about .contenu-wrapper .products .product .content{gap:0}.about .contenu-wrapper .products .product{border-radius:12px;overflow-y:hidden;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#fff}.about .contenu-wrapper .products .product>.background-image{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}.about .contenu-wrapper .faq>.faq-image{width:100%;aspect-ratio:5/3;border-radius:12px;object-position:0% 25%}.about .contenu-wrapper .faq{box-sizing:border-box;display:flex;flex-direction:column;gap:48px}.about .contenu-wrapper .faq h2{display:flex;align-items:center}.about .contenu-wrapper .faq h2 span{display:contents}.about .contenu-wrapper .faq h2 span img{height:32px;margin-right:8px}.about .btn{width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-sizing:border-box;border-radius:4px;transition:background .3s,color .3s,border .3s,border-radius .3s}.about .btn:disabled{cursor:not-allowed}.about .btn{outline:1px solid black;background:white;color:#000}.about .btn:disabled{background:#b1b4b7;color:#fff}.about .btn:hover{background:#161616;color:#fff;outline:1px solid transparent}.about .btn{padding:8px 16px}@media (min-width: 768px){.about .btn{padding:8px 32px}}.about .btn{font-size:12px;font-family:HeadingNow;font-weight:900;line-height:150%;text-decoration:none;letter-spacing:normal}@media (min-width: 768px){.about .btn{font-size:16px}}@media (min-width: 768px) and (min-width: 1920px){.about .btn{font-family:HeadingNow;font-weight:900;font-size:18px;line-height:150%;text-decoration:none;letter-spacing:normal}}.about .btn{text-transform:uppercase;width:180px;margin:0 auto}