*, *::before, *::after { 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;
  overflow-x: hidden;
  background-image:
    linear-gradient(rgba(26,23,20,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26,23,20,0.04) 1px, transparent 1px);
  background-size: 64px 64px;
}

.wordmark {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  text-transform: lowercase;
}


/* Scroll-reveal utility */
.rv {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .75s ease, transform .75s cubic-bezier(.2,.8,.2,1);
}
.rv.in { opacity: 1; transform: none; }

@media(max-width:520px) {
  body { background-size: 40px 40px; }
}