/* ---------------- HERO ---------------- */
.hero-section {
  padding-top: 120px;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.hero-image {
  position: absolute;
  top: -120px;
  left: 50%;
  width: 100%;
  max-width: 1600px;
  transform: translateX(-50%) scale(1.2);
  transition: opacity .3s ease;
  will-change: transform, opacity;
  z-index: 1;
}

/* REMOVE ANY OLD GENRE TEXT BLOCK */
.hero-genre-text {
  display: none;
}

/* ---------------- STATIC TAGLINE UNDER TITLE ---------------- */
/* Independent from the shrinking animation. */

.hero-section::after {
  content: "Ska • Rocksteady • Reggae";
  position: absolute;

  top: 390px; /* vertical position */
  left: 50%;
  transform: translateX(-40%); /* nudged slightly to the right */

  font-size: 28px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 3px;
  white-space: nowrap;

  text-shadow: 0 0 12px rgba(0,0,0,0.7);
  pointer-events: none;
  z-index: 5;
}