/* ==========================
   GLOBAL HERO BANNER
   (ALL PAGES)
   ========================== */

body .banner {
  position: relative;
  height: 55vh;            /* adjust 50–60vh if needed */
  min-height: 360px;
  margin-top: 0 !important;
  overflow: hidden;
}

body .banner img {
  width: 100%;
  height: 120%;            /* parallax-friendly height */
  object-fit: cover;
  display: block;
  filter: brightness(0.85);
  transform: translateY(0);
  transition: transform 0.2s ease-out;
}

/* bottom fade effect */
body .banner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 45%;
  background: linear-gradient(
    to bottom,
    rgba(5, 8, 22, 0) 0%,
    #ffffff 90%
  );
  pointer-events: none;
}