/* Homepage V2 — orchestration (section CSS linked by HomeController) */

/* HOMEPAGE FEATURE SCOPE: FROZEN — no new effects / systems below this line */
/* Header backdrop — header-scroll.js (inline style on [data-site-header]) */

.page-home .site-main {
  /* Keep visible so fracture sticky pin works */
  overflow: visible;
}

.page-home .page-section {
  padding-block: var(--space-section);
}

.page-home .page-section--breath {
  padding-block: var(--space-section-tight);
}

.page-home .section-header {
  margin-bottom: clamp(1.75rem, 4vw, 3rem);
}

.page-home .section-header__title {
  font-size: var(--text-section);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 0.95;
  max-width: 12ch;
}

.page-home .section-header__label {
  color: var(--color-titanium);
  letter-spacing: 0.22em;
}

.page-home .section-header__text {
  max-width: 34ch;
  color: var(--color-smoke);
  font-size: var(--text-base);
  line-height: 1.55;
}

.page-home .home-section-link {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  margin-top: clamp(2rem, 5vw, 3rem);
  color: var(--color-titanium);
  font-size: var(--text-xs);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transition: color var(--motion-fast) var(--ease-physical);
}

.page-home .home-section-link::after {
  content: "";
  width: 1.5rem;
  height: 1px;
  background: currentColor;
  transition: width var(--motion-fast) var(--ease-physical);
}

.page-home .home-section-link:hover {
  color: var(--color-magma);
}

.page-home .home-section-link:hover::after {
  width: 2.25rem;
}

.page-home #artist {
  position: relative;
  overflow: hidden;
}

.page-home #gallery {
  position: relative;
  overflow: hidden;
}

.page-home #press {
  overflow: hidden;
}

.page-home .hero {
  margin-bottom: 0;
}

.page-home #artist {
  margin-top: 0;
}

/* Media hover polish on homepage */
.page-home .music-card__art img {
  transition: transform var(--motion-slow) var(--ease-out), filter var(--motion-slow) var(--ease-out);
}

@media (hover: hover) and (pointer: fine) {
  .page-home .music-card:hover .music-card__art img {
    transform: scale(1.02);
    filter: brightness(1.03);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .music-card__art img {
    transition: none;
  }
}