/* Dr. Juliya Fisher hero. Everything else about the row (height, gradient,
   type, button, fade-in, breakpoints) comes from the /team/ hero's own Beaver
   Builder rules in 288-layout.css, because the generated hero (doctor-pages.mjs) keeps that row's node id
   (fl-node-s6ruy1wjbikt). This file only swaps the photo, the same way BB does:
   one desktop image, one mobile image at max-width 767px.
   The photos are pre-darkened, as the site's own hero exports are (desktop
   x0.76, mobile x0.68 so the white H1 keeps >=3:1 over her white coat). */

.dr-hero-fisher.fl-node-s6ruy1wjbikt > .fl-row-content-wrap {
  background-image: url(/doctors/fisher/img/fisher-hero-desktop-2000.jpg);
  background-image: image-set(
    url(/doctors/fisher/img/fisher-hero-desktop-2000.avif) type("image/avif"),
    url(/doctors/fisher/img/fisher-hero-desktop-2000.webp) type("image/webp"),
    url(/doctors/fisher/img/fisher-hero-desktop-2000.jpg) type("image/jpeg"));
  background-position: 50% 30%; /* keeps her face in frame on ultra-wide screens */
}

@media (max-width: 1440px) and (min-width: 1025px) {
  .dr-hero-fisher.fl-node-s6ruy1wjbikt > .fl-row-content-wrap {
    background-image: url(/doctors/fisher/img/fisher-hero-desktop-1440.jpg);
    background-image: image-set(
      url(/doctors/fisher/img/fisher-hero-desktop-1440.avif) type("image/avif"),
      url(/doctors/fisher/img/fisher-hero-desktop-1440.webp) type("image/webp"),
      url(/doctors/fisher/img/fisher-hero-desktop-1440.jpg) type("image/jpeg"));
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .dr-hero-fisher.fl-node-s6ruy1wjbikt > .fl-row-content-wrap {
    background-image: url(/doctors/fisher/img/fisher-hero-desktop-1440.jpg);
    background-image: image-set(
      url(/doctors/fisher/img/fisher-hero-desktop-1440.avif) type("image/avif"),
      url(/doctors/fisher/img/fisher-hero-desktop-1440.webp) type("image/webp"),
      url(/doctors/fisher/img/fisher-hero-desktop-1440.jpg) type("image/jpeg"));
  }
}

@media (max-width: 767px) {
  .dr-hero-fisher.fl-node-s6ruy1wjbikt > .fl-row-content-wrap {
    background-image: url(/doctors/fisher/img/fisher-hero-mobile-590.jpg);
    background-image: image-set(
      url(/doctors/fisher/img/fisher-hero-mobile-1180.avif) type("image/avif") 2x,
      url(/doctors/fisher/img/fisher-hero-mobile-590.avif) type("image/avif") 1x,
      url(/doctors/fisher/img/fisher-hero-mobile-1180.webp) type("image/webp") 2x,
      url(/doctors/fisher/img/fisher-hero-mobile-590.webp) type("image/webp") 1x,
      url(/doctors/fisher/img/fisher-hero-mobile-590.jpg) type("image/jpeg"));
    background-position: 50% 0%;
  }
}

/* Text alternative for the background photo (screen readers only). */
.dr-hero-fisher .dr-hero-fisher__alt {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}