/* R86 office-media integrity.
 * Office-led heroes use the complete, source-bound 3:2 photograph. A banner
 * height may grow to the image ratio; it may not crop factual architecture,
 * artwork or signage to imitate the older short-cover treatment.
 */
html body.gl-r53 .r53-site[data-site-production-root] main .r54-route-hero.r54-route-hero-media-contain .r54-route-hero-grid,
html body.gl-r53 .r53-site[data-site-production-root] main .r54-route-hero.r54-route-hero-media-contain.r53-page-hero-has-media .r54-route-hero-grid {
  grid-template-columns: minmax(0, 45%) minmax(0, 55%) !important;
  height: auto !important;
  min-height: 0 !important;
  align-items: stretch !important;
}

html body.gl-r53 .r53-site[data-site-production-root] main .r54-route-hero.r54-route-hero-media-contain .r53-page-hero-media {
  align-self: stretch;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 2 !important;
  background: #f4f1ed;
  overflow: hidden !important;
}

html body.gl-r53 .r53-site[data-site-production-root] main .r54-route-hero.r54-route-hero-media-contain .r53-page-hero-media .r53-page-hero-image[src*="office-restored.webp"] {
  display: block !important;
  min-width: 100% !important;
  max-width: none !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  filter: saturate(.9) contrast(1.025) brightness(.98);
}

@media (max-width: 840px) {
  html body.gl-r53 .r53-site[data-site-production-root] main .r54-route-hero.r54-route-hero-media-contain .r54-route-hero-grid,
  html body.gl-r53 .r53-site[data-site-production-root] main .r54-route-hero.r54-route-hero-media-contain.r53-page-hero-has-media .r54-route-hero-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
  }

  html body.gl-r53 .r53-site[data-site-production-root] main .r54-route-hero.r54-route-hero-media-contain .r53-page-hero-media {
    grid-column: 1 !important;
    grid-row: 2 !important;
    aspect-ratio: 3 / 2 !important;
  }
}
