main.projet{min-height:200vh;padding-bottom:150px}main.projet>.content{padding-top:150px}@media (max-width: 992px){main.projet>.content{padding-top:150px}}main.projet>.content>p{width:var(--container-width);max-width:var(--container-max-width);margin:auto auto 50px}main.projet section.hero{position:relative;height:100vh;width:100%}@media screen{main.projet section.hero{height:100vh}}main.projet section.hero .cover{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.75}main.projet section.hero .cover:hover{cursor:default}main.projet section.hero .cover img,main.projet section.hero .cover picture{width:100%;height:100%;object-fit:cover;object-position:center}main.projet section.hero .infos{position:absolute;bottom:0;z-index:6;color:var(--black);width:360px;margin-bottom:-100px;right:calc(var(--gutter) + var(--col-width) * 4 - 350px)}@media (max-width: 992px){main.projet section.hero .infos{margin-top:0;left:5vw;width:90vw;max-width:300px}}main.projet section.hero .infos .logo{width:250px;height:125px;margin-bottom:20px;filter:invert(1)}main.projet section.hero .infos .logo img,main.projet section.hero .infos .logo picture{width:100%;height:100%;object-fit:contain;object-position:bottom}main.projet section.hero .infos .title{background-color:#f4f4f1;padding:20px 25px;border:1px solid black;width:fit-content;margin-bottom:-1px}main.projet section.hero .infos .title h1{padding:0;margin:0;font-family:Gowun Batang,serif;font-weight:400;font-size:28px}main.projet section.hero .infos .categorie{display:flex;margin-bottom:-1px}main.projet section.hero .infos .categorie .arrow{border:1px solid #0A0A0A;background-color:#f4f4f1;padding:15px;width:65px;height:65px;display:flex;align-items:center;justify-content:center;align-self:flex-end}main.projet section.hero .infos .categorie .categorie-content{padding:20px;background-color:#f4f4f1;border:1px solid #0A0A0A;font-family:Montserrat;font-size:14px;font-weight:500;text-transform:uppercase;margin-left:-1px}main.projet section.hero .infos .expertise{padding:20px;background-color:#f4f4f1;border:1px solid #0A0A0A;font-family:Montserrat;font-size:14px;font-weight:500;text-transform:uppercase;width:fit-content;margin-bottom:-1px}main.projet section.hero .infos .description{padding:20px;background-color:#f4f4f1;border:1px solid #0A0A0A;font-family:Montserrat;font-size:13px;font-weight:500;text-transform:inherit}main.projet section.hero .infos .description p,main.projet section.hero .infos .description span{margin:0;padding:0;font-family:Montserrat;font-size:13px}main.projet section.hero .infos .asset{width:100%;display:none}main.projet section.autres-projets{margin-top:100px;margin-bottom:0}@media (max-width: 992px){main.projet section.autres-projets{margin-top:100px}}main.projet section.autres-projets .container{width:var(--container-width);max-width:var(--container-max-width);margin:auto}@media (max-width: 992px){main.projet section.autres-projets .container{margin-bottom:0;width:100%}}main.projet section.autres-projets .container h2{width:var(--col-4);margin:auto auto 90px;text-transform:uppercase;font-size:45px;line-height:45px;font-weight:400;font-family:var(--serif)}@media (max-width: 992px){main.projet section.autres-projets .container h2{width:100%}}main.projet section.autres-projets .container .cases{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:45px 30px;box-sizing:border-box;width:100%;margin-bottom:60px}@media (max-width: 992px){main.projet section.autres-projets .container .cases{grid-template-columns:repeat(2,1fr);grid-gap:35px 20px}}@media (max-width: 576px){main.projet section.autres-projets .container .cases{grid-template-columns:1fr;grid-gap:40px}}main.projet section.autres-projets .container .cases .case-item{opacity:0;transform:translateY(25px);transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94)}main.projet section.autres-projets .container .cases .case-item.visible{opacity:1;transform:translateY(0)}main.projet section.autres-projets .container .cases .case-item .case-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;width:100%;height:100%}main.projet section.autres-projets .container .cases .case-item .case-link:hover .case-cover img{transform:scale(1.04)}main.projet section.autres-projets .container .cases .case-item .case-link:hover .case-logo-overlay{background-color:#00000080}main.projet section.autres-projets .container .cases .case-item .case-card{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background-color:#111;margin-bottom:18px}main.projet section.autres-projets .container .cases .case-item .case-card .case-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}main.projet section.autres-projets .container .cases .case-item .case-card .case-cover img,main.projet section.autres-projets .container .cases .case-item .case-card .case-cover picture{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none!important;max-height:none!important;transition:transform .6s cubic-bezier(.165,.84,.44,1)}main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:2;transition:background-color .4s ease}main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper picture,main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper img{width:200px;height:100px;max-width:85%;max-height:85%;object-fit:contain;filter:invert(1);transition:transform .4s ease}main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper picture{display:flex;justify-content:center;align-items:center}main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper picture img{width:100%;height:100%;max-width:100%;max-height:100%;filter:none}main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-adidas picture,main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-adidas>img{width:170px;height:88px}main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-project-surfrider-blue picture,main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-project-surfrider-blue>img{width:225px;height:125px;max-width:98%;max-height:98%}main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-four-seasons picture,main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-four-seasons>img{width:225px;height:125px;max-width:98%;max-height:98%}main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-clarins picture,main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-clarins>img{width:225px;height:110px;max-width:95%;max-height:95%}main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-france-pare-brise picture,main.projet section.autres-projets .container .cases .case-item .case-card .case-logo-overlay .case-logo-wrapper.logo-client-france-pare-brise>img{width:160px;height:80px}main.projet section.autres-projets .container .cases .case-item .case-info{display:flex;flex-direction:column;gap:4px;font-family:var(--sans-serif)}main.projet section.autres-projets .container .cases .case-item .case-info .case-client{color:var(--faux-blanc, #F4F4F1);text-align:left;font-family:Montserrat,var(--sans-serif);font-size:18px;font-style:normal;font-weight:300;line-height:18px;text-transform:uppercase}main.projet section.autres-projets .container .cases .case-item .case-info .case-title{color:#f4f4f1;text-align:left;font-family:Montserrat,var(--sans-serif);font-size:20px;font-style:normal;font-weight:700;line-height:20px;text-transform:uppercase;margin:0}main.projet section.autres-projets .container .cases .case-item .case-info .case-expertises{font-size:11px;font-weight:600;text-transform:uppercase;color:#fafafa73;letter-spacing:.08em}