.banner-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.banner-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.banner-media {
  position: relative;
}

.banner-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  z-index: 2;
  pointer-events: none;
}

.banner-content {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  color: #fff;
  padding: 0 15px;
}

.banner-title {
  color: #fff;
  font-size: 80px;
  line-height: 1.2;
  margin: 80px 40px;
}

/* responsive */
@media (max-width: 992px) {
  .banner-title { font-size: 56px; margin: 60px 24px; }
}
@media (max-width: 576px) {
  .banner-title { font-size: 36px; margin: 40px 16px; }
}