@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=IBM+Plex+Mono&display=swap";*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}:root{--color-background: rgb(0, 0, 0);--color-foreground: rgb(230, 225, 215);--color-accent: rgb(200, 180, 160);--color-white: rgb(255, 255, 255);--color-red: rgb(222, 37, 36);--font-primary: "Manrope", serif;--font-secondary: "Manrope", serif;--margin: 32px;--gutter: 16px}body{margin:0;overflow:hidden;font-family:var(--font-primary);background:var(--color-white)}*{margin:0;padding:0;box-sizing:border-box}html,body{padding:0;margin:0;overflow-x:hidden;font-family:Manrope,serif;font-size:16px;color:#000;scroll-behavior:smooth;overflow-y:hidden}img{max-width:100%;box-shadow:0 .5px 9px #0000001a;border-radius:20px}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}.container{max-width:1768px!important;width:100%!important;padding-left:60px;padding-right:60px}a{text-decoration:none;color:#000}@media (min-width: 1400px){.container{max-width:1320px}}@media (min-width: 1200px){.container{max-width:1140px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 576px){.container{max-width:540px}}ul{padding:0}ul li{list-style:none}canvas{position:relative;width:100%;height:100%;overflow:hidden}.navigation{position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;width:100%;padding-bottom:0}.navigation button{cursor:pointer;background-color:#000;color:#fff;border:0;padding:12px 20px;margin-right:5px;text-transform:uppercase;border-radius:3px 3px 0 0;border:1px solid #000;transition:all .5s ease;height:auto}.navigation button:hover{background-color:#fff;color:#000}.canvasWrap{width:100%;height:100vh;position:relative;overflow:hidden}.canvasWrap .convasInner img{position:absolute;z-index:1;filter:brightness(.1);top:0;left:56%;width:300px;transform:rotate(0);animation:flyAcross 10s linear infinite}a.pop img{transition:all .5s ease-in-out}a.pop:hover img{box-shadow:none}.search{position:absolute;right:50px;bottom:50px;z-index:1;animation:shadowPulse 2s infinite ease-in-out}@keyframes shadowPulse{0%{box-shadow:0 .5px 9px #0000001a}50%{box-shadow:0 .5px 12px #0009}to{box-shadow:0 .5px 9px #0000001a}}@keyframes flyAcross{0%{width:100px;left:56%}to{left:-24%;width:300px}}.lil-gui{display:none!important}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--color-background);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1000}.progress-container{width:300px;height:2px;background:#ffffff1a;margin-bottom:20px;position:relative;z-index:2}.progress-bar{position:absolute;left:0;top:0;height:100%;width:0%;background:var(--color-foreground)}.percentage{position:fixed;bottom:var(--margin);right:var(--margin);font-family:var(--font-primary);font-weight:700;font-size:25rem;line-height:.8;color:var(--color-foreground);opacity:.1}.text-container{height:3em;position:relative;overflow:hidden;margin:20px 0;width:200px}.loading-text{font-family:var(--font-primary);font-weight:300;color:var(--color-foreground);font-size:1rem;text-transform:uppercase;letter-spacing:2px;position:absolute;width:100%;text-align:center}.loading-text.initial{transform:translateY(0)}.loading-text.complete{transform:translateY(100%)}.loading-text .char{display:inline-block}.preloader-item{opacity:1;transform:translateY(0)}.part1{height:100vh;position:relative;width:100%;overflow:hidden}.canvasWrap{width:100%;height:100vh;position:absolute;overflow:hidden;top:0;right:0;z-index:99}.canvasWrap canvas{z-index:1}.container{display:flex;justify-content:space-between;align-items:center}header{padding:20px 0;position:fixed;top:0;width:100%;z-index:99;background-color:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}header ul{display:flex;gap:3vw}header ul li a:not(last-child){transition:all .5s ease-in-out}header ul li a:not(last-child):hover{color:var(--color-red)}.logo{color:var(--color-red);font-size:22px;font-weight:700}.content{position:relative;width:57%;z-index:9}.content h1{font-size:6vw;position:relative;z-index:9;line-height:1}.part2 .content p{padding-top:20px;padding-left:60px;padding-bottom:20px}.part2 .content a{padding-left:60px}.part2 .content p,.part2 .content a{position:relative}section.banner.part2{margin-top:70px;height:82vh;display:flex;align-items:center}.circle-border{stroke-dasharray:0;transition:stroke-dasharray .3s ease-in-out}.part2 .content a:hover .circle-border{stroke-dasharray:5,5}.part{height:100vh;display:flex;align-items:center;position:relative}.part .container{gap:30px;width:80%!important;position:relative}.part .container>div:first-child{width:50%}.part.part3 .container>div:first-child{overflow:hidden}.part .container>div:last-child{width:50%}.part .container>div h3{font-size:3vw;line-height:1.1}.part .container>div p{padding-top:20px}.part .container>div p strong{display:block;padding-top:20px}.title{height:50vh;display:flex;align-items:center;font-size:9vw}.title h2{display:flex;gap:70px;font-family:Open Sans,sans-serif}.title h2 span{display:block;width:max-content}@supports (-webkit-text-stroke: 3px var(--color-red)){.title{-webkit-text-fill-color:white;-webkit-text-stroke:3px var(--color-red)}}.part.part5 .container>div:last-child img:last-child{position:absolute;width:200px;right:0;bottom:-50px}footer{background-color:var(--color-background);color:var(--color-white);padding:10px 0}@media (max-width: 767px){.canvasWrap{top:-4vh!important}}@media (max-width: 767px){header ul li:not(:last-child){display:none}.container{padding-left:20px;padding-right:20px}.part{height:auto;padding-bottom:50px}.navigation button{padding:6px 10px;font-size:12px}.part2 .content p,.part2 .content a{padding-left:0}.part .container>div:first-child{width:100%}.part .container>div h3{font-size:30px}.part.part3 .container{flex-direction:column;align-items:flex-start}.percentage{font-size:12rem}.part .container,.part .container>div:last-child{width:100%!important;flex-direction:column}.part.part5 .container>div:last-child{margin-top:100px}}@media (max-width: 480px){.canvasWrap.active{top:0!important}.canvasWrap{top:12vh!important;transition:all .5s ease-in-out}}
