/* ---------- головна: обкладинка (зліва) + віджет плеєра (справа) ---------- */
.home {
  position: relative; min-height: 0;
  display: flex; justify-content: center; align-items: stretch;
  gap: clamp(24px, 3.4vw, 72px);
  margin: 0 var(--gutter);
}
.hero {
  position: relative; min-width: 0; min-height: 0; overflow: hidden;
  flex: 0 1 auto; height: 100%;
  aspect-ratio: var(--hero-ratio, 1.41);
}
.hero__img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: contain;
  opacity: 0; transition: opacity .8s var(--ease);
}
.hero__img.is-ready { opacity: 1; }
/* обкладинка вибраного треку лежить поверх титульної й проявляється плавно */
.hero__img--track { opacity: 0; visibility: hidden; transition: opacity .5s var(--ease), visibility 0s .5s; }
.hero.has-track .hero__img--track { opacity: 1; visibility: visible; transition-delay: 0s; cursor: zoom-in; }
.hero.has-track .hero__img:not(.hero__img--track) { opacity: 0; }