/* ================================================================
   global-inner.css
   Only inner page banner styles.
   Navbar + Footer styles come from global.css
   ================================================================ */

/* ── Inner Page Banner ── */
.inner-banner {
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.inner-banner-img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 960px) {
  .inner-banner-img { height: 220px; }
}

@media (max-width: 768px) {
  .inner-banner-img { height: 180px; }
}

@media (max-width: 480px) {
  .inner-banner-img { height: 130px; }
}