.hero-section h1{font-size:clamp(1.45rem,2.15vw,2.2rem);line-height:1.16;max-width:16ch;}
.hero-section .lead{font-size:1rem;max-width:54ch;}

.hero-section .row {
  --bs-gutter-x: clamp(1.25rem, 3vw, 2.5rem);
}

.hero-visual {
  width: min(100%, 520px);
  margin-inline: auto;
}

.hero-visual img {
  width: 100%;
}

@media (max-width: 991.98px) {
  .hero-visual {
    width: 100%;
    max-width: 620px;
  }
}