@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=PP+Pangram+Sans:wght@800&display=swap";:root{--base-100: #ffffff;--base-400: #1a1a1a;--base-500: #4d4d4d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,sans-serif;background-color:#0a0a0a}h1{text-transform:uppercase;font-size:8rem;font-weight:500;line-height:.9;letter-spacing:-.25rem}a,p{color:#fff;display:block;text-decoration:none;text-transform:uppercase;font-size:.9rem;font-weight:600;line-height:.9;-webkit-user-select:none;user-select:none}nav{position:fixed;width:100%;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.logo,.menu-toggler{padding:1rem;cursor:pointer}.logo{width:auto}.logo-text{display:inline-block;font-family:PP Pangram Sans,sans-serif;font-weight:800;font-size:1.5rem;padding:.75rem 1.25rem;border-radius:.5rem;background-color:var(--base-100);color:var(--base-400);box-shadow:0 2px 8px #0000001a;transition:background-color .3s ease,color .3s ease}.logo-text.logo-inverted{background-color:var(--base-400);color:var(--base-100)}@media (max-width: 1000px){.logo-text{font-size:1.25rem;padding:.5rem 1rem}}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100svh;display:flex;justify-content:flex-end;background-color:#1a1a1a;pointer-events:all;opacity:1;will-change:opacity;z-index:1}canvas{position:absolute;top:0;left:0;width:100%;height:100svh}.menu-links{position:relative;width:45%;height:100%;display:flex;flex-direction:column;justify-content:center}.menu-item a{width:max-content;color:#4d4d4d;font-size:4rem;line-height:1;background:linear-gradient(#fff,#fff) left no-repeat,#4d4d4d;background-size:0% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero{position:relative;width:100vw;height:100svh;padding:2rem;display:flex;align-items:flex-end;background:url(/hero.jpg) no-repeat 50% 50%;background-size:cover;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .5s ease}.hero h1{width:75%;color:#fff}@media (max-width: 1000px){h1{font-size:3rem;letter-spacing:0}.hero h1{width:100%}.menu-links{width:100%;padding:2rem}.menu-item a{font-size:2.5rem}}