/* ============ RESET & BASE ============ */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  background: var(--paper);
  background-image:
    radial-gradient(60% 50% at 85% 0%,  rgba(196,163,115,.10), transparent 70%),
    radial-gradient(55% 45% at 5%  38%, rgba(74,93,72,.07),    transparent 72%),
    radial-gradient(50% 40% at 95% 78%, rgba(196,163,115,.07), transparent 75%);
  background-attachment: fixed;
  color: var(--ink);
  font-family: var(--sans);
  font-weight: 300;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a   { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
::selection { background: var(--bronze); color: var(--paper); }

/* Utility */
.u-sr-only {
  position: absolute; width: 1px; height: 1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap;
}