.hero-slide.hero-slide-fall {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 85% 15%, #d983354d, transparent 55%),
    linear-gradient(90deg, #2c130df5 0%, #482214db 42%, #57291875 75%, #71371945),
    var(--slide-image) center 42% / cover no-repeat;
}
.hero-slide-fall .container { position: relative; z-index: 1; }
.hero-slide-fall .hero-tagline { background: #f7c477; color: #3e1b0d; border: 1px solid #ffdaa0; }
.hero-slide-fall h1 { max-width: 22ch; }
.hero-slide-fall .fall-savings { display: inline-block; color: #ffcf83; font-size: clamp(56px, 6.5vw, 92px); line-height: 1.05; letter-spacing: -2px; }
.hero-slide-fall p.lead { color: #fff0df; }
.hero-slide-fall .btn-gold { background: #f7bd67; color: #351507; border-color: #f7bd67; }
.hero-slide-fall .btn-gold:hover { background: #ffd18e; }
.hero-slide-fall .btn-outline { border-color: #e9b37c99; background: #30160d66; color: #fff5e8; }
.hero-slide-fall .btn-outline:hover { background: #71381b; border-color: #f7c477; }
.fall-leaves { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .75; }
@media (max-width: 699px) {
  .hero-slide.hero-slide-fall { min-height: 610px; background-position: center, center, 62% center; }
  .hero-slide-fall .fall-savings { font-size: 62px; }
  .hero-slide-fall .hero-tagline { font-size: 11px; }
  .fall-leaves { width: 170%; left: -45%; opacity: .5; }
}