/* Frankfurt Airport Spotting – homepage hero image fix
   This file is loaded AFTER style.css and overrides any older DHL hero image. */

.hero {
  position: relative !important;
  overflow: hidden !important;
  background-image:
    linear-gradient(90deg, rgba(3,8,18,.92) 0%, rgba(4,12,28,.72) 38%, rgba(7,38,70,.36) 100%),
    linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.68)),
    url("../images/hero-superstar-v2.jpg?v=20260706-0025") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(90deg, rgba(3,8,18,.92) 0%, rgba(4,12,28,.72) 38%, rgba(7,38,70,.36) 100%),
    linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.68)),
    url("../images/hero-superstar-v2.jpg?v=20260706-0025") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.hero > .wrap,
.hero .wrap {
  position: relative !important;
  z-index: 2 !important;
}

.hero .hero-word {
  position: absolute !important;
  z-index: 1 !important;
  top: clamp(70px, 12vw, 170px) !important;
  right: clamp(-40px, 3vw, 80px) !important;
  font-size: clamp(4.5rem, 12vw, 14rem) !important;
  line-height: .85 !important;
  font-weight: 900 !important;
  letter-spacing: -.08em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.11) !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  user-select: none !important;
}

@media (max-width: 560px) {
  .hero .hero-word {
    display: none !important;
  }
}