* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at top left, rgba(247, 215, 124, 0.42), transparent 34rem),
    radial-gradient(circle at top right, rgba(78, 122, 77, 0.22), transparent 30rem),
    linear-gradient(180deg, #fffaf0 0%, #f4ead9 48%, #eef3e8 100%);
  line-height: 1.55;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.26;
  background-image:
    linear-gradient(rgba(33, 48, 36, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(33, 48, 36, 0.035) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(to bottom, black, transparent 82%);
}

a { color: inherit; }

img, svg { max-width: 100%; }

h1, h2, h3, p { margin-top: 0; }

h1 {
  font-size: clamp(3.1rem, 8vw, 6.9rem);
  line-height: 0.92;
  letter-spacing: -0.08em;
  margin-bottom: 1.35rem;
}

h2 {
  font-size: clamp(2.1rem, 5vw, 4.2rem);
  line-height: 1;
  letter-spacing: -0.06em;
  margin-bottom: 1rem;
}

h3 {
  font-size: 1.35rem;
  line-height: 1.1;
  letter-spacing: -0.035em;
  margin-bottom: 0.65rem;
}