/* First-paint geometry for interior heroes and deferred content images. */
html body.page-interior:not(.page-home) main > section:first-of-type {
  position: relative;
  isolation: isolate;
  min-height: clamp(500px, 52vh, 600px);
  overflow: hidden;
  background-color: #0f2c47;
}

html body.page-interior:not(.page-home) main > section:first-of-type > .absolute.inset-0.z-0 {
  position: absolute;
  inset: 0;
  z-index: 0;
}

html body.page-interior:not(.page-home) main > section:first-of-type picture,
html body.page-interior:not(.page-home) main > section:first-of-type .service-hero-picture {
  display: block;
  width: 100%;
  height: 100%;
}

html body.page-interior:not(.page-home) main > section:first-of-type img,
html body.page-interior:not(.page-home) main > section:first-of-type .service-hero-media {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

html body.page-interior:not(.page-home) main > section:first-of-type img[data-lqip="hero"] {
  background-color: #0f2c47 !important;
  background-image: var(--dt-hero-placeholder-desktop) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html body.page-interior:not(.page-home) main > section:first-of-type picture[data-lqip-frame="hero"] {
  background-color: #0f2c47 !important;
  background-image: var(--dt-hero-placeholder-desktop) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html body.page-interior:not(.page-home) main > section:first-of-type::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(7, 22, 34, 0.56) 0%, rgba(7, 22, 34, 0.34) 38%, rgba(7, 22, 34, 0.16) 100%),
    linear-gradient(180deg, rgba(7, 22, 34, 0.18), rgba(7, 22, 34, 0.22));
}

html body.page-interior:not(.page-home) main > section:first-of-type > .relative,
html body.page-interior:not(.page-home) main > section:first-of-type > .max-w-\[1320px\],
html body.page-interior:not(.page-home) main > section:first-of-type > .max-w-\[1200px\] {
  position: relative;
  z-index: 2;
}

html body.page-interior main .doctor-photo-frame,
html body.page-interior main .about-doctor-quote-photo {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background-color: #f7f4ec;
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

html body.page-interior main .doctor-photo-frame > img,
html body.page-interior main .about-doctor-quote-photo > img,
html body.page-interior main .bridge-wide-diagram > img,
html body.page-interior main .implant-wide-diagram > img {
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  object-fit: cover;
  object-position: center;
}

html body.page-interior main .bridge-wide-diagram,
html body.page-interior main .implant-wide-diagram {
  width: 100%;
  overflow: hidden;
  background-color: #f7f4ec;
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

html body.page-interior main .bridge-wide-diagram {
  aspect-ratio: 2 / 1;
}

html body.page-interior main .implant-wide-diagram {
  aspect-ratio: 1 / 1;
}

html body.page-interior main .implant-wide-diagram > img {
  object-fit: contain;
}

html body.page-interior main img[data-lqip="content"] {
  background-color: #f7f4ec !important;
  background-image: var(--dt-image-placeholder) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html body.page-interior main img[data-lqip="content"][data-lqip-fit="contain"] {
  background-size: contain !important;
}

html body.page-interior main [data-lqip-frame="content"] {
  background-color: #f7f4ec !important;
  background-image: var(--dt-image-placeholder) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html body.page-interior main [data-lqip-frame="content"][data-lqip-fit="contain"] {
  background-size: contain !important;
}

@media (max-width: 768px) {
  html body.page-interior:not(.page-home) main > section:first-of-type {
    min-height: 380px;
  }

  html body.page-interior:not(.page-home) main > section:first-of-type::after {
    background:
      linear-gradient(90deg, rgba(7, 22, 34, 0.62), rgba(7, 22, 34, 0.22)),
      linear-gradient(180deg, rgba(7, 22, 34, 0.12), rgba(7, 22, 34, 0.28));
  }

  html body.page-interior:not(.page-home) main > section:first-of-type img[data-lqip="hero"] {
    background-image: var(--dt-hero-placeholder-mobile) !important;
  }

  html body.page-interior:not(.page-home) main > section:first-of-type picture[data-lqip-frame="hero"] {
    background-image: var(--dt-hero-placeholder-mobile) !important;
  }
}