/* Shared decorative artwork for campaigns without a photograph. */
.mg-campaign-artwork {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  pointer-events: none;
  isolation: isolate;
  background: var(--primary-soft);
}

.mg-campaign-artwork::before,
.mg-campaign-artwork::after {
  content: "";
  position: absolute;
  inset: 0;
}

.mg-campaign-artwork::before {
  inset: -25%;
  background: url("../img/hero-img.93c8dfce3d9b.jpeg") center / cover no-repeat;
  filter: blur(48px) saturate(.6);
}

.mg-campaign-artwork::after {
  background: rgba(255, 253, 247, .72);
}

.mg-campaign-artwork .mg-campaign-artwork-mark {
  position: relative;
  z-index: 1;
  display: block;
  width: clamp(84px, 30%, 140px);
  height: auto;
  object-fit: contain;
  opacity: .9;
  mix-blend-mode: multiply;
}