*{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}.webgl{position:fixed;top:0;left:0;width:100%;background:#000;height:100vh;height:100dvh;height:-webkit-fill-available}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:999}.loading-bar{position:absolute;top:50%;width:100%;height:2px;background:#fff;transform:scaleX(.1);transform-origin:top left;transition:transform .5s}.loading-bar.ended{transform:scaleX(0);transform-origin:100% 0;transition:transform 1.5s ease-in-out}.compass-container{pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;border:.5px solid white;border-radius:50%;width:70px;height:70px;position:absolute;top:10px;left:10px;z-index:10;display:none}.compass-background{fill:#eee;opacity:.5;stroke:#333;stroke-width:2}.compass-needle{transform-origin:center;transition:transform .3s ease}.navbar{position:fixed;z-index:999;width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:1rem;font-family:Lato,sans-serif;font-weight:300;color:#fff}.logo{font-size:1.5rem;font-weight:300}.nav-links{list-style:none;font-size:15px;display:flex;gap:1rem}.nav-links button{color:#fff;background:none;border:none;padding:0;font:inherit;cursor:pointer;transition:color .2s ease}.nav-links button:hover{font-weight:500}.burger{display:none;font-size:30px;background:none;border:none;cursor:pointer;color:#fff}@media screen and (max-width:768px){.nav-links{display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;gap:2rem;z-index:999;transition:opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden}.nav-links.active{display:flex;opacity:1;visibility:visible}.burger{display:block}.nav-links button{font-size:2rem;color:#fff}}.section{position:fixed;background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:10px;left:50%;transform:translate(-50%);padding:10px;width:600px;max-width:90%;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:700;transition:opacity .3s ease,transform .3s ease;font-family:Lato,sans-serif;font-weight:400;color:#000;text-align:center;border-radius:20px}.section h2{font-weight:500;font-size:36px;margin-bottom:10px;font-family:"Averia Serif Libre",serif;color:#fff}.section h3{font-weight:300;font-size:16px;margin-bottom:5px;font-family:"Averia Serif Libre",serif;color:#fff}.section p{font-size:14px;margin-bottom:5px}.section-list{gap:10px;justify-content:center}.section-item{border-radius:10px;padding:5px;min-width:250px;transition:transform .3s ease,box-shadow .3s ease}#process ol{padding-left:20px}#process li{margin-bottom:10px}#contact ul{list-style:none;padding:0;margin-bottom:20px}#contact li{margin-bottom:10px}#apropos p{text-align:justify}.title{position:fixed;top:3%;left:50%;font-family:"Averia Serif Libre",serif;transform:translate(-50%);text-align:center;z-index:999}.title h1{margin-block:1px;font-weight:500;letter-spacing:5px;color:#000;font-size:30px;font-style:normal}.title h3{margin-block:1px;font-size:20px;letter-spacing:5px;font-weight:200;font-style:normal;color:#000}.info-bottom-left{position:fixed;padding:10px;bottom:20px;left:50%;transform:translate(-50%);width:200px;color:#fff;font-family:lato,sans-serif;font-style:normal;text-align:left;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity 1s ease;z-index:100}.info-bottom-left h3{font-weight:300;letter-spacing:2px;font-size:18px;margin:5px}.info-bottom-left p{font-weight:300;letter-spacing:2px;font-size:14px;margin:5px}.pointer{position:absolute;top:50dvh;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);pointer-events:none}.pointer:before,.pointer:after{content:"";position:absolute;background-color:#fff}.pointer:before{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.pointer:after{width:1px;height:100%;left:50%;top:0;transform:translate(-50%)}.pointer-circle{position:absolute;width:15px;height:15px;border:1px solid white;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:width .5s ease;pointer-events:none}