.campaign-carousel__slide--feature {
  position: relative;
  overflow: hidden;
}

.campaign-carousel__slide--feature::after {
  position: absolute;
  inset: 0;
  content: "";
  background: radial-gradient(ellipse at center, transparent 28%, rgba(0, 0, 0, .2) 78%);
  pointer-events: none;
}

.campaign-hero-overlay {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  color: #fff5d1;
  pointer-events: none;
}

.campaign-hero-overlay__content {
  position: absolute;
  top: 7%;
  right: 28%;
  bottom: 28%;
  left: 28%;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: clamp(5px, .75vw, 13px);
  text-align: center;
}

.campaign-hero-overlay__eyebrow,
.campaign-hero-overlay__dealer {
  display: inline-flex;
  align-items: center;
  min-height: 1.8em;
  padding: .18em .9em;
  border: 1px solid rgba(255, 215, 129, .8);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(28, 21, 10, .82), rgba(89, 61, 19, .75), rgba(28, 21, 10, .82));
  box-shadow: inset 0 0 15px rgba(255, 211, 105, .16), 0 3px 12px rgba(0, 0, 0, .34);
  color: #ffe3a1;
  font-size: clamp(.68rem, 1.15vw, 1.28rem);
  font-weight: 800;
  letter-spacing: .12em;
}

.campaign-hero-overlay__title {
  color: #ffe5a5;
  font-size: clamp(2rem, 5.25vw, 6rem);
  font-weight: 900;
  letter-spacing: .11em;
  line-height: 1.05;
  text-shadow: 0 3px 0 #76531b, 0 6px 22px rgba(0, 0, 0, .95), 0 0 28px rgba(255, 200, 77, .22);
}

.campaign-hero-overlay__subtitle {
  color: #fff0c6;
  font-size: clamp(.88rem, 1.85vw, 2.1rem);
  font-weight: 800;
  letter-spacing: .22em;
  text-shadow: 0 3px 8px rgba(0, 0, 0, .95);
}

.campaign-hero-overlay__benefits {
  position: absolute;
  right: 3.4%;
  bottom: 4.8%;
  left: 3.4%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .6%;
}

.campaign-hero-benefit {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: clamp(54px, 10vw, 110px);
  padding: clamp(4px, .7vw, 11px);
  border: 1px solid rgba(236, 186, 74, .56);
  border-radius: clamp(7px, .8vw, 15px);
  background: linear-gradient(140deg, rgba(45, 37, 22, .86), rgba(9, 10, 10, .9));
  box-shadow: inset 0 1px 15px rgba(251, 197, 70, .08);
  text-align: center;
}

.campaign-hero-benefit b {
  color: #dca83d;
  font-size: clamp(.5rem, .75vw, .86rem);
  letter-spacing: .12em;
}

.campaign-hero-benefit strong {
  color: #ffe5a7;
  font-size: clamp(.6rem, 1.12vw, 1.22rem);
  font-weight: 900;
  line-height: 1.25;
}

.campaign-hero-benefit em {
  color: #e8d8ae;
  font-size: clamp(.46rem, .77vw, .84rem);
  font-style: normal;
  line-height: 1.3;
}

@media (max-width: 760px) {
  .campaign-hero-overlay__content {
    top: 5%;
    right: 20%;
    bottom: 34%;
    left: 20%;
  }

  .campaign-hero-overlay__eyebrow,
  .campaign-hero-overlay__dealer {
    padding: .12em .52em;
    letter-spacing: .04em;
  }

  .campaign-hero-overlay__title {
    font-size: clamp(1.3rem, 5.1vw, 2rem);
    letter-spacing: .04em;
  }

  .campaign-hero-overlay__subtitle {
    font-size: clamp(.55rem, 2.25vw, .83rem);
    letter-spacing: .06em;
  }

  .campaign-hero-overlay__benefits {
    right: 3%;
    bottom: 9%;
    left: 3%;
    gap: 2px;
  }

  .campaign-hero-benefit {
    min-height: 37px;
    padding: 3px 1px;
    border-radius: 5px;
  }

  .campaign-hero-benefit b,
  .campaign-hero-benefit em {
    display: none;
  }

  .campaign-hero-benefit strong {
    font-size: clamp(.38rem, 1.72vw, .63rem);
    line-height: 1.2;
  }
}