.hero-bg {
      position: absolute; inset: 0; z-index: 0;
      background-image: linear-gradient(160deg, rgba(27,67,50,0.32), rgba(201,168,76,0.10)), url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1400&q=80');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 92% center;
    }