/* Général */
html{scroll-behavior: smooth;}
*{color: var(--Color-Black); font-family: polymath-text, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px;}
a{text-decoration: none;transition: .5s;cursor: pointer;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .5s;display: block;}
svg path{transition: .5s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.justify-content-space-between{justify-content: space-between;}
.justify-content-flex-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.wrap{flex-wrap: wrap;}
.gap-20{gap: 20px;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;} 
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;}
/* Variable */
:root {
    --Color-Black: #2C2C2C;
    --Color-White: #fff;
    --Color-Beige: #ECE9E0;
    --Color-Green: #02352D ;
    --Color-Terra: #AEA78B;
}
body{overflow-x: hidden;}
body.not-scroll{overflow: hidden;}
.grecaptcha-badge { visibility: hidden !important; }

/* Masonry */
.masonry-layout { --columns: 1; --grap: 20px; display: grid; grid-gap: var(--grap); grid-template-columns: repeat(var(--columns), 1fr); } 
.masonry-layout .masonry-item {z-index: 6; display: flex; justify-content: center; margin-bottom: 20px; cursor: pointer;background: var(--Color-Black); position: relative;} 
.masonry-layout .gallery-item img { display: block; height: 100%; max-width: 100%; width: 100%; } 
.masonry-layout .gallery-item video { display: block; height: 100%; max-width: 100%; width: 100%;}
.masonry-layout .gallery-item-video{position: relative;}
.masonry-layout .gallery-item-video::before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 1;background-image: url('/wp-content/themes/thomas/img/play.png');background-repeat: no-repeat;background-position: center;}
.masonry-layout.columns-1 { --columns: 1; }
.masonry-layout.columns-2 { --columns: 2; }
.masonry-layout.columns-3 { --columns: 3; }
.masonry-layout.columns-4 { --columns: 4; }
.masonry-layout.columns-5 { --columns: 5; }
.masonry-layout.columns-6 { --columns: 6; }
.masonry-layout.columns-7 { --columns: 7; }
.masonry-layout.columns-8 { --columns: 8; }
.masonry-layout.columns-9 { --columns: 9; }
.masonry-layout.columns-10 { --columns: 10; }
.masonry-layout.columns-11 { --columns: 11; }
.masonry-layout.columns-12 { --columns: 12; }

/* Lightbox */
/* Lightbox container (caché par défaut, fade-in) */
.lightbox { display: none; position: fixed; z-index: 9999; padding-top: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.8); cursor: zoom-out; opacity: 0; transition: opacity 0.4s ease; }
/* Etat "visible" du lightbox */
.lightbox.show { display: block; opacity: 1; }
/* Image du lightbox (animation de zoom) */
.lightbox-content { top: 50%; left: 50%; position: absolute; margin: auto; display: block;  max-width: 90%; max-height: 80%; transform: translate(-50%, -50%) scale(0.8); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; }
.lightbox-video { background: #000;}
/* Quand le lightbox est visible → animation en grand */
.lightbox.show .lightbox-content { transform: translate(-50%, -50%) scale(1); opacity: 1; }
/* Bouton close */
.lightbox-close { position: absolute; top: 20px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer; transition: color 0.3s ease; z-index: 10000; }
.lightbox-close:hover { color: #bbb; }
/* Boutons flèches */
.lightbox-prev, .lightbox-next { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; font-size: 60px; font-weight: bold; cursor: pointer; user-select: none; transition: color 0.3s ease; z-index: 10000; padding: 10px; }
.lightbox-prev { left: 20px; }
.lightbox-next { right: 20px; }
.lightbox-prev:hover svg path, .lightbox-next:hover svg path { fill: #bbb; }

/* button */
.btn-link{display: inline-block;border-radius: 50px;transition: .5s; background: var(--Color-Black);border: 1px solid var(--Color-Black);padding: 22px 28px;color: var(--Color-White); font-family: polymath-display; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;}
.btn-link:hover{background: transparent;color: var(--Color-Black);}

/* Actu card */



/* Bloc text */
.bloc-text h2{color: var(--Color-Black); font-family: polymath-display; font-size: 60px; font-style: normal; font-weight: 700; line-height: 60px;margin-top: 0;margin-bottom: 30px;}
.bloc-text h3{color: var(--Color-Black, #2C2C2C); font-family: polymath-display; font-size: 50px; font-style: normal; font-weight: 700; line-height: 50px;}
.bloc-text p{color: var(--Color-Black); font-family: polymath-text; font-size: 24px; font-style: normal; font-weight: 400; line-height: 32px;}
.bloc-text p:last-of-type{margin-bottom: 0;}

/* Bloc media */
.bloc-media img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.bloc-media video{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}

/* Projet */
.projet-card>a{display: flex;flex-direction: column;gap: 20px;position: relative;}
.projet-card .media{width: 100%;height: 650px;position: relative;overflow: hidden;}
.projet-card .media>*{transition: .5s;}
.projet-card:hover .media>*{transform: scale(1.05);}
.projet-card .btn{opacity: 0;backdrop-filter: blur(10px); position: absolute;bottom: 40px;right: 40px;width: 64px;height: 64px;border: 1px solid var(--Color-White);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: .5s;}
.projet-card:hover .btn{opacity: 1;}
.projet-card .btn:hover{background: var(--Color-White);}
.projet-card .btn:hover svg path{fill: var(--Color-Black);}
.projet-card .text{width: 100%;display: flex;gap: 20px;}
.projet-card .text .title{width: 75%;color: var(--Color-Black); font-family: polymath-display; font-size: 45px; font-style: normal; font-weight: 700; line-height: 45px;margin: 0;}
.projet-card .text .info{width: 25%;color: var(--Color-Black); font-family: nicholas; font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px;}

/* Projet parent */
.projet-parent-card>a{display: flex;flex-direction: column;gap: 20px;position: relative;}
.projet-parent-card .media{width: 100%;height: 350px;position: relative;overflow: hidden;background: var(--Color-Black);}
.projet-parent-card .media>*{transition: .5s;opacity: .8;filter: grayscale(1);}
.projet-parent-card:hover .media>*{transform: scale(1.05);filter: grayscale(0);}
.projet-parent-card .btn{opacity: 0;backdrop-filter: blur(10px); position: absolute;bottom: 50px;right: 40px;width: 64px;height: 64px;border: 1px solid var(--Color-White);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: .5s;}
.projet-parent-card:hover .btn{opacity: 1;}
.projet-parent-card .btn:hover{background: var(--Color-White);}
.projet-parent-card .btn:hover svg path{fill: var(--Color-Black);}
.projet-parent-card .text{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 5;padding: 0 0 60px 60px;transition: .5s;}
.projet-parent-card:hover .text{padding-bottom: 65px;}
.projet-parent-card .text h3{color: var(--Color-White); font-family: polymath-display; font-size: 45px; font-style: normal; font-weight: 700; line-height: 45px;margin: 0;}
.projet-parent-card .text p{margin-bottom: 0; color: var(--Color-White); font-family: nicholas; font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px;}


/* Formulaire */
.contact form{display: flex;flex-wrap: wrap;gap: 0 20px;}
.contact form>p{width: 100%;display: flex;flex-direction: column;gap: 20px;}
.contact form>p br{display: none;}
.contact form .half{width: calc(50% - 10px);margin-bottom: 20px;}
.contact form .half p{margin: 0;}
.contact form input[type="text"], .contact form input[type="email"], .contact form input[type="tel"]{width: 100%;padding: 10px 0px;border-radius: 0;border: none; border-bottom: 1px solid var(--Color-Black); background: transparent; outline: none;color: var(--Color-Black); font-family: polymath-text; font-size: 20px; font-style: normal; font-weight: 300; }
.contact form select{width: 100%;padding: 10px 0px;border-radius: 0;border: none; border-bottom: 1px solid var(--Color-Black); background: transparent; outline: none;color: var(--Color-Black); font-family: polymath-text; font-size: 20px; font-style: normal; font-weight: 300; }
.contact form textarea{width: 100%;padding: 10px 0px;border-radius: 0;border: none; border-bottom: 1px solid var(--Color-Black); background: transparent; outline: none;color: var(--Color-Black); font-family: polymath-text; font-size: 20px; font-style: normal; font-weight: 300;height: 150px;}
.contact form .wpcf7-response-output{margin: 0; width: 100%;padding: 10px 15px;border-radius: 0; background: transparent; outline: none; color: var(--Color-Black); font-family: polymath-text; font-size: 20px; font-style: normal; font-weight: 300;}
.contact form *::placeholder{color: var(--Color-Black);}
.contact form input[type="submit"]{height: fit-content; margin-left: auto;border-radius: 50px; background: var(--Color-Black);border: 1px solid var(--Color-Black);padding: 22px 28px;color: var(--Color-White); font-family: polymath-display; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;transition: .5s;cursor: pointer;}
.contact form input[type="submit"]:hover{background: transparent;color: var(--Color-Black);}
.contact form button{height: fit-content; margin-left: auto;border-radius: 50px; background: var(--Color-Black);border: 1px solid var(--Color-Black);padding: 22px 28px;color: var(--Color-White); font-family: polymath-display; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;transition: .5s;cursor: pointer;}
.contact form button:hover{background: transparent;color: var(--Color-Black);}
.contact form span{color: var(--Color-Black); font-family: polymath-text; font-size: 20px; font-style: normal; font-weight: 300;}
.contact form span.wpcf7-not-valid-tip{color: #dc3232;}
.contact form .wpcf7-list-item{margin: 0;}

/* scroll-top */
.scroll-top{position: fixed;bottom: 50px;right: 50px;z-index: 890;padding: 15px;width: 65px;height: 65px;cursor: pointer;transition: .5s;opacity: 0;visibility: hidden;}
.scroll-top.visible{opacity: 1;visibility: visible;}
.scroll-top svg{width: 100%;height: auto;transition: .5s;}
.scroll-top:hover svg path{fill: var(--Color-Black);}

/* Header */
header{position: absolute;top: 0;left: 0;z-index: 990; width: 100%;}
header .menu-desktop{display: flex;align-items: flex-start;padding: 60px 60px 0;position: relative;z-index: 10;justify-content: space-between;}
header .menu-desktop .logo{overflow: hidden;}
header .menu-desktop .logo svg .logo-hover-1{transform: translateX(-100%);opacity: 0;transition: .8s;}
header .menu-desktop .logo svg .logo-hover-2{transform: translateX(-100%);opacity: 0;transition: .8s;transition-delay: .08s;}
header .menu-desktop .logo a:hover svg .logo-hover-1{transform: translateX(0);opacity: 1;}
header .menu-desktop .logo a:hover svg .logo-hover-2{transform: translateX(0);opacity: 1;}
header .menu-desktop .navigation{display: flex;align-items: center;justify-content: flex-start;}
header .menu-desktop .navigation nav>ul.menu{display: flex;gap: 20px;margin: 0;padding: 0;list-style: none;}
header .menu-desktop .navigation nav>ul.menu>li>a{ backdrop-filter: blur(10px);   border: 1px solid var(--Color-White); border-radius: 50px; padding: 22px 28px; color: var(--Color-White); font-family: polymath-display; font-size: 20px; font-style: normal; font-weight: 400; line-height: 18px; display: inline-block;}
header .menu-desktop .navigation nav>ul.menu>li>a:hover{color: var(--Color-Black);background: var(--Color-White);}
header .menu-desktop .navigation nav>ul.menu>li.open>a{color: var(--Color-Black);background: var(--Color-White);}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Color-Black);background: var(--Color-White);position: relative;}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 44px;position: relative;}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(/wp-content/themes/thomas/img/plus.svg);background-size: cover;height: 14px;width: 14px; right: 20px;top: 50%;transform: translateY(-50%); color: var(--Color-White); font-family: polymath-display; font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px;transition: .5s;}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a:hover::after{background-image: url(/wp-content/themes/thomas/img/plus-black.svg);}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children.open>a::after{background-image: url(/wp-content/themes/thomas/img/plus-black.svg);}
header .menu-desktop .navigation nav>ul.menu>li .sub-menu{border-radius: 30px;display: flex;list-style: none; margin: 0;padding: 20px 25px;background: var(--Color-White); flex-direction: column;gap: 5px;position: absolute;top: 100%;opacity: 0;transition: .5s;visibility: hidden;margin-top: 10px;}
header .menu-desktop .navigation nav>ul.menu>li.open .sub-menu{opacity: 1;visibility: visible;}
header .menu-desktop .navigation nav>ul.menu>li .sub-menu>li>a{color: var(--Color-Black); font-family: polymath-display; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px;}

header .burger-button{    padding: 25px; border: 1px solid var(--Color-White); cursor: pointer; transition: .5s; display: none; backdrop-filter: blur(10px); border-radius: 50%;}
header .burger-button:hover{color: var(--Color-Black);background: var(--Color-White);}
header .burger-button:hover svg path{fill: var(--Color-Black);}

header .menu-mobile{transition: .5s;position: absolute;top: 0;left: 0;padding: 140px 20px 20px; width: 100%;height: 100vh;z-index: 8;background: var(--Color-Black);opacity: 0;visibility: hidden;max-height: 0vh;}
header.open .menu-mobile{ opacity: 1; visibility: visible; max-height: 100vh;  }
header .menu-mobile .navigation{display: flex;align-items: center;justify-content: flex-start;}
header .menu-mobile .navigation nav>ul.menu{display: flex;gap: 30px;margin: 0;padding: 0;list-style: none;flex-direction: column;}
header .menu-mobile .navigation nav>ul.menu>li>a{color: var(--Color-White); font-family: polymath-display; font-size: 20px; font-style: normal; font-weight: 400; line-height: 18px; display: inline-block;}
header .menu-mobile .navigation nav>ul.menu>li>a:hover{color: var(--Color-Terra);}
header .menu-mobile .navigation nav>ul.menu>li.open>a{color: var(--Color-Terra);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Color-Terra);}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children{position: relative;}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 44px;position: relative;}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(/wp-content/themes/thomas/img/plus.svg);background-size: cover;height: 14px;width: 14px; right: 20px;top: 50%;transform: translateY(-50%); color: var(--Color-White); font-family: polymath-display; font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px;transition: .5s;}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a:hover::after{background-image: url(/wp-content/themes/thomas/img/plus-terra.svg);}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children.open>a::after{background-image: url(/wp-content/themes/thomas/img/plus-terra.svg);}
header .menu-mobile .navigation nav>ul.menu>li .sub-menu{max-height: 0px; display: flex;list-style: none; margin: 0;padding: 0 20px;flex-direction: column;gap: 20px;position: relative;top: 100%;opacity: 0;transition: .5s;visibility: hidden;}
header .menu-mobile .navigation nav>ul.menu>li.open .sub-menu{opacity: 1;visibility: visible;max-height: 500px;padding: 20px 20px 0;}
header .menu-mobile .navigation nav>ul.menu>li .sub-menu>li>a{color: var(--Color-White); font-family: polymath-display; font-size: 20px; font-style: normal; font-weight: 400; line-height: 18px; display: inline-block;}
header .menu-mobile .navigation nav>ul.menu>li .sub-menu>li>a:hover{color: var(--Color-Terra);}

/* Footer */
footer{width: 100%;}
footer .footer-top{padding: 150px 0 0;background: var(--Color-Terra);width: 100%;}
footer .footer-top .shape{width: 33.33333333%;display: flex;align-items: flex-end;}
footer .footer-top .shape svg{    width: 100%; height: auto;}
footer .footer-bottom{display: flex;padding: 100px 60px;align-items: flex-end;background: var(--Color-White);gap: 20px;}
footer .logo{width: 25%;}
footer .logo svg{width: 100%;height: auto;display: block;max-width: 250px;overflow-x: visible; overflow-y: visible;}
footer .menu-footer{width: 58.33333333%;}
footer .menu-footer nav ul{display: flex;gap: 20px;margin: 0;padding: 0;list-style: none;}
footer .menu-footer nav ul li a{color: var(--Color-Black); font-family: polymath-text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px;}
footer .menu-footer nav ul li a:hover{color: var(--Color-Terra);}
footer .mention{width: 16.66666667%;text-align: right;}
footer .mention a{color: var(--Color-Black); font-family: polymath-text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px;}
footer .mention a:hover{color: var(--Color-Terra);}

/* page 404 */
.page-404 #content{padding: 300px 100px 100px;background: var(--Color-Black);}
.page-404 #content .content{display: flex;}
.page-404 #content .content .text{width: 100%;}
.page-404 #content .content .text h1{color: var(--Color-White); font-family: polymath-display; font-size: 40px; font-style: normal; font-weight: 700;margin-top: 0;margin-bottom: 30px;}
.page-404 #content .content .text p{color: var(--Color-Black); font-family: polymath-text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px;}

/* page classique */
.page-classique #content{background: var(--Color-Terra);}
.page-classique #content .content{padding: 250px 60px 100px;width: 100%;position: relative;background-color: var(--Color-Terra);display: flex;gap: 20px;flex-wrap: wrap;}
.page-classique #content .content .title{width: 83.33333333%;margin-bottom: 30px;}
.page-classique #content .content .title h1{color: var(--Color-Black); font-family: polymath-display; font-size: 70px; font-style: normal; font-weight: 700; line-height: 60px;margin: 0;}
.page-classique #content .content .text{width: 100%;}
.page-classique #content .content .text h2{color: var(--Color-Black); font-family: polymath-display; font-size: 30px; font-style: normal; font-weight: 700;}
.page-classique #content .content .text h3{color: var(--Color-Black); font-family: polymath-display; font-size: 22px; font-style: normal; font-weight: 700;}
.page-classique #content .content .text p{color: var(--Color-Black); font-family: polymath-text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px;}

/* Page accueil */
.page-home #entry{height: 100vh;position: relative;background: #000;}
.page-home #entry .media{width: 100%;height: 100%;z-index: 1;opacity: .8;}
.page-home #entry .text{position: absolute;z-index: 3;bottom: 60px;left: 60px;width: 33.33333333%;}
.page-home #entry .text h1{color: var(--Color-White); font-family: polymath-display; font-size: 100px; font-style: normal; font-weight: 700; line-height: 90px;margin-top: 0;margin-bottom: 0;}

.page-home #genius-loci{padding: 130px 60px 0;background: var(--Color-Terra);display: flex;flex-wrap: wrap;gap: 20px;}
.page-home #genius-loci .text{width: calc(66.66666667% - 10px);}
.page-home #genius-loci .btn-container{width: calc(33.33333333% - 10px);margin-top: auto;text-align: right;}
.page-home #genius-loci .medias{width: 100%;margin-top: 100px;display: flex;gap: 20px;order: 3;}
.page-home #genius-loci .medias .w-1-3{width: calc(33.33333333% - 10px);max-height: 750px;}
.page-home #genius-loci .medias .w-2-3{width: calc(66.66666667% - 10px);max-height: 750px;}
.page-home #genius-loci .medias .w-3-3{width: 100%;max-height: 500px;}

.page-home #projets{padding: 130px 60px 100px;background: var(--Color-Terra);display: flex;flex-wrap: wrap;gap: 20px;}
.page-home #projets .title{width: 100%;margin-bottom: 30px;}
.page-home #projets .title h2{margin: 0;}
.page-home #projets .projets-list{display: flex;flex-direction: column;gap: 150px;width: 100%;}
.page-home #projets .projets-list .projet{width: 100%;display: flex;flex-wrap: wrap;gap: 20px;position: relative;}
.page-home #projets .projets-list .projet .quote{position: absolute; color: var(--Color-Black); font-family: nicholas; font-size: 40px; font-style: normal; font-weight: 600; line-height: normal;margin-bottom: 0;}
.page-home #projets .projets-list .projet .media-principal{height: calc(100vh - 110px);}
.page-home #projets .projets-list .projet .text{margin-top: auto;margin-bottom: 80px;}
.page-home #projets .projets-list .projet .text .subtitle{margin-bottom: 20px; color: var(--Color-Black); font-family: nicholas; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px;}
.page-home #projets .projets-list .projet .text h3{margin-top: 0;margin-bottom: 40px;}
.page-home #projets .projets-list .projet .medias-secondaire{width: 100%;display: flex;gap: 20px;order: 3;}
.page-home #projets .projets-list .projet .medias-secondaire .w-1-3{width: calc(33.33333333% - 10px);max-height: 750px;}
.page-home #projets .projets-list .projet .medias-secondaire .w-2-3{width: calc(66.66666667% - 10px);max-height: 750px;}
.page-home #projets .projets-list .projet .medias-secondaire .w-3-3{width: 100%;max-height: 500px;}

.page-home #projets .projets-list .projet:nth-child(odd) .media-principal{width: calc(50% - 10px);order: 1;}
.page-home #projets .projets-list .projet:nth-child(odd) .text{width: calc(41.66666667% - 10px);margin-left: 8.33333333%;order: 2;}
.page-home #projets .projets-list .projet:nth-child(odd) .quote{text-align: right;right: 0;width: 33.33333333%;top: 80px;}
.page-home #projets .projets-list .projet:nth-child(even) .media-principal{width: calc(50% - 10px);margin-left: 8.33333333%;order: 2;}
.page-home #projets .projets-list .projet:nth-child(even) .text{width: calc(41.66666667% - 10px);margin-left: 0;order: 1;}
.page-home #projets .projets-list .projet:nth-child(even) .quote{text-align: left;left: 0;width: 33.33333333%;top: 80px;}

.page-home #crea-environement{padding: 130px 60px 0;background: var(--Color-Terra);display: flex;flex-wrap: wrap;gap: 20px;}
.page-home #crea-environement .text{width: calc(66.66666667% - 10px);}
.page-home #crea-environement .btn-container{width: calc(33.33333333% - 10px);margin-top: auto;text-align: right;}
.page-home #crea-environement .medias{width: 100%;margin-top: 100px;display: flex;gap: 20px;order: 3;}
.page-home #crea-environement .medias .w-1-3{width: calc(33.33333333% - 10px);max-height: 750px;}
.page-home #crea-environement .medias .w-2-3{width: calc(66.66666667% - 10px);max-height: 750px;}
.page-home #crea-environement .medias .w-3-3{width: 100%;max-height: 500px;}

/* Page atelier */
.page-atelier #entry{height: 100vh;position: relative;background: #000;}
.page-atelier #entry .media{width: 100%;height: 100%;z-index: 1;opacity: .8;}
.page-atelier #entry .text{position: absolute;z-index: 3;bottom: 60px;left: 60px;width: 33.33333333%;}
.page-atelier #entry .text h1{color: var(--Color-White); font-family: polymath-display; font-size: 100px; font-style: normal; font-weight: 700; line-height: 90px;margin-top: 0;margin-bottom: 0;}
.page-atelier #entry .text p{color: var(--Color-White); font-family: nicholas; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;margin-bottom: 0;}

.page-atelier #introduction{padding: 130px 60px 0;background: var(--Color-Terra);display: flex;gap: 20px;}
.page-atelier #introduction .text{width: 33.33333333%;margin-left: 8.33333333%; /* padding: 100px 0; */ }
.page-atelier #introduction .text p{color: var(--Color-Black); font-family: nicholas; font-size: 40px; font-style: normal; font-weight: 600; line-height: normal;}
.page-atelier #introduction .text p:last-of-type{margin-bottom: 0;}
.page-atelier #introduction .media{width: 41.66666667%;margin-left: 8.33333333%;}

.page-atelier #content-1{padding: 130px 60px 100px;background: var(--Color-Terra);display: flex;flex-wrap: wrap; gap:  130px 20px;}
.page-atelier #content-1 .bloc{width: 100%;display: flex;gap: 20px;}
.page-atelier #content-1 .bloc:nth-child(odd) .text{order: 1;width: calc(41.66666667% - 10px);margin-left: 8.33333333%;}
.page-atelier #content-1 .bloc:nth-child(odd) .media{order: 2;width: calc(41.66666667% - 10px);margin-left: 8.33333333%;}
.page-atelier #content-1 .bloc:nth-child(even) .text{order: 2;width: calc(33.33333333% - 10px);margin-left: 8.33333333%;}
.page-atelier #content-1 .bloc:nth-child(even) .media{order: 1;width: calc(50% - 10px);}
/* .page-atelier #content-1 .bloc .text{padding: 100px 0;} */
.page-atelier #content-1 .bloc .text p{font-size: 20px;}
.page-atelier #content-1 .bloc .text h2{color: var(--Color-Black); font-family: nicholas; font-size: 40px; font-style: normal; font-weight: 600; line-height: normal;margin-bottom: 30px;}

/* Page Genius Loci */
.page-genius-loci #entry{height: 100vh;position: relative;background: #000;}
.page-genius-loci #entry .media{width: 100%;height: 100%;z-index: 1;opacity: .8;}
.page-genius-loci #entry .text{position: absolute;z-index: 3;bottom: 60px;left: 60px;width: 80%;}
.page-genius-loci #entry .text h1{color: var(--Color-White); font-family: polymath-display; font-size: 100px; font-style: normal; font-weight: 700; line-height: 90px;margin-top: 0;margin-bottom: 0;}
.page-genius-loci #entry .text p{color: var(--Color-White); font-family: nicholas; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;margin-bottom: 0;}

.page-genius-loci #content-1{padding: 130px 60px 100px;background: var(--Color-Terra);display: flex;flex-wrap: wrap; gap:  130px 20px;}
.page-genius-loci #content-1 .bloc{width: 100%;display: flex;gap: 20px;}
.page-genius-loci #content-1 .bloc:nth-child(odd) .text{order: 1;width: calc(41.66666667% - 10px);margin-left: 8.33333333%;}
.page-genius-loci #content-1 .bloc:nth-child(odd) .media{order: 2;width: calc(41.66666667% - 10px);margin-left: 8.33333333%;}
.page-genius-loci #content-1 .bloc:nth-child(even) .text{order: 2;width: calc(41.66666667% - 10px);margin-left: 8.33333333%;}
.page-genius-loci #content-1 .bloc:nth-child(even) .media{order: 1;width: calc(41.66666667% - 10px);}
/* .page-genius-loci #content-1 .bloc .text{padding: 100px 0;} */
.page-genius-loci #content-1 .bloc .text p{font-size: 20px;}
.page-genius-loci #content-1 .bloc .text h2{color: var(--Color-Black); font-family: nicholas; font-size: 45px; font-style: normal; font-weight: 600; line-height: normal;}

/* Page Contact */
.page-contact #content{padding: 300px 60px 100px;background: var(--Color-Terra);display: flex;gap: 20px;}
.page-contact #content .col-left{width: 41.66666667%;}
.page-contact #content .text h1{color: var(--Color-White); font-family: polymath-display; font-size: 70px; font-style: normal; font-weight: 700; line-height: 60px;margin-top: 0;margin-bottom: 30px;}
.page-contact #content .text p{font-size: 20px;}
.page-contact #content .col-right{width: 41.66666667%;}

/* Page Recrutement */
.page-recrutement #content{padding: 300px 60px 100px;background: var(--Color-Terra);display: flex;gap: 20px;}
.page-recrutement #content .col-left{width: 41.66666667%;}
.page-recrutement #content .text h1{color: var(--Color-White); font-family: polymath-display; font-size: 70px; font-style: normal; font-weight: 700; line-height: 60px;margin-top: 0;margin-bottom: 30px;}
.page-recrutement #content .text p{font-size: 20px;}
.page-recrutement #content .col-right{width: 41.66666667%;}

/* Page Galerie */
.page-galerie #content{padding: 300px 60px 100px;width: 100%;position: relative;background-color: var(--Color-Terra);display: flex;gap: 20px;flex-wrap: wrap;}
.page-galerie #content .title{width: calc(25% - 10px);margin-bottom: 30px;}
.page-galerie #content .title h1{color: var(--Color-White); font-family: polymath-display; font-size: 70px; font-style: normal; font-weight: 700; line-height: 60px;margin: 0;}

.page-galerie #content .filter{width: calc(75%  - 10px);display: flex;gap: 15px;align-items: flex-end;margin-bottom: 30px;}
.page-galerie #content .filter p.filter-item{margin: 0;background: transparent;color: var(--Color-Black);cursor: pointer;}
.page-galerie #content .filter p.filter-item:hover{background: var(--Color-Black);color: var(--Color-White);}
.page-galerie #content .filter p.filter-item.active{background: var(--Color-Black);color: var(--Color-White);}

.page-galerie #content #gallery-photos{width: 100%;}
.page-galerie #content .gallery-item{overflow: hidden;}
.page-galerie #content .lightbox-content{overflow: hidden;}

/* Page Dossier de presse */
.page-dp #content{padding: 300px 60px 100px;width: 100%;position: relative;background-color: var(--Color-Terra);display: flex;gap: 20px;flex-wrap: wrap;}
.page-dp #content .title{width: 83.33333333%;margin-bottom: 30px;}
.page-dp #content .title h1{color: var(--Color-White); font-family: polymath-display; font-size: 70px; font-style: normal; font-weight: 700; line-height: 60px;margin: 0;}

.page-dp #content .dp-list{width: 100%;display: flex;gap: 50px 20px;flex-wrap: wrap;}
.page-dp #content .dp-list .dp-card{width: calc(33.33333333% - 14px);}
.page-dp #content .dp-list .dp-card>a{display: flex;flex-direction: column;gap: 20px;position: relative;}
.page-dp #content .dp-list .dp-card .media{width: 100%;height: 350px;position: relative;overflow: hidden;background: var(--Color-Black);}
.page-dp #content .dp-list .dp-card .media>*{transition: .5s;opacity: .8;}
.page-dp #content .dp-list .dp-card:hover .media>*{transform: scale(1.05);}
.page-dp #content .dp-list .dp-card .btn{opacity: 0;backdrop-filter: blur(10px); position: absolute;bottom: 50px;right: 40px;width: 64px;height: 64px;border: 1px solid var(--Color-White);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: .5s;}
.page-dp #content .dp-list .dp-card:hover .btn{opacity: 1;}
.page-dp #content .dp-list .dp-card .btn:hover{background: var(--Color-White);}
.page-dp #content .dp-list .dp-card .btn:hover svg path{fill: var(--Color-Black);}
.page-dp #content .dp-list .dp-card .text{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 5;padding: 0 0 40px 40px;transition: .5s;}
.page-dp #content .dp-list .dp-card:hover .text{padding-bottom: 65px;}
.page-dp #content .dp-list .dp-card .text h3{color: var(--Color-White); font-family: polymath-display; font-size: 38px; font-style: normal; font-weight: 700; line-height: 38px;margin: 0;}
.page-dp #content .dp-list .dp-card .text p{margin-bottom: 0; color: var(--Color-White); font-family: nicholas; font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px;}

/* Page Medias */
.page-medias #content{padding: 300px 60px 100px;width: 100%;position: relative;background-color: var(--Color-Terra);display: flex;gap: 20px;flex-wrap: wrap;}
.page-medias #content .title{width: 50%;margin-bottom: 30px;}
.page-medias #content .title h1{color: var(--Color-White); font-family: polymath-display; font-size: 70px; font-style: normal; font-weight: 700; line-height: 60px;margin: 0;margin-bottom: 20px;}
.page-medias #content .title p{color: var(--Color-Black); font-family: polymath-text; font-size: 24px; font-style: normal; font-weight: 400; line-height: 32px;}

.page-medias #content .medias-list{width: 100%;display: flex;gap: 50px 20px;flex-wrap: wrap;}
.page-medias #content .medias-list .media-card{width: calc(25% - 15px);}
.page-medias #content .medias-list .media-card .media{width: 100%;height: 280px;position: relative;overflow: hidden;background: var(--Color-Black);}
.page-medias #content .medias-list .media-card .media>*{transition: .5s;}
.page-medias #content .medias-list .media-card:hover .media>*{transform: scale(1.05);}
.page-medias #content .medias-list .media-card .text{width: 100%;transition: .5s;padding: 20px 10px;display: flex;flex-direction: column;}
.page-medias #content .medias-list .media-card .text h3{color: var(--Color-Black); font-family: polymath-display; font-size: 28px; font-style: normal; font-weight: 700; line-height: 30px;margin: 0;margin-bottom: 10px;}
.page-medias #content .medias-list .media-card .text p{margin-bottom: 15px; color: var(--Color-White); font-family: polymath-display; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.6px;}
.page-medias #content .medias-list .media-card .text .btn-link{width: fit-content;opacity: 0;}
.page-medias #content .medias-list .media-card:hover .text .btn-link{opacity: 1;}

/* Page Projets */
.page-projets #entry{height: 100vh;position: relative;display: flex;gap: 20px;background: var(--Color-Terra);}
.page-projets #entry .col-left{width: 66.66666667%;}
.page-projets #entry .col-right{width: 33.33333333%;display: flex;flex-direction: column;gap: 20px;}
.page-projets #entry .media-1{width: 100%;height: 100%;z-index: 1;}
.page-projets #entry .media-2{width: 100%;height: calc(50% - 10px);z-index: 1;}
.page-projets #entry .media-3{width: 100%;height: calc(50% - 10px);z-index: 1;}
.page-projets #entry .text{position: absolute;z-index: 3;bottom: 60px;left: 60px;width: 50%;}
.page-projets #entry .text h1{color: var(--Color-White); font-family: polymath-display; font-size: 100px; font-style: normal; font-weight: 700; line-height: 90px;margin-top: 0;margin-bottom: 0;}
.page-projets #entry .text p{color: var(--Color-White); font-family: nicholas; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;margin-bottom: 0;}

.page-projets #introduction{padding: 130px 60px 0;background: var(--Color-Terra);display: flex;flex-wrap: wrap;gap: 20px;}
.page-projets #introduction .text{width: calc(66.66666667% - 10px);}
.page-projets #introduction .text h2{width: 90%;}

.page-projets #projets{padding: 130px 60px 0;background: var(--Color-Terra);}
.page-projets #projets .projets-list{width: 100%;display: flex;gap: 50px 20px;flex-wrap: wrap;}
.page-projets #projets .projets-list .projet-card{width: calc(33.33333333% - 14px);}

.page-projets #other-projets{padding: 130px 60px 100px;background: var(--Color-Terra);display: flex;flex-wrap: wrap;}
.page-projets #other-projets .title{width: 100%;margin-bottom:80px;}
.page-projets #other-projets .title h2{margin-bottom: 0;}
.page-projets #other-projets .projets-list{width: 100%;display: flex;gap: 50px 20px;flex-wrap: wrap;}
.page-projets #other-projets .projets-list .projet-parent-card{width: calc(33.33333333% - 14px);}

/* Single projet */
.single-projet #entry{height: 100vh;position: relative;background: #000;}
.single-projet #entry .media{width: 100%;height: 100%;z-index: 1;opacity: .8;}
.single-projet #entry .text{position: absolute;z-index: 3;bottom: 60px;left: 60px;width: 90%;}
.single-projet #entry .text h1{color: var(--Color-White); font-family: polymath-display; font-size: 80px; font-style: normal; font-weight: 700; line-height: 80px;margin-top: 0;margin-bottom: 0;}
.single-projet #entry .text p{color: var(--Color-White); font-family: nicholas; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;margin-bottom: 0;}

.single-projet #video{padding: 130px 60px 0;background: var(--Color-Terra);display: flex;flex-wrap: wrap;gap: 20px;}
.single-projet #video .media{width: 100%;}

.single-projet #itw{padding: 130px 60px 0;background: var(--Color-Terra);display: flex;flex-wrap: wrap;gap: 20px; /* align-items: center; */ }
.single-projet #itw .media{width: calc(50% - 10px);}
.single-projet #itw .text{width: calc(41.66666667% - 10px);margin-left: 8.33333333%; /* padding: 50px 0; */ }
.single-projet #itw .text p{color: var(--Color-Black); font-family: polymath-text; font-size: 24px; font-style: normal; font-weight: 400; line-height: 32px;}
.single-projet #itw .text p strong{color: var(--Color-Black); font-family: nicholas; font-size: 40px; font-style: normal; font-weight: 600; line-height: normal;}

.single-projet #content{background: var(--Color-Terra);}
.single-projet #content .content-bloc{padding: 130px 60px 0;background: var(--Color-Terra);display: flex;flex-wrap: wrap;gap: 20px;}
.single-projet #content .content-bloc .text p{font-size: 20px;}

.single-projet #content .bloc-infos-texte .infos{width: calc(41.66666667% - 10px);display: flex;gap: 20px 50px;flex-wrap: wrap;height: 100%;justify-content: flex-end;}
.single-projet #content .bloc-infos-texte .infos>div{width: calc(50% - 25px);text-align: right;}
.single-projet #content .bloc-infos-texte .infos>div p strong{color: var(--Color-Black); font-family: polymath-text; font-size: 14px; font-style: normal; font-weight: 900; line-height: 26px; text-transform: uppercase;}
.single-projet #content .bloc-infos-texte .infos>div p{margin-bottom: 0; color: var(--Color-Black); font-family: polymath-text; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px; text-transform: uppercase;}
.single-projet #content .bloc-infos-texte .text{width: calc(41.66666667% - 10px);margin-left: 8.33333333%;}

.single-projet #content .bloc-texte-media .text{/* padding: 100px 0; */ margin-left: 8.33333333%;width: calc(41.66666667% - 10px);}
.single-projet #content .bloc-texte-media .media{margin-left: 8.33333333%;width: calc(41.66666667% - 10px);}

.single-projet #content .bloc-media-texte .text{/* padding: 100px 0; */ margin-left: 8.33333333%;width: calc(33.33333333% - 10px);}
.single-projet #content .bloc-media-texte .media{width: calc(50% - 10px);}

.single-projet #content .bloc-texte-schema{align-items: center;}
.single-projet #content .bloc-texte-schema .text{margin-left: 8.33333333%;width: calc(41.66666667% - 10px);}
.single-projet #content .bloc-texte-schema .media{margin-left: 8.33333333%;width: calc(41.66666667% - 10px);}

.single-projet #content .bloc-schema-texte{align-items: center;}
.single-projet #content .bloc-schema-texte .text{margin-left: 8.33333333%;width: calc(33.33333333% - 10px);}
.single-projet #content .bloc-schema-texte .media{width: calc(50% - 10px);}

.single-projet #content .bloc-dessin .media{width: 66.66666667%;margin: auto;mix-blend-mode: multiply;}

.single-projet #content .bloc-photos .medias{width: 100%;display: flex;gap: 20px;order: 3;}
.single-projet #content .bloc-photos .medias .w-1-3{width: calc(41.66666667% - 10px);max-height: 600px;}
.single-projet #content .bloc-photos .medias .w-2-3{width: calc(58.33333333% - 10px);max-height: 600px;}
.single-projet #content .bloc-photos .medias .w-3-3{width: 100%;max-height: 800px;}

.single-projet #other-projets{padding: 130px 60px 0;background: var(--Color-Terra);display: flex;flex-wrap: wrap;}
.single-projet #other-projets .title{width: 100%;margin-bottom:80px;}
.single-projet #other-projets .title h2{margin-bottom: 0;}
.single-projet #other-projets .projets-list{width: 100%;display: flex;gap: 50px 20px;flex-wrap: wrap;}
.single-projet #other-projets .projets-list .projet-card{width: calc(33.33333333% - 14px);}
.single-projet #other-projets .projets-list .projet-card .media img{transition: .5s;filter: grayscale(1);}
.single-projet #other-projets .projets-list .projet-card:hover .media img{filter: grayscale(0);}

/* Responsive */
@media screen and (max-width: 1700px) {
    /* projet card */
    .projet-card .text .title{font-size: 42px;line-height: 42px;}
}
@media screen and (max-width: 1600px) {
    /* projet card */
    .projet-card .text .title{font-size: 38px;line-height: 38px;}
}
@media screen and (max-width: 1500px) {
    /* projet card */
    .projet-card .text .title{font-size: 34px;line-height: 34px;width: 70%;}
    .projet-card .text .info{width: 30%;}

    /* projet parent card */
    .projet-parent-card .text{padding:  0 0 40px 20px;}
    .projet-parent-card:hover .text{padding-bottom: 45px;}
    .projet-parent-card .text h3{font-size: 40px;line-height: 40px;} 
    .projet-parent-card .btn{bottom: 40px;right: 20px;}

    /* page dp */
    .page-dp #content .dp-list .dp-card .text{padding:  0 0 40px 20px;}
    .page-dp #content .dp-list .dp-card:hover .text{padding-bottom: 45px;}
    .page-dp #content .dp-list .dp-card .text h3{font-size: 40px;line-height: 40px;} 
    .page-dp #content .dp-list .dp-card .btn{bottom: 40px;right: 20px;}

}
@media screen and (max-width: 1400px) {
    /* projet card */
    .projet-card .media{height: 500px;}
    .projet-card .text .title{font-size: 30px;line-height: 30px;}

    /* header */
    header .menu-desktop .navigation nav>ul.menu{gap: 15px;}

    /* page parent projets */
    .projet-parent-card .btn { width: 45px;height: 45px;}

    /* page dp */
    .page-dp #content .dp-list .dp-card .btn { width: 45px;height: 45px;}

    /* page atelier */
    .page-atelier #introduction .media{width: 50%;margin-left: 0;}
    .page-atelier #introduction .text{width: 41.66666667%;}
    .page-atelier #content-1 .bloc:nth-child(odd) .text{margin-left: 0;}
    .page-atelier #content-1 .bloc:nth-child(odd) .media{width: calc(50% - 10px);}
    .page-atelier #content-1 .bloc:nth-child(even) .text{width: calc(41.66666667% - 10px);}
    .page-atelier #content-2 .bloc:nth-child(even) .text{margin-left: 0;}
    .page-atelier #content-2 .bloc:nth-child(even) .media{width: calc(50% - 10px);}
    .page-atelier #content-2 .bloc:nth-child(odd) .text{width: calc(41.66666667% - 10px);}

    /* page projets */
    .page-projets #introduction .text{width: calc(75% - 10px);}

    /* page médias */
    .page-medias #content .medias-list .media-card{width: calc(33.33333333% - 14px);}

}
@media screen and (max-width: 1300px) {
    /* header */
    header .menu-desktop{padding: 40px 20px 0;}
}

@media screen and (max-width: 1200px) {
    /* header */
    header .menu-desktop .navigation nav>ul.menu{gap: 10px;}
    header .menu-desktop .navigation nav>ul.menu>li>a{padding: 22px 18px;    font-size: 18px;}

    /* footer */
    footer .footer-top{padding: 100px 0 0;}
    footer .footer-bottom{padding: 80px 20px;}

    /* projet parent card */
    .projet-parent-card .media{height: 300px;}
    .projet-parent-card .text { padding: 0 0 20px 20px; }
    .projet-parent-card:hover .text{padding-bottom: 25px;}
    .projet-parent-card .text h3 { font-size: 36px; line-height: 36px; }
    .projet-parent-card .btn{bottom: 30px;right: 20px;}

    /* Page classique */
    .page-classique #content .content{padding: 180px 20px 100px;}

    /* Page home */
    .page-home #entry .text{left: 20px;bottom: 20px;width: 50%;}
    .page-home #entry .text h1{font-size: 80px;    line-height: 70px;}
    .page-home #genius-loci{padding: 100px 20px 0;}
    .page-home #genius-loci .text{width: calc(75% - 10px);}
    .page-home #genius-loci .btn-container{width: calc(25% - 10px);}
    .page-home #genius-loci .medias{margin-top: 50px;}
    .page-home #projets{padding: 100px 20px 100px;}
    .page-home #projets .projets-list{gap: 100px;}
    .page-home #projets .projets-list .projet:nth-child(odd) .quote{top: 20px;width: 41.66666667%;}
    .page-home #projets .projets-list .projet:nth-child(even) .quote{top: 20px;width: 41.66666667%;}
    .page-home #projets .projets-list .projet .text {  margin-bottom: 20px; }
    .page-home #projets .projets-list .projet:nth-child(odd) .text{margin-left: 0;width: calc(50% - 10px);}
    .page-home #projets .projets-list .projet .media-principal{height: 80vh;}
    .page-home #crea-environement{padding: 100px 20px 0;}
    .page-home #crea-environement .text{width: calc(75% - 10px);}
    .page-home #crea-environement .btn-container{width: calc(25% - 10px);}
    .page-home #crea-environement .medias{margin-top: 50px;}

    /* Page atelier */
    .page-atelier #entry .text{left: 20px;bottom: 20px;width: 50%;}
    .page-atelier #entry .text h1{font-size: 80px;    line-height: 70px;}
    .page-atelier #introduction{padding: 100px 20px 0;}
    .page-atelier #introduction .text{width: 50%; /* padding: 50px 0; */ margin-left: 0;}
    .page-atelier #introduction .text p{font-size: 36px;}
    .page-atelier #content-1{padding: 100px 20px 100px;gap: 100px 20px;}
    .page-atelier #content-1 .bloc:nth-child(odd) .text{width: calc(50% - 10px); /* padding: 50px 0; */ margin-left: 0;}
    .page-atelier #content-1 .bloc:nth-child(odd) .media{width: calc(50% - 10px);margin-left: 0;}
    .page-atelier #content-1 .bloc:nth-child(even) .text{width: calc(50% - 10px); /* padding: 50px 0; */ margin-left: 0;}
    .page-atelier #content-1 .bloc:nth-child(even) .media{width: calc(50% - 10px);margin-left: 0;}
    .page-atelier #content-2{padding: 100px 20px 0;gap: 100px 20px;}
    .page-atelier #content-2 .bloc:nth-child(odd) .text{width: calc(50% - 10px);padding: 50px 0;margin-left: 0;}
    .page-atelier #content-2 .bloc:nth-child(odd) .media{width: calc(50% - 10px);margin-left: 0;}
    .page-atelier #content-2 .bloc:nth-child(even) .text{width: calc(50% - 10px);padding: 50px 0;margin-left: 0;}
    .page-atelier #content-2 .bloc:nth-child(even) .media{width: calc(50% - 10px);margin-left: 0;}

    /* Page projets */
    .page-projets #entry .text{left: 20px;bottom: 20px;width: 50%;}
    .page-projets #entry .text h1{font-size: 80px;    line-height: 70px;}
    .page-projets #introduction{padding: 100px 20px 0;}
    .page-projets #introduction .text{width:100%;}
    .page-projets #projets{padding: 100px 20px 0;}
    .page-projets #projets .projets-list .projet-card{width: calc(50% - 10px);}
    .page-projets #other-projets{padding: 100px 20px 100px;}
    .page-projets #other-projets .title{margin-bottom: 40px;}

    /* single projet */
    .single-projet #entry .text{left: 20px;bottom: 20px;width: 90%;}
    .single-projet #entry .text h1{font-size: 80px;    line-height: 70px;}
    .single-projet #video{padding: 100px 20px 0;}
    .single-projet #itw{padding: 100px 20px 0;}
    .single-projet #itw .text{width: calc(50% - 10px);margin-left: 0;}
    .single-projet #content .content-bloc{padding: 100px 20px 0;}
    .single-projet #content .bloc-infos-texte .infos{width: calc(50% - 10px);margin-left: 0;}
    .single-projet #content .bloc-infos-texte .text{width: calc(50% - 10px);margin-left: 0;}
    .single-projet #content .bloc-texte-media .text{width: calc(50% - 10px);margin-left: 0; /* padding: 50px 0; */}
    .single-projet #content .bloc-texte-media .media{width: calc(50% - 10px);margin-left: 0;}
    .single-projet #content .bloc-media-texte .text{width: calc(50% - 10px);margin-left: 0; /* padding: 50px 0; */}
    .single-projet #content .bloc-media-texte .media{width: calc(50% - 10px);margin-left: 0;}
    .single-projet #content .bloc-texte-schema .text{width: calc(50% - 10px);margin-left: 0; /* padding: 50px 0; */}
    .single-projet #content .bloc-texte-schema .media{width: calc(50% - 10px);margin-left: 0;}
    .single-projet #content .bloc-schema-texte .text{width: calc(50% - 10px);margin-left: 0; /* padding: 50px 0; */}
    .single-projet #content .bloc-schema-texte .media{width: calc(50% - 10px);margin-left: 0;}
    .single-projet #content .bloc-dessin .media{width: 83.33333333%;}
    .single-projet #content .bloc-photos .medias .w-1-3{max-height: 450px;}
    .single-projet #content .bloc-photos .medias .w-2-3{max-height: 450px;}
    .single-projet #content .bloc-photos .medias .w-3-3{max-height: 600px;}
    .single-projet #other-projets{padding: 100px 20px 0;}
    .single-projet #other-projets .title{margin-bottom: 40px;}
    .single-projet #other-projets .projets-list .projet-card{width: calc(50% - 10px);}
    
    /* Page Genius loci */
    .page-genius-loci #entry .text{left: 20px;bottom: 20px;}
    .page-genius-loci #entry .text h1{font-size: 80px;line-height: 70px;}
    .page-genius-loci #content-1{padding: 100px 20px 100px;gap: 100px 20px;}
    .page-genius-loci #content-1 .bloc:nth-child(odd) .media{width: calc(50% - 10px);margin-left: 0;}
    .page-genius-loci #content-1 .bloc:nth-child(odd) .text{width: calc(50% - 10px); /* padding: 50px 0; */  margin-left: 0;}
    .page-genius-loci #content-1 .bloc:nth-child(even) .media{width: calc(50% - 10px);margin-left: 0;}
    .page-genius-loci #content-1 .bloc:nth-child(even) .text{width: calc(50% - 10px); /* padding: 50px 0; */ margin-left: 0;}

    /* Page galerie */
    .page-galerie #content{padding: 180px 20px 100px;}
    .page-galerie #content .title{width: calc(33.33333333% - 10px);}
    .page-galerie #content .filter{width: calc(66.66666667% - 10px);}

    /* page dp */
    .page-dp #content{padding: 180px 20px 100px;}

    .page-dp #content .dp-list .dp-card{width: calc(50% - 10px);}
    .page-dp #content .dp-list .dp-card .media{height: 300px;}
    .page-dp #content .dp-list .dp-card .text { padding: 0 0 20px 20px; }
    .page-dp #content .dp-list .dp-card:hover .text{padding-bottom: 25px;}
    .page-dp #content .dp-list .dp-card .text h3 { font-size: 36px; line-height: 36px; }
    .page-dp #content .dp-list .dp-card .btn{bottom: 30px;right: 20px;}

    /* page medias */
    .page-medias #content{padding: 180px 20px 100px;}

    /* Page contact */
    .page-contact #content{padding: 180px 20px 100px;}
    .page-contact #content .col-right{width: 58.33333333%;}

    /* Page recrutement */
    .page-recrutement #content{padding: 180px 20px 100px;}
    .page-recrutement #content .col-right{width: 58.33333333%;}
}

@media screen and (max-width: 1200px) and (max-height: 1380px) {
    
    .page-home #entry{height: 70vh;}
    .page-home #projets .projets-list .projet .media-principal{height: 50vh;}

    .page-genius-loci #entry{height: 70vh;}

    .page-atelier #entry{height: 70vh;}

    .page-projets #entry{height: 70vh;}

    .single-projet #entry{height: 70vh;}
}

@media screen and (max-width: 1100px) {
    /* header */
    header .menu-desktop .navigation nav>ul.menu>li>a { font-size: 16px; }
}
@media screen and (max-width: 992px) {

    .scroll-top{display: none;}

    /* header */
    header .menu-desktop{padding: 20px 20px 0;}

    header .menu-desktop .logo svg .logo-hover-1{transform: translateX(-100%);opacity: 0;transition: .8s;}
    header .menu-desktop .logo svg .logo-hover-2{transform: translateX(-100%);opacity: 0;transition: .8s;transition-delay: .08s;}
    header .menu-desktop .logo a:hover svg .logo-hover-1{transform: translateX(-100%);opacity: 0;}
    header .menu-desktop .logo a:hover svg .logo-hover-2{transform: translateX(-100%);opacity: 0;}

    header .menu-desktop .navigation{display: none;}
    header .burger-button{display: block;}

    /* footer */
    footer .footer-top{padding: 50px 0 0;}
    footer .footer-bottom{padding: 40px 20px;flex-wrap: wrap;}
    footer .logo{width: 100%;}
    footer .logo svg{margin: auto;}
    footer .menu-footer{width: 100%;}
    footer .menu-footer nav ul{flex-direction: column;align-items: center;}
    footer .mention{width: 100%;text-align: center;}

    /* Projet card */
    .projet-card .media{height: 300px;}
    .projet-card .media>* { transform: scale(1.05); }
    .projet-card .btn { opacity: 1; width: 45px;height: 45px;}
    .projet-card .text{flex-wrap: wrap;gap: 10px;}
    .projet-card .text .title{order: 2;width: 100%;}
    .projet-card .text .info{order: 1;width: 100%;margin-bottom: 0;}

    /* Projet parent card */
    .projet-parent-card .media{height: 300px;}
    .projet-parent-card .media>* { transform: scale(1.05); }
    .projet-parent-card .btn { opacity: 1; width: 45px;height: 45px;}
    .projet-parent-card .text{padding-bottom: 25px;}

    /* btn-link */
    .btn-link{font-size: 18px;padding: 16px 18px;}

    /* bloc text */
    .bloc-text h2{font-size: 38px;line-height: 48px;}
    .bloc-text h3{font-size: 30px;line-height: 40px;}
    .bloc-text p{font-size: 18px;line-height: 28px}

    /* Page classique */
    .page-classique #content .content{padding: 150px 20px 50px;}
    .page-classique #content .content .title{width: 100%;margin-bottom: 0px}
    .page-classique #content .content .title h1 { font-size: 50px; line-height: 40px; }

    /* Page home */
    .page-home #entry{height: 80vh;}
    .page-home #entry .text{width: 100%;left: 0;padding: 0 20px;}
    .page-home #entry .text h1 { font-size: 60px; line-height: 50px; }
    .page-home #genius-loci{padding: 50px 20px 0;}
    .page-home #genius-loci .text{width: 100%;}
    .page-home #genius-loci .btn-container{width: 100%;text-align: left;}
    .page-home #genius-loci .medias{margin-top: 0px;}
    .page-home #genius-loci .medias .w-1-3{width: 100%;}
    .page-home #genius-loci .medias .w-2-3{width: 100%;}
    .page-home #genius-loci .medias .w-3-3{width: 100%;}
    .page-home #projets{padding: 50px 20px 50px;}
    .page-home #projets .title{margin-bottom: 0px;}
    .page-home #projets .projets-list{gap: 50px;}
    .page-home #projets .projets-list .projet .quote{font-size: 30px;}
    .page-home #projets .projets-list .projet .quote:nth-child(odd){position: relative;top: auto;left: auto;right: auto;order: 2;width: 100%;text-align: left;}
    .page-home #projets .projets-list .projet .quote:nth-child(even){position: relative;top: auto;left: auto;right: auto;order: 2;width: 100%;text-align: left;}
    .page-home #projets .projets-list .projet .media-principal{height: auto;}
    .page-home #projets .projets-list .projet .media-principal:nth-child(odd){width: 100%;order: 3;margin-left: 0;}
    .page-home #projets .projets-list .projet .media-principal:nth-child(even){width: 100%;order: 3;margin-left: 0;}
    .page-home #projets .projets-list .projet .text{margin-bottom: 0;}
    .page-home #projets .projets-list .projet .text .subtitle{margin-bottom: 10px;}
    .page-home #projets .projets-list .projet .text h3{margin-bottom: 20px;}
    .page-home #projets .projets-list .projet .text:nth-child(odd){width: 100%;order: 1;margin-left: 0;}
    .page-home #projets .projets-list .projet .text:nth-child(even){width: 100%;order: 1;margin-left: 0;}
    .page-home #projets .projets-list .projet .medias-secondaire{width: 100%;order: 4;flex-direction: column;}
    .page-home #projets .projets-list .projet .medias-secondaire .w-1-3{width: 100%;}
    .page-home #projets .projets-list .projet .medias-secondaire .w-2-3{width: 100%;}
    .page-home #projets .projets-list .projet .medias-secondaire .w-3-3{width: 100%;}
    .page-home #crea-environement{padding: 50px 20px 0;}
    .page-home #crea-environement .text{width: 100%;}
    .page-home #crea-environement .btn-container{width: 100%;text-align: left;}
    .page-home #crea-environement .medias{margin-top: 0px;width: 100%;flex-direction: column;}
    .page-home #crea-environement .medias .w-1-3{width: 100%;}
    .page-home #crea-environement .medias .w-2-3{width: 100%;}
    .page-home #crea-environement .medias .w-3-3{width: 100%;}

    /* Page atelier */
    .page-atelier #entry{height: 80vh;}
    .page-atelier #entry .text{width: 100%;left: 0;padding: 0 20px;}
    .page-atelier #entry .text h1 { font-size: 60px; line-height: 50px; }
    .page-atelier #introduction{padding: 50px 20px 0;flex-wrap: wrap;}
    .page-atelier #introduction .text{width: 100%;margin-left: 0;padding: 0;order: 1;}
    .page-atelier #introduction .text p{font-size: 30px;}
    .page-atelier #introduction .media{width: 100%;margin-left: 0;order: 2;}
    .page-atelier #content-1{padding: 50px 20px 50px;gap: 50px 20px;}
    .page-atelier #content-1 .bloc{flex-wrap: wrap;}
    .page-atelier #content-1 .bloc:nth-child(odd) .text{width: 100%;padding: 0 0;order: 1;}
    .page-atelier #content-1 .bloc:nth-child(odd) .media{width: 100%;order: 2;}
    .page-atelier #content-1 .bloc:nth-child(even) .text{width: 100%;padding: 0 0;order: 1;}
    .page-atelier #content-1 .bloc:nth-child(even) .media{width: 100%;order: 2;}
    .page-atelier #content-2{padding: 50px 20px 0;gap: 50px 20px;}
    .page-atelier #content-2 .title h2{font-size: 30px;}
    .page-atelier #content-2 .bloc{flex-wrap: wrap;}
    .page-atelier #content-2 .bloc:nth-child(odd) .text{width: 100%;padding: 0 0;order: 1;}
    .page-atelier #content-2 .bloc:nth-child(odd) .media{width: 100%;order: 2;}
    .page-atelier #content-2 .bloc:nth-child(even) .text{width: 100%;padding: 0 0;order: 1;}
    .page-atelier #content-2 .bloc:nth-child(even) .media{width: 100%;order: 2;}

    /* Page projets */
    .page-projets #entry{height: 80vh;}
    .page-projets #entry .text{width: 100%;left: 0;padding: 0 20px;}
    .page-projets #entry .text h1 { font-size: 60px; line-height: 50px; }
    .page-projets #entry .col-left{width: 100%;}
    .page-projets #entry .col-right{display: none;}
    .page-projets #introduction{padding: 50px 20px 0;}
    .page-projets #introduction .text{width: 100%;}
    .page-projets #projets{padding: 50px 20px 0;}
    .page-projets #projets .projets-list .projet-card{width: 100%;}
    .page-projets #other-projets{padding: 50px 20px 50px;}
    .page-projets #other-projets .projets-list .projet-parent-card{width: 100%;}

    /* single projet */
    .single-projet #entry{height: 80vh;}
    .single-projet #entry .text{width: 100%;left: 0;padding: 0 20px;}
    .single-projet #entry .text h1 { font-size: 60px; line-height: 60px; }
    .single-projet #video{padding: 50px 20px 0;}
    .single-projet #itw{padding: 50px 20px 0;}
    .single-projet #itw .text{padding: 0;width: 100%;order: 1;}
    .single-projet #itw .text p strong{font-size: 30px;}
    .single-projet #itw .media{width: 100%;order: 2;}
    .single-projet #content .content-bloc{padding: 50px 20px 0;}
    .single-projet #content .bloc-infos-texte .infos{width: 100%;margin-left: 0;flex-wrap: wrap;}
    .single-projet #content .bloc-infos-texte .infos>div{text-align: left;}
    .single-projet #content .bloc-infos-texte .text{width: 100%;margin-left: 0;}
    .single-projet #content .bloc-texte-media .text{width: 100%;margin-left: 0;padding: 0;order: 1;}
    .single-projet #content .bloc-texte-media .media{width: 100%;margin-left: 0;padding: 0;order: 2;}
    .single-projet #content .bloc-media-texte .text{width: 100%;margin-left: 0;padding: 0;order: 1;}
    .single-projet #content .bloc-media-texte .media{width: 100%;margin-left: 0;padding: 0;order: 2;}
    .single-projet #content .bloc-texte-schema .text{width: 100%;margin-left: 0;padding: 0;order: 1;}
    .single-projet #content .bloc-texte-schema .media{width: 100%;margin-left: 0;padding: 0;order: 2;}
    .single-projet #content .bloc-schema-texte .text{width: 100%;margin-left: 0;padding: 0;order: 1;}
    .single-projet #content .bloc-schema-texte .media{width: 100%;margin-left: 0;padding: 0;order: 2;}
    .single-projet #content .bloc-dessin .media{width: 100%;margin: auto;}
    .single-projet #content .bloc-photos .medias{flex-wrap: wrap;}
    .single-projet #content .bloc-photos .medias .w-1-3{width: 100%;}
    .single-projet #content .bloc-photos .medias .w-2-3{width: 100%;}
    .single-projet #content .bloc-photos .medias .w-3-3{width: 100%;}
    .single-projet #other-projets{padding: 50px 20px 0;}
    .single-projet #other-projets .projets-list .projet-card{width: 100%;}

    /* Page Genius loci */
    .page-genius-loci #entry{height: 80vh;}
    .page-genius-loci #entry .text{width: 100%;left: 0;padding: 0 20px;}
    .page-genius-loci #entry .text h1 { font-size: 60px; line-height: 50px; }
    .page-genius-loci #content-1{padding: 50px 20px 50px;gap: 50px 20px;}
    .page-genius-loci #content-1 .bloc{flex-wrap: wrap;}
    .page-genius-loci #content-1 .bloc .text h2{font-size: 30px;line-height: 40px;}
    .page-genius-loci #content-1 .bloc:nth-child(odd) .media{width: 100%;order: 2;}
    .page-genius-loci #content-1 .bloc:nth-child(odd) .text{width: 100%;padding: 0 0;order: 1;}
    .page-genius-loci #content-1 .bloc:nth-child(even) .media{width: 100%;order: 2;}
    .page-genius-loci #content-1 .bloc:nth-child(even) .text{width: 100%;padding: 0 0;order: 1;}

    /* Page galerie */
    .page-galerie #content{padding: 150px 20px 50px;}
    .page-galerie #content .title{width: 100%;margin-bottom: 0px}
    .page-galerie #content .title h1 { font-size: 60px; line-height: 50px; }
    .page-galerie #content .filter{width: 100%;}

    /* Page dp */
    .page-dp #content{padding: 150px 20px 50px;}
    .page-dp #content .title{width: 100%;margin-bottom: 0px}
    .page-dp #content .title h1 { font-size: 50px; line-height: 40px; }

    .page-dp #content .dp-list{margin-top: 30px;}
    .page-dp #content .dp-list .dp-card{width: 100%;}
    .page-dp #content .dp-list .dp-card .media{height: 300px;}
    .page-dp #content .dp-list .dp-card .media>* { transform: scale(1.05); }
    .page-dp #content .dp-list .dp-card .btn { opacity: 1; width: 45px;height: 45px;}
    .page-dp #content .dp-list .dp-card .text{padding-bottom: 25px;}

    /* page médias */
    .page-medias #content{padding: 150px 20px 50px;}
    .page-medias #content .title{width: 100%;margin-bottom: 0px}
    .page-medias #content .title h1 { font-size: 50px; line-height: 40px; }

    .page-medias #content .medias-list{margin-top: 30px;}
    .page-medias #content .medias-list .media-card{width: 100%;}
    .page-medias #content .medias-list .media-card .text .btn-link{opacity: 1;}

    /* Page contact */
    .page-contact #content{padding: 150px 20px 50px;flex-wrap: wrap;}
    .page-contact #content .text h1{ font-size: 60px; line-height: 50px; }
    .page-contact #content .col-left{width: 100%;}
    .page-contact #content .col-right{width: 100%;}

    /* Page recrutement */
    .page-recrutement #content{padding: 150px 20px 50px;flex-wrap: wrap;}
    .page-recrutement #content .text h1{ font-size: 60px; line-height: 50px; }
    .page-recrutement #content .col-left{width: 100%;}
    .page-recrutement #content .col-right{width: 100%;}
}