/* === Audio Works — Calder N. Halden === */
/* Works in tandem with author-base.css. Keep this file page-specific. */

.page-audio{
  --audio-red:#8d1515;
  --audio-wine:#3a1118;
  --audio-smoke:rgba(230,227,220,.74);
  --audio-panel:rgba(10,10,11,.70);
  --audio-panel-strong:rgba(12,12,15,.92);
}

.page-audio .audio-hero{
  background:
    radial-gradient(circle at 50% 30%, rgba(224,184,74,.10), transparent 48%),
    linear-gradient(180deg, #050506, #0a0a0b);
}

.page-audio .audio-hero .banner{
  width:100%;
  height:100%;
  object-fit:cover;
  max-width:none;
}

.audio-page{
  max-width:1050px;
}

.audio-intro h1{
  margin:.15rem 0 .7rem;
  font-family:"Cinzel Decorative", serif;
  color:var(--gold);
  font-size:clamp(2rem, 5vw, 4.2rem);
  letter-spacing:.04em;
  text-shadow:0 0 18px rgba(0,0,0,.9);
}

.audio-eyebrow,
.audio-kicker{
  margin:0 0 .35rem;
  font-family:"Unica One", system-ui, sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold);
}

.audio-lede{
  max-width:760px;
  margin-left:auto !important;
  margin-right:auto !important;
  font-size:clamp(1.05rem, 2vw, 1.24rem);
  color:#f0ead7;
}

.audio-anchor-quote{
  max-width:760px;
  margin:1.25rem auto 0 !important;
  padding:1rem 1.1rem;
  border-top:1px solid rgba(224,184,74,.32);
  border-bottom:1px solid rgba(224,184,74,.22);
  color:#f0ead7;
  font-size:1.08rem;
  font-style:italic;
}

.audio-player-box{
  margin-top:22px;
}

.audio-album-embed{
  padding:0 18px 22px;
}

.audio-album-embed iframe,
.audio-embed iframe,
.audio-video iframe{
  display:block;
  width:100%;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:#000;
  box-shadow:0 12px 34px rgba(0,0,0,.36);
}

.audio-tool-note{
  margin:22px 0;
  border:1px solid rgba(224,184,74,.18);
  border-radius:14px;
  background:
    linear-gradient(135deg, rgba(58,17,24,.62), rgba(10,10,11,.88)),
    radial-gradient(circle at 22% 0%, rgba(224,184,74,.12), transparent 42%);
  box-shadow:0 0 20px #0006;
  overflow:hidden;
}

.audio-tool-note-inner{
  padding:24px 22px;
  text-align:center;
}

.audio-tool-note h2{
  margin:0 0 .8rem;
  color:var(--gold);
  font-family:"Cinzel Decorative", serif;
  font-size:clamp(1.1rem, 2.6vw, 1.55rem);
}

.audio-quote-rotator{
  min-height:84px;
  transition:opacity .26s ease;
}

.audio-quote-rotator.is-changing{
  opacity:.15;
}

.audio-quote-rotator blockquote{
  border-left:0;
  padding:0;
  color:#f0ead7;
}

.audio-quote-rotator p{
  margin:0 auto;
  max-width:760px;
  font-size:clamp(1rem, 2vw, 1.18rem);
  font-style:italic;
}

.audio-track-list{
  display:grid;
  gap:22px;
}

.audio-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), transparent),
    var(--audio-panel);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 0 20px #0007;
  overflow:hidden;
}

.audio-card-head{
  padding:26px 22px 12px;
  text-align:center;
}

.audio-card-head h2{
  margin:.15rem 0 .45rem;
  color:var(--gold);
  font-family:"Cinzel Decorative", serif;
  letter-spacing:.035em;
  font-size:clamp(1.45rem, 3vw, 2.25rem);
}

.audio-card-head p:not(.audio-kicker){
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
  color:rgba(230,227,220,.92);
}

.audio-embed{
  padding:0 18px 18px;
}

.audio-related{
  margin:0 18px 18px;
  padding:14px 16px;
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(0,0,0,.22);
}

.audio-related p{
  margin:.25rem 0 0;
  color:var(--muted);
  font-size:.95rem;
}

.audio-mini-link,
.audio-status{
  flex:0 0 auto;
  font-family:"Unica One", system-ui, sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  border-radius:999px;
  padding:8px 12px;
  font-size:.82rem;
}

.audio-mini-link{
  color:var(--bg-0);
  background:var(--gold);
  box-shadow:0 0 12px rgba(224,184,74,.22);
}

.audio-mini-link:hover,
.audio-mini-link:focus-visible{
  background:#f0cf67;
  outline:none;
  box-shadow:0 0 18px rgba(224,184,74,.42);
}

.audio-status{
  color:rgba(224,184,74,.92);
  border:1px solid rgba(224,184,74,.25);
  background:rgba(224,184,74,.06);
}

.audio-video{
  margin:0 18px 18px;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(0,0,0,.24);
}

.audio-video h3{
  margin:0 0 .3rem;
  color:var(--gold);
  font-family:"Unica One", system-ui, sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.audio-note{
  margin:.2rem 0 .8rem;
  color:var(--muted);
  font-size:.95rem;
}

.audio-lyrics{
  margin:0 18px 18px;
}

.lyrics-panel{
  max-height:520px;
  overflow:auto;
}

.lyrics-panel pre{
  margin:0;
  white-space:pre-wrap;
  word-wrap:break-word;
  color:#e9e4da;
  font-family:"IBM Plex Serif", ui-serif, Georgia, "Times New Roman", serif;
  font-size:1rem;
  line-height:1.62;
}

.audio-rights{
  margin:0;
  padding:0 22px 22px;
  color:var(--muted);
  font-size:.88rem;
  text-align:center;
}

.audio-production-note{
  margin-top:22px;
}

.audio-production-note h2{
  color:var(--gold);
  font-family:"Cinzel Decorative", serif;
  text-align:center;
}

.audio-production-note p{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}

.home-audio-ribbon{
  margin:22px 0;
  border:1px solid rgba(224,184,74,.22);
  border-radius:14px;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(141,21,21,.25), rgba(10,10,11,.92)),
    radial-gradient(circle at 0% 50%, rgba(224,184,74,.18), transparent 42%);
  box-shadow:0 0 20px #0006;
}

.home-audio-ribbon a{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
  padding:22px;
  color:var(--ink);
  text-decoration:none;
}

.home-audio-ribbon h2{
  margin:0 0 .3rem;
  color:var(--gold);
  font-family:"Cinzel Decorative", serif;
  letter-spacing:.04em;
}

.home-audio-ribbon p{
  margin:0;
  color:rgba(230,227,220,.9);
}

.home-audio-ribbon .home-audio-cta{
  font-family:"Unica One", system-ui, sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--bg-0);
  background:var(--gold);
  border-radius:999px;
  padding:9px 14px;
  white-space:nowrap;
}

.home-audio-ribbon a:hover .home-audio-cta,
.home-audio-ribbon a:focus-visible .home-audio-cta{
  background:#f0cf67;
  box-shadow:0 0 16px rgba(224,184,74,.38);
}

@media (max-width:820px){
  .page-audio .audio-hero{
    height:clamp(180px, 34vh, 320px);
  }

  .audio-related{
    align-items:flex-start;
    flex-direction:column;
  }

  .audio-mini-link,
  .audio-status{
    width:calc(100% - 24px);
    text-align:center;
  }

  .home-audio-ribbon a{
    grid-template-columns:1fr;
    text-align:center;
  }

  .home-audio-ribbon .home-audio-cta{
    justify-self:center;
  }
}

@media (prefers-reduced-motion: reduce){
  .audio-quote-rotator{
    transition:none;
  }
}