/* =====================================================
   AMH V14 CINEMATIC PRO MAX
===================================================== */

.amh-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.16);
}

.amh-hero-cinematic-bg{
  position:absolute;
  inset:-36px;
  z-index:0;
  background-size:cover;
  background-position:var(--hero-pos, center center);
  background-repeat:no-repeat;
  filter:blur(24px) saturate(1.42) brightness(.72);
  transform:scale(1.18);
  opacity:1;
  transition:background-image .35s ease, filter .35s ease, transform .35s ease;
}

.amh-v14-cover-swap{
  animation:amhV14CoverSwap .62s ease both;
}

@keyframes amhV14CoverSwap{
  0%{opacity:.62;filter:blur(34px) saturate(1.8) brightness(.62);transform:scale(1.26)}
  100%{opacity:1;filter:blur(24px) saturate(1.42) brightness(.72);transform:scale(1.18)}
}

.amh-hero-noise{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--amh-v14-x, 72%) var(--amh-v14-y, 28%), var(--amh-v11-glow, rgba(217,164,75,.42)), transparent 24%),
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.15), transparent 25%),
    linear-gradient(90deg, rgba(5,10,20,.80) 0%, rgba(10,18,34,.58) 45%, rgba(10,18,34,.20) 100%);
  mix-blend-mode:normal;
}

.amh-v14-living-light{
  position:absolute;
  inset:-20%;
  z-index:2;
  pointer-events:none;
  background:
    conic-gradient(from 180deg at 50% 50%,
      transparent,
      var(--amh-v11-soft, rgba(217,164,75,.18)),
      transparent,
      rgba(255,255,255,.10),
      transparent
    );
  opacity:.55;
  filter:blur(18px);
  animation:amhV14LivingLight 16s linear infinite;
  mix-blend-mode:screen;
}

@keyframes amhV14LivingLight{
  from{transform:rotate(0deg) scale(1.08)}
  to{transform:rotate(360deg) scale(1.08)}
}

.amh-hero-left,
.amh-hero-right{
  position:relative;
  z-index:4;
}

.amh-name,
.amh-brand{
  text-shadow:
    0 14px 34px rgba(0,0,0,.42),
    0 0 34px var(--amh-v11-soft, rgba(217,164,75,.18));
}

.amh-artist-photo{
  box-shadow:
    0 22px 52px rgba(0,0,0,.35),
    0 0 44px var(--amh-v11-soft, rgba(217,164,75,.20)) !important;
  transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
}

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

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

.amh-discog-album.amh-v14-active,
.amh-discog-album.active{
  border-color:var(--amh-v11-main, #d9a44b) !important;
  background:
    linear-gradient(90deg, var(--amh-v11-soft, rgba(217,164,75,.14)), rgba(255,255,255,.92)) !important;
  box-shadow:
    0 14px 34px rgba(37,54,75,.16),
    0 0 0 4px var(--amh-v11-soft, rgba(217,164,75,.18)),
    0 0 34px var(--amh-v11-soft, rgba(217,164,75,.18)) !important;
}

body.dark .amh-discog-album.amh-v14-active,
body.dark .amh-discog-album.active{
  background:
    linear-gradient(90deg, var(--amh-v11-soft, rgba(217,164,75,.16)), rgba(15,23,42,.96)) !important;
}

.amh-discog-album img{
  transition:transform .22s ease, filter .22s ease;
}

.amh-discog-album:hover img,
.amh-discog-album.amh-v14-active img,
.amh-discog-album.active img{
  transform:scale(1.055);
  filter:saturate(1.16);
}

.amh-selected-cover{
  border:1px solid rgba(255,255,255,.25);
  box-shadow:
    0 18px 42px rgba(30,45,70,.18),
    0 0 42px var(--amh-v11-soft, rgba(217,164,75,.18)) !important;
}

.amh-selected-title{
  letter-spacing:-.03em;
}

.amh-v14-title-pop{
  animation:amhV14TitlePop .28s ease both;
}

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

.amh-track:hover{
  background:var(--amh-v11-soft, rgba(217,164,75,.12)) !important;
  transform:translateX(3px);
}

.amh-similar-card:hover,
.amh-reco-card:hover{
  border-color:var(--amh-v11-main, #d9a44b) !important;
  box-shadow:
    0 16px 32px rgba(37,54,75,.14),
    0 0 28px var(--amh-v11-soft, rgba(217,164,75,.18)) !important;
}

@media(max-width:760px){
  .amh-v14-living-light{opacity:.35;filter:blur(24px)}
  .amh-hero-cinematic-bg{filter:blur(22px) saturate(1.25) brightness(.74)}
}