body {
  padding: clamp(48px, 9vh, 80px) clamp(16px, 4vw, 32px)
    clamp(40px, 8vh, 64px);
}

.page {
  max-width: 720px;
}

.card {
  padding: clamp(24px, 6vw, 48px);
}

.card h2 {
  font-size: clamp(17px, 4vw, 20px);
  font-weight: 700;
  letter-spacing: 0.03em;
  color: rgba(0, 0, 0, 0.82);
  margin-bottom: 0.9em;
}

.card h2:not(:first-child) {
  margin-top: 1.8em;
}

.card p {
  font-size: clamp(14px, 3.6vw, 16px);
  line-height: 2;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.72);
}

.card p + p {
  margin-top: 1.4em;
}

.card a {
  color: rgba(0, 0, 0, 0.85);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  transition:
    color 0.2s ease,
    border-color 0.2s ease;
}

.card a:hover {
  color: rgba(0, 0, 0, 1);
  border-bottom-color: rgba(0, 0, 0, 0.6);
}