/* Keep interior introductions within the available desktop viewport. */
@media (min-width: 901px) {
  body #conteudo > .detail-hero,
  body #conteudo > .specialty-intro,
  body #conteudo > .page-title,
  body #conteudo > .contact-heading {
    padding-top: clamp(18px, 3dvh, 38px);
    padding-bottom: clamp(18px, 3dvh, 38px);
  }
  body #conteudo > .detail-hero h1,
  body #conteudo > .specialty-intro h1,
  body #conteudo > .page-title h1,
  body #conteudo > .contact-heading h1 {
    font-size: clamp(32px, min(4.2vw, 6.5dvh), 66px);
    line-height: 1.1;
    margin-block: 12px 18px;
  }
  body #conteudo > .detail-hero > img,
  body .prost-hero .prost-smile img,
  body .aesthetic-hero-photo img {
    width: 100%;
    height: auto;
    max-height: max(180px, calc(100dvh - var(--site-header-height, 101px) - 100px));
    object-fit: contain;
  }
  body .aesthetic-hero-photo { aspect-ratio: auto; }
  body #conteudo > .detail-hero p:not(.eyebrow),
  body .aesthetic-hero-copy > p:not(.eyebrow) {
    font-size: clamp(16px, 2.3dvh, 20px);
    line-height: 1.5;
    margin-bottom: 18px;
  }
  .ms-dental .md-hero {
    width: 100%;
    aspect-ratio: auto;
    height: min(56.25vw, calc(100dvh - var(--site-header-height, 101px)));
    min-height: 480px;
  }
  .ms-dental .md-hero h1 {
    font-size: clamp(32px, min(5.1vw, 8dvh), 84px);
  }
  .ms-dental .md-hero-technology h1 {
    font-size: clamp(32px, min(4.64vw, 7.6dvh), 80px);
  }
  .ms-dental .md-hero-copy .md-kicker {
    font-size: clamp(11px, min(1.4vw, 2.3dvh), 23px);
    margin-bottom: 18px;
  }
  .ms-dental .md-hero-description {
    font-size: clamp(16px, min(1.68vw, 2.8dvh), 28px);
    margin-bottom: clamp(18px, 3dvh, 32px);
  }
  .ms-dental .md-primary {
    min-height: 48px;
    font-size: clamp(16px, 2.7dvh, 25px);
  }
  .ms-dental .md-slide img { object-fit: cover; object-position: center 20%; }
  .ms-dental .md-carousel-controls { padding-bottom: 18%; }
  .ms-dental .md-treatment-shortcuts svg {
    height: clamp(25px, 5.3dvh, 52px);
    width: clamp(25px, 5.3dvh, 52px);
  }
  .ms-dental .md-treatment-shortcuts a {
    font-size: clamp(15px, min(1.45vw, 2.8dvh), 25px);
  }
}
/* Grid tracks must shrink below image intrinsic widths on small screens. */
body .detail-hero > * { min-width:0; max-width:100%; }
@media(max-width:900px) {
 body .detail-hero { grid-template-columns:minmax(0,1fr); }
 body .detail-hero img { width:100%; height:auto; }
}