.art.hero-workshop,
.art.hero-vehicle,
.art.hero-wrapping,
.art.hero-storefront {
  background-image: linear-gradient(90deg, rgba(13, 9, 7, .18), transparent 48%), url("assets/hero-workshop-v2.webp");
  background-position: center;
  background-size: cover;
  box-shadow: var(--shadow);
}

.art.hero-workshop::before,
.art.hero-vehicle::before,
.art.hero-wrapping::before,
.art.hero-storefront::before,
.art.hero-workshop .orb,
.art.hero-vehicle .orb,
.art.hero-wrapping .orb,
.art.hero-storefront .orb {
  display: none;
}

.art.hero-workshop::after,
.art.hero-vehicle::after,
.art.hero-wrapping::after,
.art.hero-storefront::after {
  content: "FOLIEN FACTORY";
  left: 24px;
  bottom: 18px;
  font-size: 2rem;
  color: rgba(255, 255, 255, .82);
  text-shadow: 0 2px 18px rgba(0, 0, 0, .6);
}

.art.hero-vehicle {
  background-image: linear-gradient(90deg, rgba(13, 9, 7, .14), transparent 48%), url("assets/hero-fahrzeugbeschriftung.webp");
}

.art.hero-wrapping {
  background-image: linear-gradient(90deg, rgba(13, 9, 7, .12), transparent 48%), url("assets/hero-car-wrapping.webp");
}

.art.hero-storefront {
  background-image: linear-gradient(90deg, rgba(13, 9, 7, .10), transparent 48%), url("assets/hero-schaufenster.webp");
}