/* ==========================================================================
   Y2K RETRO COMPUTER HERO — ZERO EMPTY GAP
   ========================================================================== */

/* ===== HERO BASE ===== */
.slide1-hero,
.hero.slide1-hero {
  position: relative !important;
  width: 100% !important;
  min-height: auto !important;
  height: auto !important;
  background-color: #FAF5F7 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 8px 0 0 0 !important;
  margin: 0 !important;
}

/* ===== IMAGE WRAPPER ===== */
.hero-img-wrap {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: 1200px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  animation: heroFadeIn 0.8s ease-out;
}

.hero-retro-img {
  width: 100% !important;
  height: auto !important;
  max-height: 80vh !important;
  display: block !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

@keyframes heroFadeIn {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
  .slide1-hero,
  .hero.slide1-hero {
    padding-top: 4px !important;
    min-height: auto !important;
  }
  .hero-retro-img {
    max-height: 65vh !important;
  }
}