html { scroll-behavior: smooth; }
* { box-sizing: border-box; }
body { margin: 0; background: #000; -webkit-font-smoothing: antialiased; }
a { color: #fff; }
a:hover { color: #C9B6FF; }
img, svg { display: block; }
[hidden] { display: none !important; }

.skip { position: absolute; left: -9999px; top: 8px; z-index: 100; padding: 10px 16px; border-radius: 999px; background: #7C3AED; color: #fff; font-weight: 700; }
.skip:focus { left: 8px; }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid #B9A2FF;
  outline-offset: 3px;
}
input:focus, textarea:focus { border-color: #7C3AED !important; outline: none; }

/* honeypot */
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* release filter pills */
.pill { background: #2A2A2D; color: #fff; transition: background .2s ease; }
.pill[aria-pressed="true"] { background: #7C3AED; }
.pill:hover { background: #3A3A3E; }
.pill[aria-pressed="true"]:hover { background: #6D28D9; }

/* featured list */
.feat-btn { color: #7A7A82; transition: color .2s ease; }
.feat-btn[aria-pressed="true"], .feat-btn:hover { color: #fff; }

/* carousel arrows */
.round { transition: background .2s ease, border-color .2s ease; }
.round:hover { background: #7C3AED !important; border-color: #7C3AED !important; }

#car-track { transition: transform .35s ease; }

/* gentle lift on cards */
#car-track > a, #rel-grid > a { transition: transform .25s ease; }
#car-track > a:hover, #rel-grid > a:hover { transform: translateY(-4px); }

button[type="submit"][disabled] { opacity: .6; cursor: wait; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}

/* small screens: let the header scroll away so it doesn't eat the screen */
@media (max-width: 640px) {
  header { position: static !important; }
}

/* ticker */
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.ticker { will-change: transform; }
@media (prefers-reduced-motion: reduce) { .ticker { animation: none !important; } }

/* FAQ */
summary::-webkit-details-marker { display: none; }
details > summary > span { transition: transform .2s ease; }
details[open] > summary > span { transform: rotate(45deg); }
details > summary:hover { color: #C9B6FF; }

/* download / email cards */
a[download], a[href^="mailto:"][style*="border-radius: 22px"] { transition: border-color .2s ease, transform .2s ease; }
a[download]:hover, a[href^="mailto:"][style*="border-radius: 22px"]:hover { border-color: #7C3AED !important; transform: translateY(-3px); }

/* compact header on phones: hide the Contact pill (Contact is in the footer + Listen stays) */
@media (max-width: 640px) {
  .hide-sm { display: none !important; }
}