/* 1.4.4: Retain the shared responsive height and the original photographs. */
.offer-hero { position: relative; overflow: hidden; background: #244d24; }
.offer-hero--garden::after, .offer-hero--radio::after {
  content: ''; position: absolute; inset: 0; background: rgb(0 0 0 / 38%);
}
.offer-hero .offer-hero-caption {
  position: absolute; z-index: 1; inset: 0;
  display: flex; flex-direction: column; justify-content: center;
  padding: clamp(20px, 4vw, 64px); color: #fff;
}
.offer-hero .element-header { color: #fff; font-size: clamp(1.8rem, 3.5vw, 3.8rem); }
.offer-hero .element-subheader { color: #fff; font-size: clamp(1.05rem, 1.7vw, 1.6rem); margin-bottom: 0; }

.offer-hero--radio .gallery-row img { object-position: 70% 65%; }