/* ============================================================
   site-v26.css — v1.6.2
   Hero image: just the image, rounded corners, no halo/padding
   ============================================================ */

.hero-media-frame {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 5 !important;
  padding: 0 !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
}
.hero-media-frame::before,
.hero-media-frame::after { display: none !important; }

.hero-media-frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  padding: 0 !important;
  border-radius: 22px !important;
  background: transparent !important;
  filter: none !important;
  transition: transform .5s cubic-bezier(.2,.7,.2,1) !important;
}
.hero-media-frame:hover img { transform: scale(1.02) !important; }

.hero-media-badge {
  z-index: 4 !important;
  left: 16px !important;
  bottom: 16px !important;
}

@media (max-width: 880px) {
  .hero-media-frame { aspect-ratio: 4 / 3 !important; max-width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-media-frame img { transition: none !important; }
}