body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16.5px;
  line-height: 1.62;
}

h1, h2, h3 {
  margin: 0 0 0.55em;
  color: var(--slate);
  line-height: 1.24;
  font-weight: 680;
  letter-spacing: -0.015em;
}

h1 { font-size: clamp(26px, 4.2vw, 40px); }
h2 { font-size: clamp(21px, 2.8vw, 28px); }
h3 { font-size: 17px; font-weight: 650; }

p { margin: 0 0 1em; }

a { color: var(--teal-dark); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }

.hero-lead,
.band-lead { color: var(--grey); max-width: 58ch; }

.band-lead { margin-bottom: 28px; }

.hero-note { font-size: 14px; color: var(--grey); margin: 12px 0 0; }
.order-fine { font-size: 13.5px; color: var(--grey); margin: 12px 0 0; }