@import url("https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap");:root{--fg:#241910;--bg:#f4f4f4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Mono,monospace}img{width:100%;height:100%;object-fit:cover}h1{font-family:Host Grotesk;font-size:3rem;font-weight:400;line-height:1.1}p{color:#241910!important}a,p{text-transform:uppercase}a{text-decoration:none}section{position:relative;width:100vw;height:100svh;overflow:hidden}.outro{display:flex;justify-content:center;align-items:center;text-align:center;padding:2rem;background-color:var(--bg);color:var(--fg)}canvas{width:100%;height:100%;object-fit:cover}.hero-content{top:25%;transform:translateX(-50%);transform-style:preserve-3d;perspective:1000px;padding:.5rem 0}.header,.hero-content{position:absolute;left:50%}.header{top:50%;transform:translate(-50%,-50%);width:100vw;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;color:var(--fg);transform-origin:center;will-change:transform,opacity}.header h1{width:50%;margin-bottom:.5rem}.header p{opacity:.85}.client-logos{width:5%!important;display:flex;gap:.5rem}.client-logos .client-logo{flex:1}.client-logos .client-logo img{object-fit:contain}.hero-img-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;transform-style:preserve-3d;perspective:1000px}.hero-img img{width:100%;height:50%;z-index:-1}.hero-img{position:relative;width:100%;height:100%;transform:translateZ(1000px);opacity:0;will-change:transform,opacity}@media (max-width:1000px){h1{font-size:2rem}nav .nav-buttons,nav .nav-links{display:none}.client-logos,.header h1,.hero-img-container{width:calc(100% - 4rem)}.client-logos{width:20%!important;display:flex;gap:.5rem}}.heros p{font-size:14px;font-weight:500;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.heros,.heros p{position:relative}.heros{width:100vw;height:100vh;flex-direction:column;clip-path:polygon(0 45%,0 45%,0 55%,0 55%);will-change:clip-path}.heros,.progress-bar{justify-content:space-between}.progress-bar{position:absolute;top:50%;left:0;transform:translateY(-50%);width:25vw;padding:2em;display:flex;align-items:center;color:#ffbb00}