@font-face{font-family:"Mona";src:url(fonts/mona-sans.woff2) format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap}
@font-face{font-family:"Martian";src:url(fonts/martian-mono.woff2) format("woff2");font-weight:100 800;font-display:swap}
:root{--lime:#d8ff00;--ink:#14161a;--paper:#fff;--mono:"Martian",ui-monospace,monospace;--sans:"Mona",system-ui,sans-serif;--mx:clamp(20px,4.2vw,60px)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block}h1,p{margin:0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--mx);position:relative;z-index:3}
.nav .mark{width:58px;height:29px;display:block}
.nav ul{display:flex;gap:clamp(18px,2.4vw,36px);list-style:none;margin:0;padding:0;font:400 11.5px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.nav li a{display:block;padding:10px 0;border-bottom:1px solid transparent;transition:border-color .25s}.nav li a:hover{border-color:currentColor}
/* the studio's stepped pixel corner, kept as the one small pixel detail on a button */
.btn{--c:6px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 28px;background:var(--lime);color:var(--ink);font:500 17px/1 var(--sans);white-space:nowrap;
clip-path:polygon(0 calc(var(--c)*2),var(--c) calc(var(--c)*2),var(--c) var(--c),calc(var(--c)*2) var(--c),calc(var(--c)*2) 0,calc(100% - var(--c)*2) 0,calc(100% - var(--c)*2) var(--c),calc(100% - var(--c)) var(--c),calc(100% - var(--c)) calc(var(--c)*2),100% calc(var(--c)*2),100% calc(100% - var(--c)*2),calc(100% - var(--c)) calc(100% - var(--c)*2),calc(100% - var(--c)) calc(100% - var(--c)),calc(100% - var(--c)*2) calc(100% - var(--c)),calc(100% - var(--c)*2) 100%,calc(var(--c)*2) 100%,calc(var(--c)*2) calc(100% - var(--c)),var(--c) calc(100% - var(--c)),var(--c) calc(100% - var(--c)*2),0 calc(100% - var(--c)*2));transition:filter .2s,transform .2s}
.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn svg{width:15px;height:15px}
@media(max-width:767px){.nav ul{display:none}}
