/* Responsive focal points for people-led imagery. Architecture and interior
   media keep their existing centered/bottom composition rules. */
html body #root:has([data-loc="src/web/pages/Home.tsx:188"])
  [data-loc="src/web/pages/Home.tsx:368"].av-about-experience
  .av-about-panel--team
  [data-loc="src/web/pages/Home.tsx:372"] {
  object-position: 50% 46% !important;
  transform: none !important;
  transform-origin: 50% 50% !important;
}

@media (max-width: 1024px) {
  html body #root:has([data-loc="src/web/pages/Home.tsx:188"])
    [data-loc="src/web/pages/Home.tsx:368"].av-about-experience
    .av-about-panel--team
    [data-loc="src/web/pages/Home.tsx:372"] {
    object-position: 50% 48% !important;
  }
}

@media (max-width: 760px) {
  html body #root:has([data-loc="src/web/pages/Home.tsx:188"])
    [data-loc="src/web/pages/Home.tsx:368"].av-about-experience
    .av-about-panel--team
    [data-loc="src/web/pages/Home.tsx:372"] {
    object-position: 50% 50% !important;
  }
}