/* Scoped media safeguards: preserve the designed dimensions without overflow. */
.blog-hero-img,
.tc-blog-card__media,
.tc-article-hero__media {
  min-width: 0;
  max-width: 100%;
}

.blog-hero-img img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.tc-blog-card__media img,
.tc-article-hero__media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.tc-article-recent img {
  display: block;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 575px) {
  .tc-article-hero__media,
  .tc-blog-card__media {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
}

/* Consistent media geometry across service, industry and article cards.
   This prevents different source image dimensions from stretching a layout. */
.service-img,
.industry-img,
.expertise-card,
.single-work-grid {
  overflow: hidden;
}

.service-img {
  height: auto;
  min-height: 176px;
  aspect-ratio: 16 / 10;
  border-radius: 14px;
  background: #f4f8f3;
}

.service-img img,
.industry-img img,
.expertise-card img,
.single-work-grid img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
}

.service-hero-img img,
.hero-about-img img,
.contact-hero-img img,
.industries-hero-img img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

@media (max-width: 575px) {
  .service-img { min-height: 0; }
}