.projet-container{padding-bottom:10svh}@media screen and (max-width: 920px){.projet-container{padding:2.5svh;margin:0}}.projet-container-grid{display:flex;flex-direction:column;gap:32px;max-width:1200px;width:70svw;margin:0 auto}@media screen and (max-width: 920px){.projet-container-grid{margin:0 auto;width:100%;gap:5svw}}.projet-back{opacity:0;position:fixed;top:0;left:4%;padding:12svh 0}@media screen and (max-width: 920px){.projet-back{position:relative;left:0;padding:12svh 2.5svh}}.projet-back a{text-decoration:none;color:#151414}.projet-overview{padding:12svh 0;position:fixed;top:0%;right:4%;display:flex;justify-content:center}@media screen and (max-width: 920px){.projet-overview{display:none}}.projet-overview-view{position:absolute;width:120px;height:100px;border:1px solid #848181}.projet-overview-grid{display:flex;flex-direction:column;gap:12px;max-width:95px}.scrollView{z-index:999;transition:all .3s ease-out;background-color:#000;width:6px;position:fixed;left:0;top:0}.phone{display:block;width:100%;height:100%;margin:0 auto}@media screen and (min-width: 920px){.phone{display:none}}.phone-grid{display:flex;flex-direction:column;gap:2.5svh;padding:2svh 2.5svh}.phone-grid-card{color:#151414;text-decoration:none}.phone-grid-card img{width:100%}.phone-grid-card h3{font-family:Apoc-Normal;font-size:20px}.phone-grid-card time{font-family:Apoc-Normal;font-size:14px}.scrollPercentage{position:fixed;bottom:2.5svh;z-index:99;display:flex;flex-direction:column;justify-content:center;width:100%}@media screen and (max-width: 920px){.scrollPercentage{display:none}}.scrollPercentage-scrollDown{opacity:.6}.scrollPercentage p{margin:0 auto}.transition{position:fixed;top:0;left:0;width:100svw;height:100svh;display:flex;flex-direction:column;z-index:999999;pointer-events:none}.transition-row{flex:1;display:flex}.block{flex:1;background-color:#151414;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;will-change:transform}.block-reveal{display:flex;align-items:center;gap:4px}.block-reveal-box{overflow:hidden;perspective:150px}.block-reveal-box-text{color:#fafafa;transform-origin:top;transform:translateY(100%) rotateX(90deg);opacity:0;display:inline-block;will-change:transform,opacity}.block{transform-origin:top;pointer-events:auto}*{margin:0;padding:0}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Medium.woff2) format("woff2"),url(../fonts/Satoshi-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Apoc-Normal;src:url(../fonts/ApocNormal-RegularItalic.woff2) format("woff2"),url(../fonts/ApocNormal-RegularItalic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Apoc-Revelation;src:url(../fonts/ApocRevelations-Bold.woff2) format("woff2"),url(../fonts/ApocRevelations-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}html,body{font-family:Apoc-Normal;background-color:#fafafa}.webgl{position:fixed;top:0;left:0;outline:none;z-index:0}@media screen and (max-width: 920px){.webgl{display:none}}.nav{position:sticky;top:0;z-index:99;height:12svh;background-color:#fafafa}@media screen and (max-width: 920px){.nav{height:5svh}}@media screen and (max-width: 640px){.nav{height:8svh}}.nav-left{opacity:0;position:fixed;top:.5svh;left:2svh;z-index:99}@media screen and (max-width: 640px){.nav-left{left:2.5svh}}.nav-right{opacity:0;position:fixed;top:2svh;right:2svh;z-index:99}@media screen and (max-width: 640px){.nav-right{right:2.5svh}}.nav-right a{padding:0 10px}.nav a{text-decoration:none;color:#151414}.nav a .name{font-family:Apoc-revelation;font-size:20px;font-weight:500}.nav a .role{font-size:14px}.project{width:100%;height:100svh}@media screen and (max-width: 920px){.project{display:none}}