/* Content styles for the static AntTheVillain pages.
   The header, footer and background come from the real site (atv-site.css + rendered components).
   Values below copy the About page exactly: max-w-6xl container, Orbitron gradient title,
   text-3xl purple-300 headings, text-lg purple-200/90 body, p-8 rounded-lg gradient cards. */
.atv-page{min-height:100vh;padding:96px 16px 96px}
.atv-wrap{max-width:72rem;margin:0 auto}
.atv-head{margin-bottom:2rem}
.atv-head h1{font-size:3rem;line-height:1;margin:0 0 .75rem;letter-spacing:.05em;text-transform:uppercase;font-family:Orbitron,sans-serif;font-weight:400;
  background:linear-gradient(135deg,#6C1FFF 0%,#B266FF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-wrap:balance}
@media (max-width:640px){.atv-head h1{font-size:2.25rem;line-height:1.1}}
.atv-sub{color:color-mix(in oklab,var(--color-purple-400,#c084fc) 80%,transparent);letter-spacing:.025em;font-size:1.125rem;margin:0}
.atv-sub a{color:inherit}
.atv-stack{display:flex;flex-direction:column;gap:2rem}
.atv-card{padding:2rem;border-radius:10px;background:linear-gradient(135deg,rgba(108,31,255,.08) 0%,rgba(178,102,255,.08) 100%);border:1px solid rgba(108,31,255,.3);
  color:color-mix(in oklab,var(--color-purple-200,#e9d5ff) 90%,transparent);font-size:1.125rem;line-height:1.625}
@media (max-width:640px){.atv-card{padding:1.5rem}}
.atv-card h2{font-size:1.875rem;line-height:1.2;letter-spacing:.05em;color:var(--color-purple-300,#d8b4fe);margin:0 0 1.5rem;font-weight:400;text-transform:uppercase;text-wrap:balance}
.atv-card p{margin:0}
.atv-card p+p,.atv-card p+ul,.atv-card p+ol,.atv-card ul+p,.atv-card ol+p,.atv-card blockquote+p,.atv-card p+blockquote,.atv-card .atv-stats+p,.atv-card p+.atv-btns{margin-top:1rem}
.atv-card a{color:#B266FF}
.atv-card a:hover{color:#d8b4fe;text-decoration:underline}
.atv-card strong{color:#fff;font-weight:600}
.atv-card ul,.atv-card ol{padding-left:1.4rem;display:flex;flex-direction:column;gap:.35rem}
.atv-card ul{list-style:disc}.atv-card ol{list-style:decimal}
.atv-card ol li{color:color-mix(in oklab,var(--color-purple-200,#e9d5ff) 75%,transparent)}
.atv-meta{color:color-mix(in oklab,var(--color-purple-400,#c084fc) 60%,transparent);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;margin:-1rem 0 1rem!important}
.atv-card blockquote{margin:0;padding:.75rem 1rem;border-left:3px solid #B266FF;background:rgba(108,31,255,.1);border-radius:0 8px 8px 0;color:#f3e8ff}
.atv-card .lyrics{white-space:pre-line;border-left:3px solid #B266FF;padding-left:1rem}
/* Stat boxes: identical to the About page ORIGIN / BASED boxes */
.atv-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media (min-width:768px){.atv-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.atv-stat{padding:1rem;border-radius:10px;text-align:center;background:rgba(108,31,255,.1);border:1px solid rgba(108,31,255,.3)}
.atv-stat .k{color:color-mix(in oklab,var(--color-purple-400,#c084fc) 60%,transparent);font-size:.875rem;margin-bottom:.25rem}
.atv-stat .v{color:#fff}
/* Two column grid of cards (releases, press) */
.atv-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}
@media (min-width:768px){.atv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.atv-grid .atv-card h2{font-size:1.5rem;margin-bottom:.75rem}
/* Buttons: same look as the site's Sign In button */
.atv-btns{display:flex;flex-wrap:wrap;gap:.75rem}
.atv-btn{display:inline-flex;align-items:center;padding:.5rem .9rem;background:rgba(108,31,255,.12);border:1px solid rgba(108,31,255,.35);box-shadow:0 0 16px rgba(108,31,255,.2);
  color:#e9d5ff!important;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;border-radius:4px}
.atv-btn:hover{background:rgba(108,31,255,.28);color:#fff!important;text-decoration:none!important}
/* Artist card */
.atv-artist{display:grid;grid-template-columns:160px 1fr;gap:1.5rem;align-items:center}
.atv-artist img{width:160px;height:160px;object-fit:cover;border-radius:10px;border:1px solid rgba(108,31,255,.3);box-shadow:0 0 40px rgba(108,31,255,.4)}
.atv-artist h2{margin-bottom:.5rem}
@media (max-width:640px){.atv-artist{grid-template-columns:1fr;text-align:center}.atv-artist img{margin:0 auto}.atv-artist .atv-btns{justify-content:center}}
@keyframes floatBackground{0%{transform:translate(0,0)}100%{transform:translate(-100px,-100px)}}
@media (prefers-reduced-motion:reduce){.atv-float{animation:none!important}}
a:focus-visible{outline:2px solid #B266FF;outline-offset:3px}