.sideNav.disabled{opacity:0}
.sideNav{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;top:0;right:0;z-index:31;font-weight:500;opacity:1;transition:color .5s ease,filter .5s ease,opacity .5s ease;text-transform:uppercase}
.sideNav .sideNavBg{pointer-events:none;position:absolute;width:150px;height:100vh;top:0;right:0;z-index:20!important;background:linear-gradient(to right,#14141400,#141414);opacity:.2;transition:opacity .5s ease}
.sideNav:hover .sideNavBg{opacity:.5}@media screen and (max-width:800px){.sideNav{display:none}}
.sideNav .text{z-index:31;padding:16px 4px;transition:color .5s ease,transform .4s ease,filter .5s ease}
.sideNav .text p{margin:0;width:max-content;transition:color .5s ease,transform .6s ease,filter .5s ease;filter:var(--glow-filter-disabled) drop-shadow(0 0 14px #1414148d);color:var(--dark-gray);transform-origin:100% center;text-align:center;font-size:1.8vh;transform:scale(.9);text-transform:uppercase;padding:5px 20px;letter-spacing:-.05px}.sideNav .text.active p{color:var(--white)!important;filter:var(--glow-filter);transition:color .5s ease,transform .6s ease,filter .5s ease}.sideNav:hover .text.active p,.sideNav:hover .text p{color:var(--dark-gray)!important;filter:var(--glow-filter-disabled) drop-shadow(0 0 14px #141414ea);transform:scale(1)!important}.sideNav .text:hover p,.sideNav:hover .text.active:hover p{color:var(--white)!important;filter:var(--glow-filter)!important;transform:scale(1)!important}#hautPageIndex{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;width:100vw;height:100lvh}.lcnTitleContainer{width:60lvw;height:100lvh;display:flex;align-items:center;justify-content:center;mix-blend-mode:screen}@media screen and (max-width:800px){#hautPageIndex{flex-direction:column;height:calc(30vw + 90vh)}.lcnTitleContainer{margin-top:5lvh;width:100lvw;height:40lvh}}
.lcnTitleContainer .cylinderTitle{display:none;transform-style:preserve-3d;transform:perspective(600px) rotateZ(20deg) rotateX(20deg) rotateY(-20deg);animation:tourne 20s infinite linear}
.lcnTitleContainer .cylinderTitle.active{display:block;will-change: transform;}@keyframes tourne{to{transform:perspective(600px) rotateZ(20deg) rotateX(20deg) rotateY(-380deg)}}.lcnTitleContainer .cylinderTitle .one{width:min-content;border-radius:3px;text-align:center;position:absolute;transform-style:preserve-3d;color:var(--white);font-weight:900;font-size:calc(4lvw + 6lvh);transform-origin:center;transform:translate(-50%,0%) rotateY(calc(var(--i)*15deg)) translateZ(calc(10lvw + 14lvh));filter:var(--glow-filter)}
.lcnTitleContainer .jitterTitle{display:none;flex-direction:column}
.lcnTitleContainer .jitterTitle.active{display:flex;filter:var(--glow-filter)}
.lcnTitleContainer .jitterTitle div{display:flex;flex-direction:row;font-size:calc(6lvw + 7lvh);font-weight:900;opacity:0;animation-duration:.4s;animation-name:jitterAppear;animation-iteration-count:1;animation-direction:ease;animation-fill-mode:forwards;animation-delay:calc(var(--i)*.05s)}@keyframes jitterAppear{from{opacity:0}to{opacity:1}}.lcnTitleContainer .growingTitle{display:none;flex-direction:row;font-size:calc(10lvw + 7lvh);overflow-y:hidden;filter:var(--glow-filter)}
.lcnTitleContainer .growingTitle.active{display:flex}.lcnTitleContainer .growingTitle .one{animation-duration:1s;animation-name:growing;animation-iteration-count:1;animation-direction:linear;animation-fill-mode:forwards;animation-delay:calc(var(--i)*.1s);transform-origin:bottom;transform:translateY(100%);font-weight:900}@keyframes growing{from{transform:translateY(100%)}to{transform:translateY(0%)}}.lcnTitleContainer .tartineTitle{display:none;font-size:calc(10lvw + 7lvh);transform-style:preserve-3d;font-weight:900;filter:var(--glow-filter);perspective:900px;padding-right:-1lvw;position:relative;transform:translateX(-2vw)}
.lcnTitleContainer .tartineTitle.active{display:block}
.lcnTitleContainer .tartineTitle .one{position:relative;transform:translateY(70%) rotateX(60deg) rotateZ(32deg);z-index:12}
.lcnTitleContainer .tartineTitle .two{position:relative;transform:translateY(-30%) rotateX(60deg) rotateZ(32deg);z-index:10;animation:3s tartinade1 1 normal linear forwards;color:var(--black);-webkit-text-stroke:var(--white) 4px;paint-order:stroke fill}@keyframes tartinade1{from{transform:translateY(-30%) rotateX(60deg) rotateZ(32deg)}to{transform:translateY(0%) rotateX(60deg) rotateZ(32deg)}}.lcnTitleContainer .tartineTitle .three{position:relative;transform:translateY(-130%) rotateX(60deg) rotateZ(32deg);z-index:8;animation:3s tartinade2 1 normal linear forwards;color:var(--black);-webkit-text-stroke:var(--white) 4px;paint-order:stroke fill}@keyframes tartinade2{from{transform:translateY(-130%) rotateX(60deg) rotateZ(32deg)}to{transform:translateY(-70%) rotateX(60deg) rotateZ(32deg)}}.lcnTitleContainer .circleTitle{display:none;transform:rotateZ(0deg);transform-origin:20% 100%;text-align:center;width:max-content;height:max-content;animation:20s tourneCercle infinite linear normal}
.lcnTitleContainer .circleTitle.active{display:block;will-change: transform;}@keyframes tourneCercle{from{transform:rotateZ(0deg) translateY(10%)}to{transform:rotateZ(360deg) translateY(10%)}}.lcnTitleContainer .circleTitle .one{height:250px;width:50px;text-align:center;position:absolute;color:var(--white);font-weight:750;font-size:calc(2.2lvw + 2.2lvh);transform-origin:50% calc(12lvw + 12lvh);transform:translate(-50%,calc(-12lvw - 12lvh)) rotateZ(calc(var(--i)*9deg));filter:var(--glow-filter)}.cubismTitle{display:none;flex-direction:row;width:max-content;height:max-content;transform-style:preserve-3d;perspective:1100px;animation:translateCube 6s linear infinite}
.cubismTitle.active{display:flex;will-change: transform;}@keyframes translateCube{from{transform:translateX(25%)}to{transform:translateX(-25%)}}.cubismTitle .one{transform-style:preserve-3d;transform-origin:100% 50%;animation:tourneCube1 6s linear infinite;transform:rotateY(0deg);filter:var(--glow-filter)}@keyframes tourneCube1{from{transform:rotateY(0deg)}to{transform:rotateY(-90deg)}}.cubismTitle .two{transform-style:preserve-3d;transform-origin:0 50%;animation:tourneCube2 6s linear infinite;transform:rotateY(90deg);filter:var(--glow-filter)}@keyframes tourneCube2{from{transform:rotateY(90deg)}to{transform:rotateY(0deg)}}.cubismTitle .one div,.cubismTitle .two div{position:absolute;margin:0;top:6px;left:0;font-weight:900;font-size:calc(6.4lvw + 6.4lvh);display:flex;flex-direction:column;gap:0}.cubismTitle .one div p,.cubismTitle .two div p{margin:0}.cubismTitle .one .grid,.cubismTitle .two .grid{width:calc(24lvw + 24lvh);display:flex;justify-content:center;align-items:center}.cubismTitle .one .grid line,.cubismTitle .two .grid line{stroke:transparent;stroke-width:0}.cheetahPath{fill:url(#grad1);filter:drop-shadow(0 0 50px #ffffff00) brightness(1);transition:var(--transition-cheetah);z-index:15}.cheetahPath.allume,.cheetahPath.clickedClass{filter:drop-shadow(0 0 50px #ffffff50) brightness(3.4);z-index:15}#cheetahContainer{position:absolute;top:calc(1vw + 6vh);right:0;display:flex;width:calc(35lvw + 10lvh);align-items:center;justify-content:center;z-index:15;overflow:visible;height:max-content}#cheetahSvg{display:flex;align-items:center;justify-content:center;z-index:15;overflow:visible;margin-right:-5vh}@media screen and (max-width:800px){#cheetahContainer{top:auto;bottom:0;overflow-x:hidden;width:100vw;height:calc(30vw + 95vh);right:0;left:auto}#cheetahSvg{position:absolute;top:auto;bottom:0;width:calc(36lvw + 16lvh);overflow:visible;right:0;left:auto;margin-right:0}}#clickCount{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:start;width:100vw}#clickCount .contentContainer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:inherit;height:calc(8vw + 4vh)}#clickCount svg{height:inherit;width:auto;fill:url(#grad1);filter:var(--glow-filter-disabled) brightness(1.1);transition:var(--transition-cheetah)}@media screen and (max-width:800px){#clickCount svg{margin-left:-2vh}}#clickCount:hover svg{filter:var(--glow-filter) brightness(3.4)}#clickCount svg path{transform:translateX(0);transition:transform 3s cubic-bezier(0,0,0,1)}#clickCount:hover svg path{transform:translateX(calc(var(--i)*30px))}#clickCount svg text{fill:var(--black);letter-spacing:normal;font-weight:400;font-size:calc(16lvh + 1lvw);mix-blend-mode:luminosity}#compteur{font-size:calc(8vw + 3vh);font-weight:1000;filter:var(--glow-filter-disabled) brightness(1.1);background-image:radial-gradient(circle,#606060 0%,#505050 100%);color:transparent;background-clip:text;transition:var(--transition-cheetah),transform 3s cubic-bezier(0,0,0,1);margin:0;transform:translateX(0)}#clickCount:hover #compteur{filter:var(--glow-filter) brightness(3.4);transform:translateX(1vw)}
#projects{display:flex;flex-direction:column;align-items:center}#projects .project{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;width:100vw;height:max-content;gap:4lvw;margin:calc(5vw + 2vh) 0;text-decoration:none!important;color:var(--white)!important;cursor:none!important}.project .projBack{position:relative;width:40lvw;max-width:620px;height:calc(20lvw + 15lvh);max-height:420px;background-position:50% 50%;background-size:cover;z-index:11;display:flex;align-items:center;justify-content:center;mask-image:url(img/accueil/project.svg);mask-repeat:no-repeat;mask-size:cover;mask-origin:fill-box;mask-position:50% 60%}.project .projBack.droit{mask-size:-100%}.project .projBack .color{position:absolute;top:0;left:0;width:inherit;max-width:inherit;max-height:inherit;height:inherit;opacity:.7;z-index:11;background-position:50% 50%;background-size:cover;filter:blur(2px);mix-blend-mode:overlay}.project .projBack .logo{position:relative;z-index:12;max-width:80%;max-height:70%;width:auto;height:auto}.projectText{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;width:35lvw;height:calc(20lvw + 14lvh);max-height:420px;z-index:12}.project.droit .projectText,.project.droit .projectSousText{align-items:flex-end}.projectSousText{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;z-index:12}.projectTitle{font-size:82px;font-weight:900;z-index:12}.projectDesc{font-weight:200;font-size:26px}.projectDate{font-weight:300;font-size:22px}@media screen and (max-width:800px){.projectTitle{font-size:38px;font-weight:900;z-index:12}.projectDesc{font-weight:200;font-size:18px}.projectDate{font-weight:300;font-size:16px}}
.project .projBackBlur{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90lvw;height:calc(20lvw + 15lvh);background-position:50% 50%;background-size:cover;filter:blur(200px);border-radius:20%;z-index:7;opacity:.15;transition:opacity .45s ease}
.project:hover .projBackBlur{opacity:.4}@media screen and (max-width:800px){#projects .project{flex-direction:column}.project .projBack{position:relative;width:85lvw;height:calc(15lvw + 30lvh);max-height:260px}.projectText{width:85lvw;height:max-content}#projects .project.droit{flex-direction:column-reverse}
.project .projBackBlur{width:200lvw;height:50lvh;filter:blur(100px);top:40%}}
#shop{display:flex;flex-direction:column;align-items:center;width:100%}
.shopAbsolute{position:relative;display:flex;width:inherit;height:calc(26vw + 80vh);justify-content:center;align-items:center;margin:calc(-5vw - 15vh) 0 calc(-2.5vw - 7.5vh) 0}@media screen and (max-width:800px){.shopAbsolute{height:125vh}}.shopAbsolute .background{position:absolute;width:150vw;height:inherit;fill:var(--bg-design-color);transition:fill .5s ease;z-index:0;filter:blur(60px)}.shopAbsolute .light-bg{position:absolute;width:inherit;height:inherit;z-index:1;background:radial-gradient(circle,#ffffff90 0%,#ffffff00 40%);mix-blend-mode:overlay}.shopAbsolute .arrowLeftRight{width:140px;height:max-content;position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;top:45%;right:12%;gap:1vw}.shopAbsolute #leftArrowClothes{transform:scaleX(-1)}.shopAbsolute #tshirtSwitch{width:140px;position:absolute;top:51%;z-index:3;display:flex;align-items:center;justify-content:center;right:12%;height:max-content;padding:0}.shopAbsolute #tshirtSwitch svg{transform:rotate(90deg);padding:10px 5px;transition:transform .4s ease}.shopAbsolute #tshirtSwitch.rotate svg{transform:rotate(-90deg)}.shopAbsolute .arrow svg{position:relative;height:calc(1vw + 4.5vh);width:auto;z-index:35;fill:url(#grad1);transition:filter .15s ease-out;filter:drop-shadow(0 0 20px #ffffff00) brightness(1.4)}.shopAbsolute .arrow svg:hover{filter:drop-shadow(0 0 20px #ffffff50) brightness(3.4)}.shopAbsolute .arrowLeftRight svg{padding:5px 10px}
@media screen and (max-width:800px){.arrowLeftRight{width:100px!important;top:auto!important;bottom:calc(19vh + 40px);z-index:35!important;right:3%!important}.shopAbsolute .arrow svg{width:auto;z-index:35;padding:10px 10px!important}.shopAbsolute #tshirtSwitch{width:100px!important;top:auto!important;bottom:19vh;z-index:35!important;right:3%}.shopAbsolute #tshirtSwitch.rotate svg{transform:rotate(-90deg);padding:10px 10px}
.shopAbsolute .clothes .front{transform:translateX(-100vw)!important;transition: opacity 0.5s ease-in-out, transform 2s ease 0.5s; }
.shopAbsolute .clothes .back{transform:translateX(100vw)!important;transition: opacity 0.3s ease-in-out, transform 2.5s ease 0.5s;}
.shopAbsolute .clothes.enabled .front,.shopAbsolute .clothes.enabled .back{transform:translateX(0)!important}}
.liste_couleurs{mix-blend-mode:plus-lighter;position:absolute;display:none;flex-wrap:wrap;align-items:center;bottom:20%;right:12%;width:140px;height:80px;z-index:5;gap:14px;opacity:0}
.liste_couleurs .carre_couleur{width:35px;height:35px!important;margin:0;border-radius:3px;}
.liste_couleurs .carre_couleur.enabled{width:25px;height:25px!important;margin:5px;transition:width .15s ease,height .15s ease,margin .15s ease}
.liste_couleurs.enabled .carre_couleur{opacity:1;transition:opacity .1s ease,width .15s ease,height .15s ease,margin .15s ease;animation-duration:.4s;animation-name:scaleUp;animation-timing-function:ease;animation-fill-mode:forwards}.liste_couleurs.enabled .carre_couleur:hover{opacity:.6}@keyframes scaleUp{from{transform:scale(.2)}to{transform:scale(1)}}
.liste_couleurs.enabled{display:flex;opacity:1;justify-content:center;align-items:center;transition:transform .4s ease}
@media screen and (max-width:800px){.liste_couleurs.enabled{left:6%;bottom:45%;transform-origin:50% 0%;transform:translateY(50%) rotate(90deg) scale(.9)}}.shopAbsolute .clothes{position:absolute;top:25%;left:0;display:flex;width:inherit;flex-direction:row;justify-content:center;align-items:center;gap:4lvw;margin-right:1vw}.shopAbsolute .clothes img{width:calc(17vw + 10vh);height:auto;z-index:5}@media screen and (max-width:800px){.shopAbsolute .clothes img{height:35vh;width:auto;aspect-ratio:auto;max-width:60vw}}
.shopAbsolute .clothes .front{opacity:0;transform:translateX(-60vw);transition:opacity .3s ease-in-out,transform 1.5s ease;filter:saturate(1.5)}.shopAbsolute .clothes.enabled .front{opacity:1;transform:translateX(0vw);transition:opacity .5s ease-in-out,transform 1s ease}.shopAbsolute .clothes .back{opacity:0;transform:translateX(60vw);transition:opacity .3s ease-in-out,transform 1.5s ease;filter:saturate(1.5)}.shopAbsolute .clothes.enabled .back{opacity:1;transform:translateX(0vw);transition:opacity .5s ease-in-out,transform 1s ease}.shopAbsolute .clothes.inactif.hoodie .front{opacity:0;transform:translateY(-80vh);transition:opacity .2s ease-in-out,transform 1s ease}.shopAbsolute .clothes.inactif.hoodie .back{opacity:0;transform:translateY(80vh);transition:opacity .2s ease-in-out,transform 1s ease}.shopAbsolute .clothes.inactif.tshirt .front{opacity:0;transform:translateY(80vh);transition:opacity .2s ease-in-out,transform 1s ease}.shopAbsolute .clothes.inactif.tshirt .back{opacity:0;transform:translateY(-80vh);transition:opacity .2s ease-in-out,transform 1s ease}@media screen and (max-width:800px){.shopAbsolute .clothes.inactif.hoodie .front{opacity:0;transform:translateY(-40vh)!important;transition:opacity .3s ease-in-out,transform 1s ease}.shopAbsolute .clothes.inactif.hoodie .back{opacity:0;transform:translateY(40vh)!important;transition:opacity .3s ease-in-out,transform 1s ease}.shopAbsolute .clothes.inactif.tshirt .front{opacity:0;transform:translateY(-40vh)!important;transition:opacity .3s ease-in-out,transform 1s ease}.shopAbsolute .clothes.inactif.tshirt .back{opacity:0;transform:translateY(40vh)!important;transition:opacity .3s ease-in-out,transform 1s ease}}.shopAbsolute .design{position:absolute;opacity:0;transition:opacity .5s ease-in-out}.shopAbsolute .design.enabled{opacity:.9;transition:opacity .5s ease-in-out}.shopAbsolute .left{left:7%;top:65%;transform-style:preserve-3d;transform:perspective(800px) rotateY(15deg) rotateX(10deg) rotateZ(-2deg);z-index:6;width:calc(9vw + 20vh);height:auto}
.shopAbsolute .right{right:9%;top:12%;transform-style:preserve-3d;transform:perspective(800px) rotateY(-5deg) rotateX(-10deg);filter:blur(1px);z-index:4;width:calc(5vw + 14vh);height:auto}@media screen and (max-width:800px){.shopAbsolute .clothes{flex-direction:column;gap:4lvh;top:18%;margin-right:0}.shopAbsolute .left{left:6%;top:92vh}}.shopBtn{position:absolute;bottom:6%;width:max-content;height:max-content;text-decoration:none;padding:12px 20px;color:var(--black);font-weight:600;font-size:1.6em;transition:filter .3s ease,background-color .3s ease;cursor:none;border-radius:1px;z-index:30;mix-blend-mode:lighten;margin:30px;filter:brightness(1.4) var(--glow-filter-disabled)}.shopBtn:hover{filter:brightness(3.4) var(--glow-filter)}.shopBtn p{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);margin:0;z-index:31}.shopBtn svg{width:auto;height:80px;z-index:inherit;fill:url(#grad1);filter:brightness(1) var(--glow-filter-disabled);overflow:visible}.shopBtn svg path{transform:translateX(0px);transition:transform 3s cubic-bezier(0,0,0,1)}.shopBtn:hover svg path{transform:translateX(calc(var(--i) * 30px))}@media screen and (max-width:800px){.shopBtn{bottom:0;transform:scale(.7)}}

#logo{height:max-content;width:100%;display:flex;flex-direction:column;align-items:center}#logo .logoAbsolute{position:relative;display:flex;width:inherit;height:calc(10vw + 70vh);margin:-5vh 0;justify-content:center;align-items:center}.logoAbsolute .background{position:absolute;width:80vw;height:60vh;border-radius:100%;background-color:var(--bg-logo-color);transition:background-color .5s ease;z-index:0;opacity:.15;filter:blur(100px)}.logoAbsolute .listing{position:absolute;top:50%;left:100%;transform:translate(-50%,-50%);display:none;flex-direction:row;flex-wrap:wrap;width:70vw;max-width:1200px;gap:4vw;align-items:center;justify-content:space-evenly;z-index:6}@media screen and (max-width:800px){.logoAbsolute .listing{flex-direction:column;height:60vh;width:70vw;gap:2vw;justify-content:space-evenly}}.logoAbsolute .listing.enabled{visibility:visible;display:flex;left:50%;transition:left 1s ease,opacity .15s ease;opacity:1}.logoAbsolute .listing.gauche{display:flex;left:-50%;transition:left 1s ease,opacity .7s ease;opacity:0}.logoAbsolute .listing.droite{display:flex;left:150%;transition:left 1s ease,opacity .7s ease;opacity:0}.logoAbsolute .listing .logo{position:relative;width:calc(10vw + 10vh);height:calc(10vw + 10vh);display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:#fff;cursor:none}.logoAbsolute .listing .logo img{position:absolute;top:calc(50% - 5vw - 5vh);left:calc(50% - 5vw - 5vh);display:flex;width:calc(10vw + 10vh);height:calc(10vw + 10vh);object-fit:contain;justify-content:center;align-items:center;transform:perspective(300px) rotateX(0deg);transition:filter .3s ease;align-self:center;justify-self:center}@keyframes logoLoad{0%{opacity:0}100%{opacity:1}}@keyframes logoBlurLoad{0%{opacity:0}100%{opacity:.4}}@keyframes logoUnload{0%{opacity:1}100%{opacity:0}}@keyframes logoBlurUnload{0%{opacity:.4}100%{opacity:0}}.logoAbsolute .listing .logo .logoSectionlogo{z-index:6!important;animation:logoLoad .9s ease}.logoAbsolute .listing .logo .logoBlur{filter:blur(50px);opacity:.4;z-index:1;transform-origin:50% 100%;transform:rotateX(30deg);animation:logoBlurLoad 1s ease;transition:opacity .7s ease}.listing.disabled .logo .logoSectionlogo{animation:logoUnload .7s ease}.listing.disabled .logo .logoBlur{animation:logoBlurUnload .5s ease}.logoAbsolute .listing .logo:hover .logoBlur{opacity:.7}.logoText{display:none}.logoAbsolute #rightArrowLogo{position:absolute;top:45%;right:7%;z-index:7}.logoAbsolute #leftArrowLogo{position:absolute;transform:scaleX(-1);top:45%;left:7%;z-index:7}@media screen and (max-width:800px){.logoAbsolute #rightArrowLogo{right:0%}.logoAbsolute #leftArrowLogo{left:0%}}.logoAbsolute .arrow svg{height:calc(1vw + 4.5vh);padding:5px 20px;width:auto;z-index:7;fill:url(#grad1);transition:filter .15s ease-out;filter:drop-shadow(0 0 20px #ffffff00) brightness(1.4)}.logoAbsolute .arrow svg:hover{filter:drop-shadow(0 0 20px #ffffff50) brightness(3.4)}
#affiche{position:relative;height:max-content;width:100%;display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap}
#affiche .overflowAffiche{width:100%;height:80vh;margin-top:-50px;overflow:hidden;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;mask-image:radial-gradient(ellipse 350% 30% at 50% 0%,rgba(0,0,0,0) 12%,rgba(0,0,0,1) 100%),radial-gradient(ellipse 350% 40% at 50% 100%,rgba(0,0,0,0) 12%,rgba(0,0,0,1) 100%);mask-composite:intersect;margin-bottom:15vh}
#affiche .listing{width:80vw;gap:2.5vw;display:grid;grid-template-columns:repeat(5,1fr);transform-style:preserve-3d;transform-origin:50% 40vh;transform:perspective(700px) rotateX(30deg) scaleY(0.8)}
#affiche .listing .col{will-change: transform;transition:transform 0.1s linear;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:2.5vw;transform:translateY(calc(var(--scroll-affiche)*0.3px - 25%))}
#affiche .listing .col.monte{will-change: transform;transform:translateY(calc(var(--scroll-affiche)*-0.3px - 25%))}
#affiche .listing .col img{width:100%;height:auto}
@media screen and (max-width:800px){
    #affiche .overflowAffiche{width:100%;height:70vh;margin-top:0}#affiche .listing{width:180vw}
    #affiche .listing .col{width:100%;transform:translateY(calc(var(--scroll-affiche)*0.3px - 50vh))}
    #affiche .listing .col.monte{transform:translateY(calc(var(--scroll-affiche)*-0.3px - 25%))}
    #affiche .listing .col img{width:100%;height:auto}
}
.afficheSeeMore{position:absolute;bottom:0;width:max-content;height:max-content;text-decoration:none;padding:12px 20px;color:var(--black);font-weight:600;font-size:1.6em;transition:filter .3s ease,background-color .3s ease;cursor:none;border-radius:1px;z-index:30;mix-blend-mode:lighten;margin:30px;filter:brightness(1.4) var(--glow-filter-disabled)}.afficheSeeMore:hover{filter:brightness(3.4) var(--glow-filter)}.afficheSeeMore p{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);margin:0;z-index:31}.afficheSeeMore svg{width:auto;height:80px;z-index:inherit;fill:url(#grad1);filter:brightness(1) var(--glow-filter-disabled);overflow:visible}.afficheSeeMore svg path{transform:translateX(0);transition:transform 3s cubic-bezier(0,0,0,1)}.afficheSeeMore:hover svg path{transform:translateX(calc(var(--i)*30px))}@media screen and (max-width:800px){.afficheSeeMore{bottom:0;transform:scale(0.7)}}#contact .contactGrid{display:flex;flex-direction:row;flex-wrap:nowrap}#contact .contactGrid .photoContainer{width:30vw;max-width:600px;height:max-content;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:start;align-items:center;mask-image:url(img/accueil/project.svg);mask-repeat:no-repeat;mask-size:cover;mask-origin:fill-box;mask-position:50% 60%}.photoContainer img{width:inherit;height:auto;object-fit:contain;max-width:inherit}#contact .contactGrid .contactInfo{width:60vw;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:space-evenly}.contactGrid .contactInfo{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;padding:16px 0}.contactInfo .linktree{margin-top:50px;width:50vw;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:16px 0}.contactDesc{display:flex;flex-direction:column;align-items:start;width:80%;font-size:var(--font-size-pc);font-weight:400;color:var(--white);line-height:1.4rem}@media screen and (max-width:800px){#contact .contactGrid{flex-direction:column;align-items:center}#contact .contactGrid .contactInfo{width:80vw}.contactInfo .linktree{margin-top:20px;flex-direction:column;width:100vw}.contactDesc{font-size:var(--font-size-tel);width:100%;text-align:center}}