/* =====================================================
   AMH V10 CINEMATIC — Spotify / Apple Music style
===================================================== */

.amh-hero{
  overflow:hidden;
  isolation:isolate;
}

.amh-hero::before{
  content:'';
  position:absolute;
  inset:-40%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at calc(50% + (var(--amh-v10-mx,0) * 20%)) calc(50% + (var(--amh-v10-my,0) * 20%)), rgba(240,212,122,.22), transparent 28%),
    radial-gradient(circle at 80% 20%, rgba(96,165,250,.16), transparent 25%);
  opacity:.9;
  transition:.25s ease;
}

.amh-hero-cinematic-bg{
  will-change:transform, filter, opacity;
}

.amh-v10-bg-pulse{
  animation:amhV10BgPulse .52s ease both;
}

@keyframes amhV10BgPulse{
  0%{opacity:.75;filter:blur(22px) saturate(1.35) brightness(.70);transform:scale(1.18)}
  100%{opacity:1;filter:blur(18px) saturate(1.2) brightness(.78);transform:scale(1.12)}
}

.amh-v10-light-sweep{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  overflow:hidden;
  mix-blend-mode:screen;
}

.amh-v10-light-sweep::after{
  content:'';
  position:absolute;
  top:-40%;
  left:-30%;
  width:28%;
  height:180%;
  transform:rotate(18deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  animation:amhV10Sweep 8s ease-in-out infinite;
}

@keyframes amhV10Sweep{
  0%,72%{left:-35%;opacity:0}
  78%{opacity:.7}
  100%{left:120%;opacity:0}
}

.amh-artist-photo{
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
  will-change:transform;
}

.amh-artist-photo:hover{
  box-shadow:
    0 24px 54px rgba(0,0,0,.28),
    0 0 40px rgba(217,164,75,.18);
}

.amh-discog-album{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.amh-discog-album:hover{
  transform:translateX(3px);
}

.amh-discog-album.v10-active-glow,
.amh-discog-album.active{
  border-color:rgba(217,164,75,.70) !important;
  box-shadow:
    0 14px 34px rgba(37,54,75,.15),
    0 0 0 4px rgba(217,164,75,.10);
  background:linear-gradient(90deg, rgba(217,164,75,.10), rgba(255,255,255,.94));
}

body.dark .amh-discog-album.v10-active-glow,
body.dark .amh-discog-album.active{
  background:linear-gradient(90deg, rgba(251,191,36,.12), rgba(15,23,42,.95));
}

.amh-v10-title-pop{
  animation:amhV10TitlePop .24s ease both;
}

@keyframes amhV10TitlePop{
  from{opacity:.55;transform:translateY(6px)}
  to{opacity:1;transform:none}
}

.amh-reco-box{
  position:relative;
  overflow:hidden;
}

.amh-reco-box::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 0%, rgba(217,164,75,.12), transparent 28%),
    radial-gradient(circle at 90% 15%, rgba(109,137,180,.12), transparent 30%);
}

.amh-reco-grid,
.amh-reco-box h3{
  position:relative;
  z-index:1;
}

.amh-reco-card{
  transform:translateZ(0);
}

.amh-reco-card img{
  transition:transform .24s ease, filter .24s ease;
}

.amh-reco-card:hover img{
  transform:scale(1.045);
  filter:saturate(1.12);
}

.amh-app-fade .amh-hero,
.amh-app-fade .amh-panel{
  animation:amhV10PanelIn .28s ease both;
}

@keyframes amhV10PanelIn{
  from{opacity:.75;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

@media(max-width:760px){
  .amh-v10-light-sweep::after{display:none}
  .amh-discog-album:hover{transform:none}
}