@import url("https://fonts.googleapis.com/css2?family=Anton&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");:root{--dark:#1e1e1e;--light:#fefff8;--accent:#fca311}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background-color:#000}img{width:100%;height:100%;object-fit:cover}h1{font-family:Anton;font-size:10rem;font-weight:500;letter-spacing:-.1rem;line-height:.9}a,h1,p{text-transform:uppercase}a,p{text-decoration:none;font-size:.8rem;font-weight:600;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container{position:relative;width:100%;height:100%;will-change:transform,opacity;z-index:0}section{position:relative;width:100vw;height:100svh;display:flex;justify-content:center;align-items:center;text-align:center;background-color:var(--light);color:var(--dark);padding:2rem}.hero h1{width:70%}@media (max-width:1000px){.hero h1{width:100%;font-size:4rem}}nav{position:fixed;top:0;left:0;width:100vw;color:var(--light);display:flex;justify-content:space-between;mix-blend-mode:difference;z-index:2}nav,nav p{padding:1rem}nav p{cursor:pointer}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;overflow:hidden;background-color:var(--dark);color:var(--light);z-index:1;will-change:clip-path}.menu-content{position:absolute;top:45%;transform:translateY(-50%);width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:center;will-change:transform,opacity}.menu-col:nth-child(2){text-align:right}.menu-img{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:150px;will-change:transform,opacity}.menu-links-wrapper{position:absolute;left:0;bottom:0;width:max-content;padding:2rem;display:flex;justify-content:space-between;gap:2rem;will-change:transform}.menu-link{will-change:transform}.menu-link,.menu-link a{position:relative;overflow:hidden}.menu-link a{color:var(--light);font-family:Anton;font-size:10rem;font-weight:500;letter-spacing:-.2rem;display:inline-block}.menu-link a span:nth-child(2){position:absolute;top:0;left:0}.link-highlighter{position:absolute;bottom:0;left:0;width:400px;height:.75rem;background-color:var(--accent);will-change:transform,width}.menu-overlay{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.char{position:relative;display:inline-block;will-change:transform}@media (max-width:1000px){.menu-content{top:25%}.link-highlighter,.menu-img{display:none}.menu-links-wrapper{flex-direction:column;gap:0}.menu-link a{font-size:4rem;letter-spacing:-.05rem}}