/* v81 — Final public service feature-image framing.
   Goal: Home + Services cards use one identical 16:9 media frame and the
   selected Admin feature image fills that frame edge-to-edge. This removes
   letterboxing / empty bands caused by `contain`, while keeping every card's
   image area perfectly aligned. Applies to code-default and uploads/cms assets. */
.home-page .core-service-card.service-card-v76 .core-service-media,
.services-page-v18 .services-core-card.service-card-v76 .services-core-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16 / 9!important;
  flex:0 0 auto!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#eef3f7!important;
  line-height:0!important;
}

.home-page .core-service-card.service-card-v76 .core-service-media img,
.services-page-v18 .services-core-card.service-card-v76 .services-core-media img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  transform:none!important;
  transition:none!important;
}

.home-page .core-service-card.service-card-v76:hover .core-service-media img,
.services-page-v18 .services-core-card.service-card-v76:hover .services-core-media img{
  transform:none!important;
}

/* Prevent old artwork fades/padding layers from changing the selected image. */
.home-page .core-service-card.service-card-v76 .core-service-media:after{
  display:none!important;
}

.home-page .core-service-card.service-card-v76 .service-number,
.services-page-v18 .services-core-card.service-card-v76 .services-number{
  top:14px!important;
  right:14px!important;
  z-index:20!important;
}

/* Keep the same 16:9 frame at every breakpoint so rows remain aligned. */
@media(max-width:767px){
  .home-page .core-service-card.service-card-v76 .core-service-media,
  .services-page-v18 .services-core-card.service-card-v76 .services-core-media{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16 / 9!important;
  }
}