/* ============================================================================
   WRETCHED RHYTHMS — horrordelic.css (v1.0.0)
   Feature page: /horrordelic.html — affiliated-facility tribute page.
   Requires main.css + artists.css to be loaded first (reuses .aph-* / .spec /
   .tag / .hero-tag components from those files).
   ============================================================================ */

/* red-forward accent on this page only — a nod to Horrordelic's own palette
   without leaving Wretched Rhythms' existing token set. */
.hd-body .aph-id,
.hd-body .sec-no{ color:var(--blood-text); border-color:var(--blood); }
.hd-body .aph-hero{ background:linear-gradient(160deg,#140a0a 0%,#1c0e09 100%); }

/* ── roster grid (curated specimen list, mirrors their own artist/dj split) ── */
.hd-roster-group{ margin-bottom:1.8rem; }
.hd-roster-group:last-child{ margin-bottom:0; }
.hd-roster-label{
  font-family:'Space Mono',monospace; font-size:.65rem; letter-spacing:.28em;
  text-transform:uppercase; color:var(--ash-dim); margin:0 0 .8rem;
}
.hd-roster-grid{ display:flex; flex-wrap:wrap; gap:.6rem; padding:0; margin:0; list-style:none; }
.hd-roster-item{
  display:inline-flex; align-items:center; gap:.5rem;
  border:1px solid #2a2c22; padding:.5rem .9rem;
  font-family:'Space Mono',monospace; font-size:.75rem; letter-spacing:.05em;
  color:var(--ash); background:rgba(255,255,255,.02);
  text-decoration:none; cursor:pointer; transition:border-color .15s, color .15s;
}
.hd-roster-item:hover{ border-color:var(--blood-bright); color:var(--blood-text); }
.hd-roster-more{ font-size:.8rem; color:var(--ash-dim); margin:1.4rem 0 0; }
.hd-roster-more a{ color:var(--blood-text); text-decoration:none; }
.hd-roster-more a:hover{ text-decoration:underline; }

/* ── dual-filed specimen card ─────────────────────────────────────────────── */
.hd-roster-single{ max-width:460px; }

/* ── release list ──────────────────────────────────────────────────────────── */
.hd-release-list{ display:flex; flex-direction:column; gap:1px; background:#1b1d15; list-style:none; padding:0; margin:0; }
.hd-release{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:1rem; background:var(--void-2); padding:1.1rem 1.4rem;
}
.hd-release-info{ min-width:0; }
.hd-release-title{
  font-family:'Anton',sans-serif; text-transform:uppercase; font-size:1.05rem;
  color:var(--ash); margin:0 0 .3rem; letter-spacing:.01em;
}
.hd-release-meta{
  font-family:'Space Mono',monospace; font-size:.68rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ash-dim);
}

/* ── outbound social row ─────────────────────────────────────────────────── */
.hd-social-row{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.6rem; }

/* ── their actual marks, treated as pinned evidence photos rather than
   live brand assets — light card stock so black ink stays legible against
   our near-black page, red pin accent to match the case-file tone.        ── */
.hd-hero-badge{
  background:#e7e2d3; border:1px solid rgba(0,0,0,.15);
  padding:.7rem .7rem .5rem; width:132px;
  box-shadow:0 6px 16px rgba(0,0,0,.5);
  transform:rotate(-2deg);
  align-self:flex-start;
  position:relative;
  margin-top:.4rem;
}
.hd-hero-badge::before{
  content:""; position:absolute; top:-7px; left:50%; transform:translateX(-50%);
  width:12px; height:12px; border-radius:50%;
  background:var(--blood-bright); box-shadow:0 2px 4px rgba(0,0,0,.5);
}
.hd-hero-badge img{ display:block; width:100%; height:auto; }

.hd-exhibit-strip{ display:flex; flex-wrap:wrap; gap:1.8rem; margin-top:2.2rem; }
.hd-exhibit{
  background:#e7e2d3; border:1px solid rgba(0,0,0,.15);
  padding:1rem 1rem .8rem; width:170px;
  box-shadow:0 8px 20px rgba(0,0,0,.45);
  position:relative;
}
.hd-exhibit:nth-child(odd){ transform:rotate(-2deg); }
.hd-exhibit:nth-child(even){ transform:rotate(1.5deg); }
.hd-exhibit::before{
  content:""; position:absolute; top:-8px; left:50%; transform:translateX(-50%);
  width:14px; height:14px; border-radius:50%;
  background:var(--blood-bright); box-shadow:0 2px 4px rgba(0,0,0,.5);
}
.hd-exhibit img{ display:block; width:100%; height:auto; }
.hd-exhibit-cap{
  font-family:'Space Mono',monospace; font-size:.6rem; letter-spacing:.14em;
  text-transform:uppercase; color:#3a3830; text-align:center; margin:.6rem 0 0;
}

/* ── mobile ─────────────────────────────────────────────────────────────── */
@media (max-width:760px){
  .hd-release{ flex-direction:column; align-items:flex-start; }
}