/* Stage 1: image pipeline coverage for home hero, page covers and home cards */
.hero.hero--media{
  background-image: none !important;
  background-color: #23331f;
}

.hero__media{
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.hero__media .vb76-picture,
.hero__media .vb76-picture > img{
  width: 100%;
  height: 100%;
}

.hero__media .vb76-picture > img{
  display: block;
  object-fit: cover;
  object-position: center;
}

.hero-mobile-v2__bg{
  background: none !important;
  overflow: hidden;
}

.hero-mobile-v2__bg > .vb76-picture,
.hero-mobile-v2__bg > .vb76-picture > img{
  width: 100%;
  height: 100%;
}

.hero-mobile-v2__bg > .vb76-picture{
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero-mobile-v2__bg > .vb76-picture > img{
  display: block;
  object-fit: cover;
  object-position: center;
}

.hero-mobile-v2__bg::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02));
}

.catalog-hero__media .vb76-picture,
.catalog-hero__media .vb76-picture > img,
.service-card__img .vb76-picture,
.service-card__img .vb76-picture > img,
.blog-card .vb76-picture,
.blog-card .vb76-picture > img,
.blog-post-cover .vb76-picture,
.blog-post-cover .vb76-picture > img,
.projects-grid .vb76-picture,
.projects-grid .vb76-picture > img{
  width: 100%;
}

.catalog-hero__media .vb76-picture > img,
.blog-post-cover .vb76-picture > img{
  border-radius: 12px;
}

.service-card__img .vb76-picture,
.blog-card .vb76-picture,
.projects-grid .vb76-picture{
  display: block;
  line-height: 0;
}

.service-card__img .vb76-picture > img,
.blog-card .vb76-picture > img,
.projects-grid .vb76-picture > img{
  display: block;
  height: 100%;
  object-fit: cover;
}