*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
    background:var(--bg); color:var(--ink); font-family:'Inter', sans-serif;
    -webkit-font-smoothing:antialiased; line-height:1.5;
    position:relative; overflow-x:hidden;
  }
body::before{
    content:''; position:fixed; inset:0; pointer-events:none; z-index:0;
    background-image:radial-gradient(rgba(23,30,35,0.05) 1px, transparent 1px);
    background-size:16px 16px; opacity:0.5;
  }
body::after{
    content:''; position:fixed; inset:0; pointer-events:none; z-index:0;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    opacity:0.35; mix-blend-mode:multiply;
  }
.mono{font-family:'IBM Plex Mono', monospace;}
h1,h2,h3{font-family:'IBM Plex Mono', monospace; letter-spacing:-0.01em; color:var(--ink); font-weight:700;}
.wrap{max-width:1120px; margin:0 auto; padding:0 24px; position:relative; z-index:1;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}