body {
  font-family: var(--font-body);
  background: var(--color-offwhite);
  color: var(--color-charcoal);
  line-height: 1.6;
  position: relative;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: 0.025;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(45, 45, 45, 0.35) 1px, transparent 0);
  background-size: 6px 6px;
}

.container {
  width: min(100% - 32px, var(--container));
  margin-inline: auto;
}

h1,
h2,
h3 {
  font-family: var(--font-title);
  line-height: 1.1;
  font-weight: 400;
}

h1 {
  font-size: clamp(2.2rem, 5.1vw, 4.45rem);
  line-height: 1.02;
  letter-spacing: -0.04em;
}

p {
  font-size: 1rem;
  color: rgba(45, 45, 45, 0.78);
}