/* =========================================================
   PHASE 17: HOMEPAGE HERO MEDIA-ONLY CLEANUP
   Removes all hero copy/CTA overlays so the campus/brand image
   stays fully visible, especially on mobile screens.
   ========================================================= */

/* Safety: even if older cached HTML still contains these elements, hide them. */
.hp-hero__content,
.hp-hero__ticker,
.hp-hero__actions,
.hp-hero__kicker,
.hp-hero__title,
.hp-hero__sub,
.hp-btn-gold,
.hp-btn-ghost {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Keep the hero as a clean photographic section. */
.hp-hero {
  overflow: hidden !important;
  background: #05080f !important;
}

.hp-hero__shade {
  background:
    linear-gradient(180deg, rgba(5,8,15,.08) 0%, rgba(5,8,15,.16) 48%, rgba(5,8,15,.52) 100%) !important;
}

.heroGoldOrb {
  opacity: .22 !important;
}

/* Desktop/laptop: keep the premium scale, just remove blocking text. */
@media (min-width: 761px) {
  .hp-hero {
    min-height: min(820px, calc(100svh - 64px)) !important;
  }

  .hp-hero__media,
  #heroMedia {
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    width: 100% !important;
  }

  .heroFallback,
  .hp-hero__media img,
  .hp-hero__media video,
  .heroSlideMedia {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* Mobile: one clean image. No split visual, no text card, no buttons. */
@media (max-width: 760px) {
  .hp-hero {
    height: clamp(420px, 66svh, 620px) !important;
    min-height: 420px !important;
    max-height: 620px !important;
    margin-top: 0 !important;
    border-bottom: 1px solid rgba(230,199,102,.16) !important;
  }

  .hp-hero__media,
  #heroMedia {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #05080f !important;
  }

  .heroFallback,
  .hp-hero__media img,
  .hp-hero__media video,
  .heroSlideMedia {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: none !important;
    filter: saturate(.98) contrast(1.03) brightness(.86) !important;
  }

  .hp-hero__media::after {
    display: none !important;
    content: none !important;
  }

  .hp-hero__shade {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(5,8,15,.04) 0%, rgba(5,8,15,.05) 42%, rgba(5,8,15,.42) 100%) !important;
    pointer-events: none !important;
  }

  .heroGoldOrb,
  .heroGoldOrbOne,
  .heroGoldOrbTwo {
    display: none !important;
  }
}

@media (max-width: 430px) {
  .hp-hero {
    height: clamp(390px, 62svh, 560px) !important;
    min-height: 390px !important;
  }

  .heroFallback,
  .hp-hero__media img,
  .hp-hero__media video,
  .heroSlideMedia {
    object-position: center top !important;
  }
}