:root{--text-color:#fff;--link-color:#ffffff80}html{color:#fff;font-family:stratum-2-web,sans-serif;font-size:1em;font-style:normal;font-weight:400}@media (width<=768px){*{font-size:.5em}}h2{font-size:8rem;font-weight:700;line-height:87%}.text{font-size:1.5rem}.text-shadow{text-shadow:0 0 50px #fff6}.text-uppercase{text-transform:uppercase}.text-center{text-align:center}.font-900{font-weight:900}.font-700{font-weight:700}.font-500{font-weight:500}.text-grey{color:var(--link-color)}:root{--grey-transparence:#ffffff80;--dark-grey-transparence:#ffffff1a;--blur-dark-transparence:#00000080}*{box-sizing:border-box;margin:0;padding:0}html{background:#000}a{color:inherit;text-decoration:none}ul{list-style:none}img,video{max-width:100%;display:block}header nav{background-color:#000;width:100vw;height:10vh;padding:0 5vw}header nav .nav{transition:right .3s ease-in-out;position:fixed;right:-100%}header nav .nav.active{z-index:10;background:var(--blur-dark-transparence,#fff3);backdrop-filter:blur(7.5px);flex-direction:column;justify-content:center;align-items:center;gap:1vh;width:50%;height:100%;top:0;right:0;display:flex!important}@media (width>=768px){header nav .nav{opacity:1;position:relative;right:0}}header nav .container-button a{text-shadow:0 0 15px #0009;padding:1vh 1vw;font-size:1.2rem}header nav a:hover{text-decoration:underline}header nav .logo{text-shadow:0 0 15px #0009;font-family:stratum-2-web,sans-serif;font-size:1.8rem;font-style:normal;font-weight:900}header nav .burger{z-index:9999;flex-direction:column;justify-content:center;align-items:center;position:relative}header nav .burger .line{background-color:#fff;border-radius:10px;width:2.5rem;height:.3rem;margin:.2rem 0;transition:all .3s ease-in-out}.section-home{background:#000;justify-content:center;align-items:center;width:100vw;height:80vh;display:flex}.flex{display:flex}.center{justify-content:center;align-items:center}.column{flex-direction:column}.space-between{justify-content:space-between}.align-items-end{align-items:end}.section-padding{padding:5vh 10vw}.full-width{width:100vw}.full-height{height:100vh}.height-80vh{height:80vh}.width-50{width:50%}.height-100{height:100%}.border-radius{border-radius:20px}.absolute{position:absolute}.relative{position:relative}.overflow{overflow:hidden}.z-index_1{z-index:1}.z-index-0{z-index:0}.z-index_-1{z-index:-1}.blur-dropshadows{backdrop-filter:blur(7.5px);box-shadow:inset 0 0 84px #ffffff40,0 0 84px 11px #ffffff40}.blur{backdrop-filter:blur(7.5px)}.scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:80vh;overflow-y:scroll}.snap-section{scroll-snap-align:start}.section-imd{background:#000}.section-imd .title,.section-imd .text{margin:13% 0}.section-portfolio{background:#000}footer{width:100vw;height:10vh;padding:0 5vw}.rotate{transform:rotate(-4deg)}.section-card{border:beige;transform:rotate(4deg)}.section-card h2{opacity:0;font-size:5rem;transition:opacity 1s}.section-card h2:hover{opacity:0!important}.section-card .card:hover h2{opacity:1}.section-card video{z-index:-1;max-width:110%;transition:filter .5s;position:absolute}.section-card video:hover{filter:brightness(.2)}.card{--base-radius:20px;--offset:5px;border-radius:var(--base-radius);color:#c9d1d9;width:35%;height:50%;transform-style:preserve-3d;background:linear-gradient(145deg,#161b22,#0d1117);transition:transform .2s ease-out;position:relative;overflow:hidden;box-shadow:-10px -10px 20px #ffffff0d,10px 10px 20px #000000b3}.card:before{content:"";z-index:2;top:calc(-1*var(--offset));left:calc(-1*var(--offset));right:calc(-1*var(--offset));bottom:calc(-1*var(--offset));border-radius:calc(var(--base-radius) + var(--offset));pointer-events:none;-webkit-mask-composite:destination-out;background:0 0;background-image:radial-gradient(circle at var(--x,50%)var(--y,50%),var(--glow,#fffc),transparent 30%);border:4px solid #0000;padding:4px;transition:background-position .2s,background-image .4s;position:absolute;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.wrap{perspective:1000px}.container-cube{transform-style:preserve-3d;transition:transform .2s ease-out;position:relative}.face{transform-origin:50%;width:100%;height:100%;position:absolute}.front{transform:translateZ(20px)}.back{overflow:hidden;transform:rotateY(180deg)}.loading .section{object-fit:cover;width:50vw;height:100vh}.loading .container-text{flex-direction:column;justify-content:center;align-items:center;display:flex}.loading input,.loading button{width:250px;height:45px;color:var(--White,#fff);border:.1px solid var(--grey-transparence,#ffffff80);background:var(--dark-grey-transparence,#ffffff1a);border-radius:100px;flex-direction:column;justify-content:center;gap:10px;margin:2%;padding:0 10px;display:flex}.loading button{background:var(--White,#fff);color:var(--black,#000);text-align:center}.loading .form-login{gap:1%}.loading-page .popup{backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#ffffff1a;justify-content:center;align-items:flex-start;width:100vw;height:100vh;transition:opacity .3s ease-in-out;display:inline-flex;position:fixed;top:0;left:0}.loading-page .popup.active{opacity:1}.loading-page .popup-content{filter:drop-shadow(0 20px 50px #a1f2934d)drop-shadow(0 0 #000);background:#000;border-radius:30px;justify-content:center;align-items:center;margin-top:2%;padding:2%}@keyframes IDcheck{0%{justify-content:flex-start;transform:rotate(0)}25%{justify-content:flex-start;transform:scale(1)rotate(-360deg)}50%{justify-content:flex-end;transform:scale(.8)rotate(0)}to{justify-content:flex-end}}.loading-page .popup-content .container-img{width:48px;display:flex;overflow:hidden}.loading-page .popup-content .container-img.checked{animation:2s IDcheck}.video-page{background-repeat:no-repeat;background-size:contain}.video-page nav{background:0 0}.video-page .viewport-project{width:100%;height:80svh;padding:0 5vw;position:sticky;top:10vh;left:0}.video-page .video{border-radius:20px;width:100%;height:100%;display:none}.video-page .video.active{display:block}.info-project{z-index:2;background:linear-gradient(#0000 0%,#0e0e0e 72.6%);grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));gap:20px;padding:5vw;display:grid;position:relative}@media (width>=768px){.info-project{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr))}}.galerie-project{grid-area:1/auto/span 2/span 2;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:20px;display:grid}@media (width>=768px){.galerie-project{grid-area:1/2/span 1/6;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=992px){.galerie-project{grid-area:1/1/span 1/7;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr))}}.galerie-project .project{flex-direction:column;grid-area:auto;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex;position:sticky;top:0}.galerie-project .project .miniature-container{border-radius:5px;flex-shrink:0;align-self:stretch;width:100%;height:125px;padding:10px;transition:all .3s ease-in-out;position:relative;overflow:hidden;box-shadow:0 0 20px #0000004d}.galerie-project .project .miniature-container:before{content:"";z-index:-1;background:linear-gradient(#000000d2 0%,#0e0e0e2f 50%);width:100%;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;left:0}.galerie-project .project .miniature-container:hover{cursor:pointer}.galerie-project .project .miniature-container:hover:before{opacity:.5}.galerie-project .project .miniature-container:hover .title{text-decoration:underline}.galerie-project .project .miniature-container .miniature{object-fit:cover;z-index:-2;border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}.galerie-project .project .title{color:#fff;text-underline-position:from-font;text-shadow:0 0 10px #000;font-family:Stratum1;font-size:30px;font-style:normal;font-weight:700;line-height:normal}@media (width>=768px){.galerie-project .project .title{font-size:15px}}.about-project{background:var(--blur-color-dark---transparence,#00000080);backdrop-filter:blur(7.5px);text-shadow:0 0 10px #0000004d;border-radius:20px;flex-direction:column;grid-area:auto/1/span 2/span 2;justify-content:space-between;align-items:flex-start;padding:20px;display:flex;overflow:hidden}.about-project:before{content:"";z-index:-1;background:linear-gradient(#00000097 0%,#0e0e0e36 50%);width:100%;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;left:0}@media (width>=768px){.about-project{grid-area:2/2/span 2/span 2}}.about-project .title{color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:30px;font-weight:700}.about-project .content{flex-direction:column;gap:10px;display:flex}.about-project .content .title{color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:20px;font-weight:700}.about-project .content .description{color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:13px;font-weight:500}.credit-project{background:var(--blur-color-dark---transparence,#00000080);backdrop-filter:blur(7.5px);border-radius:20px;flex-direction:column;flex:1 0 0;grid-area:auto/1/span 1/span 2;justify-content:space-around;align-self:stretch;align-items:flex-start;gap:15px;padding:25px;display:flex}@media (width>=768px){.credit-project{grid-area:2/4/span 1/span 2}}.credit-project .title{color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:30px;font-style:normal;font-weight:700;line-height:normal}.credit-project .credit{justify-content:space-between;align-self:stretch;align-items:center;font-size:15px;display:flex}.credit-project .credit .info-artiste{font-size:1em}.credit-project .credit .name{color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:1em;font-weight:700}.credit-project .credit .role{color:#b2b2b2;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:.8em;font-weight:700}.credit-project .credit .btn-follow{border:1px solid #fff;border-radius:50px;justify-content:center;align-items:center;padding:10px 20px;font-size:1em;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}.credit-project .credit .btn-follow:before{content:"Click";color:#0e0e0e;background:#fff;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s ease-in-out;display:flex;position:absolute;top:0;left:-150%}.credit-project .credit .btn-follow:hover:before{left:0}.credit-project .credit .btn-follow:active{transform:scale(.9)}.credit-project .credit .btn-follow:active:before{color:#fff;background:#0e0e0e}.next-project{background:var(--blur-color-dark---transparence,#00000080);backdrop-filter:blur(7.5px);border-radius:20px;flex-direction:column;flex:1 0 0;grid-area:auto/1/span 1/span 2;justify-content:space-around;align-self:stretch;align-items:flex-start;padding:10px;display:flex}@media (width>=768px){.next-project{grid-area:3/4/span 1/span 2}}.next-project .title-container{padding:0 15px;display:flex}.next-project .title-container .title{color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:30px;font-weight:700}.next-project .project{background:var(--black,#0e0e0e);border-radius:10px;align-self:stretch;align-items:flex-start;gap:15px;padding:5px;transition:all .2s ease-in-out;display:flex}.next-project .project:hover{background:var(--hover-color,#1a1a1a);cursor:pointer}.next-project .project:hover .title{text-decoration:underline}.next-project .project .miniature{background:url(https://i.ytimg.com/vi/mO122OpRd6U/maxresdefault.jpg?sqp=-oaymwEmCIAKENAF8quKqQMa8AEB-AH-CYAC0AWKAgwIABABGE8gZShbMA8=&rs=AOn4CLB3_Y2cINFzs0uqZnFT5yi5dIDLTA) 50%/cover no-repeat;border-radius:5px;width:50px;height:50px}.next-project .project .info{flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;gap:5px;display:flex}.next-project .project .info .title{color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:15px;font-weight:700}.next-project .project .info .subtitle{color:var(--lightgrey,#bfbfbf);font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:10px;font-weight:700}.background-project{object-fit:cover;z-index:-10;width:100vw;height:100vh;position:fixed;top:0}.nav-section-container{background:var(--Blur-color-light---transparence,#fff3);backdrop-filter:blur(7.5px);z-index:1000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px;display:flex;position:fixed;top:45%;right:5%;box-shadow:-3px 4px 84px 11px #ffffff40}.nav-section-container .nav-section{background:var(--lightgrey,#bfbfbf);border-radius:1px;width:20px;height:3px;transition:all .3s ease-in-out}.nav-section-container .nav-section:hover{border:1px solid var(--lightgrey,#9826d1);background:0 0;height:4px;transform:scale(1.3)}.nav-section-container .nav-section.active{border:1px solid var(--lightgrey,#9826d1);background:0 0;height:3px;transform:scale(1.3)}.btn{background:var(--Blur-color-light---transparence,#fff3);backdrop-filter:blur(7.5px);border-radius:5px;justify-content:center;align-items:center;gap:10px;width:150px;margin:auto;padding:5px;transition:color .3s,background .3s,box-shadow .3s;display:flex}.btn:hover{color:#000;background:var(--White,#fff);backdrop-filter:blur(7.5px);box-shadow:-3px 4px 84px 11px #ffffff40}.page-construction .container .text{text-align:justify;text-transform:uppercase;font-size:6vw;line-height:10vw}.page-construction .container .container-title{text-align:justify;text-transform:uppercase;border-bottom:1px solid #ccc;font-size:10vw;line-height:10vw}.page-construction .btn{margin:10vh auto;font-weight:700}.popup-container.website-under-construction{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-container.website-under-construction .popup{background:#0f0f0fb3;border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:20px;display:flex}.popup-container.website-under-construction .popup h2{font-size:2rem}.popup-container.website-under-construction .popup .btn{border:none}
/*# sourceMappingURL=index.6b2d266f.css.map */