/* Scroll reveals are staged only after the observer is successfully created. */
@media (prefers-reduced-motion: no-preference) {
  .motion-pending { opacity: 0; }
  .motion-pending:focus-within { opacity: 1; }
  .primary,.contact-status,.artist-link,.music-listen>summary,.music-service,.social-card {
    transition: background-color .22s ease, border-color .22s ease, color .22s ease, translate .22s ease;
  }
  .listen-chevron { transition: transform .22s ease; }
  @media (hover: hover) and (pointer: fine) {
    .primary:hover,.contact-status:hover,.artist-link:hover { translate: 0 -2px; }
    .music-service:hover { translate: 3px 0; }
    .social-card:hover .social-action { translate: 2px -2px; }
    .social-action { transition: translate .22s ease, background-color .22s ease, border-color .22s ease; }
  }
  .primary:active,.contact-status:active,.artist-link:active { translate: 0 1px; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-pending { opacity: 1 !important; }
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation: none !important; transition: none !important; }
}
@media print {
  .motion-pending { opacity: 1 !important; }
  *,*::before,*::after { animation: none !important; transition: none !important; }
}