/* =========================
   SECTION 3 – SOFT PARALLAX
   ========================= */

.parallax-section {
  position: relative;
  overflow: hidden;
}

.parallax-bg {
  position: absolute;
  inset: -10%;
  background-image: url('/assets/images/bg-hero2.png');
  background-size: cover;
  background-position: center;
  transform: translateY(-6%);
  will-change: transform;
  z-index: 0;
}

/* Desktop subtle parallax */
@media (min-width: 768px) {
  .parallax-section {
    perspective: 1px;
  }

  .parallax-bg {
    transform: translateZ(-1px) scale(1.18);
  }
}