.about {
  width: min(100% - 48px, 680px);
  margin-inline: auto;
  padding-block: clamp(48px, 10vw, 112px);
}

.about h1 {
  margin: 40px 0 16px;
  font: 500 clamp(48px, 9vw, 88px) / 1 'Neue Montreal', Arial, sans-serif;
  letter-spacing: -0.04em;
}

.about h1 span { color: var(--color-brand); }
.about h2 { margin: 32px 0 0; }
.about p { margin: 8px 0 0; line-height: 1.55; }
.about .about__lead { font-size: 22px; }
.about .about__links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-block: 32px 24px; }
.about a:not(.booking-button) { text-decoration: underline; text-underline-offset: 4px; }