:root{--ink: #0f0e0c;--bone: #e7e0d2;--ash: #8a8175;--ember: #d6572a;--paper: #ddd5c5}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--ink);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{text-decoration:none;color:var(--bone)}.website-content{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:var(--paper);padding:2em}.hero-img{margin-top:4em;width:100%;height:100%;border:1.5px solid var(--ink);overflow:hidden}.hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}nav{position:fixed;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.7em 2em;color:var(--bone);mix-blend-mode:difference;z-index:2}nav>div{flex:1}.info p{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--bone)}.logo{text-align:center}.logo p{position:relative;top:.15em}.logo a{text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--bone)}.toggle-btn{display:flex;justify-content:flex-end}.burger{display:flex;justify-content:center;align-items:center;padding:1.75em 2em 1.5em;background:#fff0;border-radius:.25em;outline:none;height:20px;width:28px;border:none;transition:all .25s ease-out;cursor:pointer}.burger:before,.burger:after{content:"";width:34px;height:1.5px;position:absolute;background:#fff;transition:all .25s ease-out;will-change:transform}.burger:before{transform:translateY(-4px)}.burger:after{transform:translateY(4px)}.active.burger:before{transform:translateY(0) rotate(45deg)}.active.burger:after{transform:translateY(0) rotate(-45deg)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 0,0 0);will-change:transform}.overlay-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;gap:.4em;flex-direction:column;justify-content:center;align-items:center;color:var(--bone)}.menu-item{display:flex;cursor:pointer;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.menu-item p{position:relative;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15vw;font-weight:600;letter-spacing:-.045em;line-height:80%;will-change:transform;transition:letter-spacing .35s ease,color .35s ease}.menu-item p:hover{letter-spacing:-.005em}.menu-item p:hover a{color:var(--ember)}.menu-item p#active:after{content:"";position:absolute;top:45%;left:0;transform:translateY(-50%);background:var(--ember);width:0%;height:10px}.menu-item a{color:var(--bone);text-decoration:none;transition:color .35s ease}.sub-nav{position:absolute;bottom:5%;left:50%;transform:translate(-50%);display:flex;gap:.6em;opacity:0}.sub-nav p{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}.sub-nav a{color:var(--ash);transition:color .25s ease}.sub-nav a:hover{color:var(--bone)}@media(max-width:768px){.website-content{padding:1.25em}nav{padding:1.4em 1.25em}.info p{font-size:10px;letter-spacing:.1em}.logo a{font-size:12px;letter-spacing:.16em}.burger{padding:1.5em}.menu-item p{font-size:19vw}.sub-nav{left:0;right:0;transform:none;width:100%;justify-content:center;flex-wrap:wrap;gap:.4em .55em;padding:0 1.25em}.sub-nav p{font-size:11px;letter-spacing:.1em}}