/* ==========================================================================
   Club Copy OS — steel lock (v=st24)
   Loaded LAST. Kills Bondi / Aqua ice / cyan LCD even if an older
   aqua-world.css is still in a CDN cache (that file used !important ice fills).
   No blue fills. No home photo roster. Artists stays in nav.
   ========================================================================== */

:root,
html,
body,
body.zine-surface,
body.home-zine,
body.shop-page,
body.shop-ice,
body.surface-acetate,
body.news-listing,
body.hero-top,
body.archive-release,
body.surface-night {
  --ice: #E8E8E6;
  --ice-2: #D2D2D0;
  --pearl: #F4F4F2;
  --lcd: #C8C8C4;
  --lcd-ink: #1A1A1A;
  --lcd-sel: #2A2A28;
  --bondi: #9A9A96;
  --stamp: #B8B8B4;
  --led: #E4E4E0;
  --bg: #E8E8E6;
  --card: #F4F4F2;
  --card-solid: #F4F4F2;
  --soft: #D2D2D0;
  --line: rgba(40, 40, 40, .16);
  --ink: #1A1A1A;
  --muted: #5C5C5A;
  --dim: #7A7A78;
  --fill: rgba(40, 40, 40, .06);
  --zine-paper: #E8E8E6;
  --zine-paper-2: #D2D2D0;
  --zine-ink: #1A1A1A;
  --zine-muted: #5C5C5A;
  --zine-dim: #7A7A78;
  --zine-rule: rgba(40, 40, 40, .16);
  --zine-stamp: #B8B8B4;
  --zine-hi: #B8B8B4;
  --zine-cyan: #B8B8B4;
  --zine-ice: #B8B8B4;
  --zine-tape: rgba(168, 168, 164, .45);
  --zine-magenta: #5C5C5A;
  --zine-holo: linear-gradient(118deg, #c8c8c4 0%, #f4f4f2 42%, #b0b0ac 100%);
  --ra-bg: #E8E8E6;
  --ra-surface: #F4F4F2;
  --ra-surface-hi: #D2D2D0;
  --ra-ink: #1A1A1A;
  --ra-muted: #5C5C5A;
  --ra-dim: #7A7A78;
  --ra-line: rgba(40, 40, 40, .16);
  --ra-vfd: #C8C8C4;
  --ra-chrome: #C8C8C4;
  --aurora-a: 140, 140, 136;
  --aurora-b: 168, 168, 164;
  --aurora-c: 200, 200, 196;
  --folio-navy: #1A1A1A;
  --folio-navy-2: #222220;
  --folio-foil: #B8B8B4;
  --ipod-lcd: #c8c8c4;
  --ipod-lcd-ink: #1a1a1a;
}

html body.home-zine,
html body.home-zine.zine-surface,
html body.home-zine.hero-top,
html body.zine-surface:not(.archive-release):not(.surface-night),
html body.shop-page,
html body.news-listing,
html body.hero-top:not(.archive-release):not(.surface-night) {
  background:
    radial-gradient(780px 480px at 88% -8%, rgba(220, 220, 216, .55), transparent 58%),
    radial-gradient(640px 420px at 8% 10%, rgba(255, 255, 255, .72), transparent 52%),
    radial-gradient(520px 360px at 70% 100%, rgba(176, 176, 172, .16), transparent 55%),
    linear-gradient(180deg, #eeeeec 0%, #E8E8E6 42%, #d6d6d4 100%) !important;
  background-color: #E8E8E6 !important;
  color: #1A1A1A !important;
}

/* Homepage hero — brushed steel cove, not Bondi ice ---------------------- */
html body.home-zine .hero {
  --hero-ink: #111111;
  background:
    radial-gradient(ellipse 56% 42% at 36% 46%, rgba(255,255,255,.92), transparent 62%),
    radial-gradient(ellipse 80% 55% at 72% 8%, rgba(236, 236, 234, .9), transparent 58%),
    linear-gradient(180deg, #eeeeec 0%, #d4d4d2 38%, #c8c8c4 72%, #b4b4b0 100%) !important;
  color: #111111 !important;
}
html body.home-zine .hero::before {
  background:
    linear-gradient(118deg,
      rgba(210,210,206,.28) 0%,
      rgba(236,236,232,.1) 34%,
      rgba(255,255,255,.2) 52%,
      rgba(200,200,196,.12) 78%,
      rgba(176,176,172,.18) 100%);
}
html body.home-zine .hero::after {
  background: radial-gradient(ellipse 90% 70% at 50% 40%, transparent 48%, rgba(90, 90, 88, .16) 100%);
}
html body.home-zine .hero-ground {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 28%, rgba(196, 196, 192, .55) 100%);
}
html body.home-zine .nav,
html body.home-zine .nav.scrolled,
html body.home-zine.hero-top .nav,
html body.home-zine.hero-top .nav.scrolled {
  background: #E8E8E6 !important;
  border-bottom: 1px solid rgba(40, 40, 40, .16) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Listening plate — record object, not a Click Wheel replica ------------- */
html body.home-zine .hero.plate-hero {
  min-height: 0 !important;
  display: block !important;
  place-items: unset;
}
html body.home-zine .plate-hero .hero-stage {
  display: block !important;
  width: min(1080px, calc(100% - 40px)) !important;
  min-height: 0 !important;
  margin: 0 auto;
  padding: calc(var(--nav-h) + var(--safe-t) + 32px) 0 calc(36px + var(--ticker-h, 32px));
  text-align: left;
}
html body.home-zine .plate-hero .hero-lockup {
  text-align: left;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  overflow: visible !important;
}

/* Plate type lock — kill zine gothic / uppercase flyer on the first screen */
html body.home-zine .plate-hero .hero-lockup-kicker,
html body.home-zine .plate-hero .hero-lockup-artist,
html body.home-zine .plate-hero .hero-lockup-artist a,
html body.home-zine .plate-hero .hero-lockup-title,
html body.home-zine .plate-hero .hero-lockup-title a {
  text-transform: none !important;
}
html body.home-zine .plate-hero .hero-lockup-kicker {
  font-family: "IBM Plex Mono", ui-monospace, monospace !important;
  font-weight: 400 !important;
  letter-spacing: .08em !important;
}
html body.home-zine .plate-hero .hero-lockup-artist,
html body.home-zine .plate-hero .hero-lockup-artist a {
  font-family: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
}
html body.home-zine .plate-hero .hero-lockup-title,
html body.home-zine .plate-hero .hero-lockup-title a {
  font-family: Oswald, "Arial Narrow", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -.03em !important;
}
html body.home-zine .plate-hero .listen-plate-actions .btn,
html body.home-zine .plate-hero .listen-plate-actions .btn-fill,
html body.home-zine .plate-hero .listen-plate-actions .btn-ghost,
html body.home-zine .plate-hero .listen-plate-actions .btn-text {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-radius: 2px !important;
  min-height: 44px;
  height: 44px;
  padding: 0 16px;
}
html body.home-zine .plate-hero .listen-plate-actions .btn-fill,
html body.home-zine .plate-hero .listen-plate-actions .btn.btn-fill {
  background: #1a1a1a !important;
  color: #f4f4f2 !important;
  border: 1px solid #1a1a1a !important;
  box-shadow: none !important;
}
html body.home-zine .plate-hero .listen-plate-actions .btn-ghost {
  background: transparent !important;
  color: #1a1a1a !important;
  border: 1px solid rgba(40, 40, 40, .28) !important;
}
html body.home-zine .plate-hero .listen-plate-actions a.btn-text {
  display: inline-flex;
  align-items: center;
  height: auto;
  min-height: 44px;
  padding: 0 4px;
  background: none !important;
  border: 0 !important;
  color: #1a1a1a !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (hover: hover) {
  html body.home-zine .plate-hero .listen-plate-actions .btn-fill:hover,
  html body.home-zine .plate-hero .listen-plate-actions .btn.btn-fill:hover {
    background: #111 !important;
    color: #f4f4f2 !important;
  }
  html body.home-zine .plate-hero .listen-plate-actions .btn-ghost:hover {
    background: rgba(26, 26, 26, .06) !important;
    color: #1a1a1a !important;
  }
}
html body.home-zine .plate-hero .hero-post,
html body.home-zine .plate-hero .hero-scene,
html body.home-zine .plate-hero .hero-booth,
html body.home-zine .plate-hero .hero-platter {
  display: none !important;
}

/* Photo roster stays off home. Roster lives on /artists. Artists stays in nav. */
html body.home-zine .home-artists,
html body.home-zine #artists.home-artists,
html body.home-zine .home-roster,
html body.home-zine section#artists {
  display: none !important;
}

/* Graphite floors instead of navy-blue Instagram / Record Club ----------- */
html body.home-zine .ig-feed,
html body.home-zine .club-join--luxe,
html body.home-zine .club-luxe {
  --folio-navy: #1A1A1A;
  --folio-navy-2: #222220;
  --folio-foil: #B8B8B4;
}
html body.home-zine .ig-feed {
  background: #1A1A1A;
}
html body.home-zine .ig-card {
  background: #111111;
}

/* Object release pages — steel, not a second dark brand -------------------- */
html body.archive-release.release-object {
  background: #e8e8e6 !important;
  color: #1a1a1a !important;
}
html body.archive-release.release-object .nav,
html body.archive-release.release-object .nav.scrolled {
  background: #e8e8e6;
  border-bottom: 1px solid rgba(40, 40, 40, .18);
  box-shadow: none;
}
html body.archive-release.release-object .nav-links a {
  color: #1a1a1a;
}
html body.archive-release.release-object .nav-links a:hover,
html body.archive-release.release-object .nav-links a[aria-current="page"] {
  color: #1a1a1a;
  background: #b8b8b4;
}
html body.archive-release.release-object .nav-cart,
html body.archive-release.release-object .nav-ham span {
  color: #1a1a1a;
}
html body.archive-release.release-object .nav-ham span { background: #1a1a1a; }
html body.archive-release.release-object .nav-cart { color: #1a1a1a; background: transparent; }
html body.archive-release.release-object .ra-hero {
  background: transparent;
}
html body.archive-release.release-object .ra-hero-ambient {
  filter: blur(48px) saturate(.6) brightness(1.1);
  opacity: .35;
}
html body.archive-release.release-object .ra-hero-ambient::after {
  background:
    radial-gradient(ellipse 70% 60% at 50% 40%, rgba(232,232,230,.2), rgba(232,232,230,.92) 70%);
}
html body.archive-release.release-object .ra-hero-title,
html body.archive-release.release-object .ra-hero-meta,
html body.archive-release.release-object .ra-hero-facts,
html body.archive-release.release-object .ra-hero-info,
html body.archive-release.release-object .crumbs,
html body.archive-release.release-object .ra-head h2,
html body.archive-release.release-object .track-title,
html body.archive-release.release-object .ra-notes,
html body.archive-release.release-object .ra-specs,
html body.archive-release.release-object .ra-about,
html body.archive-release.release-object .ra-tracks-note {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  background: none !important;
  background-image: none !important;
}
html body.archive-release.release-object .ra-hero-title {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  filter: none !important;
}
html body.archive-release.release-object .ra-hero .crumbs a {
  color: #5c5c5a !important;
  -webkit-text-fill-color: #5c5c5a !important;
}
html body.archive-release.release-object .btn-light {
  background: #1a1a1a;
  color: #f4f4f2;
  -webkit-text-fill-color: #f4f4f2;
  border-color: #1a1a1a;
}
html body.archive-release.release-object .btn-ghost {
  background: transparent;
  color: #1a1a1a;
  -webkit-text-fill-color: #1a1a1a;
  border: 1px solid rgba(40,40,40,.28);
}
html body.archive-release.release-object .ra-deck,
html body.archive-release.release-object .release-console {
  display: none !important;
}
html body.archive-release.release-object .ra-section,
html body.archive-release.release-object .ra-wrap,
html body.archive-release.release-object .footer {
  color: #1a1a1a;
}
html body.archive-release.release-object .scarce {
  color: #3d6b2e;
  -webkit-text-fill-color: #3d6b2e;
}
html body.archive-release.release-object .ra-cover,
html body.archive-release.release-object .listen-sleeve {
  box-shadow: 0 18px 40px rgba(26, 26, 26, .18);
}