.intro h1 {margin: 0; max-width: 100%; font-size: clamp(48px, min(5.25vw, 8.5svh), 78px); line-height: 1.04; font-weight: 550; letter-spacing: -.042em; text-wrap: balance}
.intro p {max-width: 66ch; margin: 0; margin-top: clamp(13px, 2svh, 22px); font-size: clamp(16px, 1.38vw, 19px); line-height: 1.5; letter-spacing: -.014em; color: #565656; text-wrap: pretty}

@media (min-width: 761px) and (max-height: 700px) {
  .intro h1 {font-size: clamp(42px, 4.8vw, 58px)}
  .intro p {font-size: 16px; margin-top: 12px}
}

@media (max-width: 760px) {
  .intro h1 {max-width: 17ch; font-size: clamp(42px, 7.4vw, 56px); line-height: 1.06}
  .intro p {max-width: 53ch; margin-top: 15px; font-size: 16px; line-height: 1.5}
}