body{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;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:5rem}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100svh;display:flex;justify-content:flex-end;background-color:#1a1a1a;pointer-events:none;opacity:0;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;gap:12px}.menu-item a{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:100%;height:100svh;padding:2rem;display:flex;align-items:flex-end;overflow:hidden;background-image:url(../../images/10.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.hero h1{width:75%;color:#fff}@media (max-width:991px){h1{font-size:3rem;letter-spacing:0}.hero h1{width:100%}.menu-links{width:100%;padding:2rem}.menu-item a{font-size:2.5rem}}