/* SWEATQUITY V18 — targeted two-hero correction.
   Preserve natural photographic geometry; no stretching, no crop, no side fills.
   All other V17 design/components/assets/functionality unchanged.
   These portrait-safe banners take their proportional height from the source art.
   V20 caps the displayed desktop width so the hero stays wide, natural, and short enough
   for the ticker to remain visible in the opening viewport. */
@media (min-width:561px) {
  .v10-hero .v10-hero-art,
  .v10-drop-top .v16-drop-frame {
    display:block;
    position:relative;
    box-sizing:border-box;
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    display:flex !important;
    justify-content:center !important;
    padding:0 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible;
    background:transparent;
    isolation:isolate;
  }
  .v10-hero .v10-hero-art::before,
  .v10-drop-top .v16-drop-frame::before {
    content:none !important;
    display:none !important;
    filter:none !important;
  }
  .v10-hero .v10-hero-art .v16-wide-inner,
  .v10-drop-top .v16-drop-frame .v16-wide-inner {
    display:block;
    position:relative;
    box-sizing:border-box;
    width:min(100%, 1440px) !important;
    max-width:1440px !important;
    margin:0 auto !important;
    padding:0 !important;
    height:auto !important;
  }
  .v10-hero .v10-hero-art .v16-wide-inner > img,
  .v10-drop-top .v16-drop-frame .v16-wide-inner > img {
    display:block;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  .v16-wide-inner > .v16-image-cta {
    position:absolute;
    z-index:5;
  }
}
/* Mobile continues to use the existing image and functional CTA as in V17. */