:root{--bg:#101014;--paper:#e8dfd0;--ink:#1c1915;--panel:#1b1b22;--text:#f7f0e5;--muted:#b8b0a4;--line:#373743;--accent:#b86b45;--accent2:#d59a72;--max:1180px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(184,107,69,.16),transparent 33rem),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent2)}
.header{position:sticky;top:0;background:rgba(16,16,20,.9);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);z-index:10}.nav{max-width:var(--max);margin:auto;padding:1.05rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.brand{font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:1.1rem}.links{display:flex;gap:.7rem;flex-wrap:wrap}.links a{font-size:1.04rem;font-weight:850;padding:.45rem .65rem;border-radius:.7rem;color:var(--text)}.links a:hover{background:rgba(184,107,69,.20);color:#fff}
.hero,.section,.detail{max-width:var(--max);margin:auto;padding:3rem 1rem}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding-top:5rem}h1{font-size:clamp(2.7rem,8vw,6.5rem);line-height:.9;letter-spacing:-.07em;margin:.2rem 0 1rem}h2{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em;margin:0 0 1rem}.subhead{font-size:1.2rem;letter-spacing:0;margin:1.4rem 0 .75rem}.muted{color:var(--muted)}
.searchbar{display:flex;gap:.6rem;margin-top:1.3rem}.searchbar input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);border-radius:999px;padding:1rem 1.1rem;font-size:1rem}.btn{border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:900;padding:1rem 1.2rem;cursor:pointer}
.hero-card,.panel,.form-card{border:1px solid var(--line);border-radius:1.4rem;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));padding:1.2rem;box-shadow:0 18px 70px rgba(0,0,0,.24)}.hero-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:1rem;display:block}
.feature-grid,.news-grid,.lyric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.list-card{border:1px solid var(--line);border-radius:1rem;background:rgba(255,255,255,.045);padding:1rem}.list-card h3{margin:.2rem 0}.meta{color:var(--muted);font-size:.86rem}
.toolbar,.archive-tools{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.pill{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);padding:.58rem .9rem;border-radius:999px;cursor:pointer;font-weight:800}.pill.active,.pill:hover{background:var(--accent);color:#fff}
.cover-grid,.media-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.cover-card,.media-card{overflow:hidden;border:1px solid var(--line);border-radius:1.1rem;background:rgba(255,255,255,.045);box-shadow:0 15px 50px rgba(0,0,0,.20)}.cover-art,.media-art{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,rgba(184,107,69,.22),rgba(213,154,114,.13));overflow:hidden}.cover-art img,.media-art img{width:100%;height:100%;object-fit:cover;display:block;transition:.22s}.cover-card:hover img,.media-card:hover img{transform:scale(1.045);filter:brightness(.76)}.placeholder{height:100%;display:grid;place-items:center;text-align:center;padding:1rem;color:var(--muted);font-weight:950;text-transform:uppercase;letter-spacing:.08em}.overlay{position:absolute;inset:0;display:grid;place-items:end start;padding:1rem;opacity:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.82));transition:.2s}.cover-card:hover .overlay,.media-card:hover .overlay{opacity:1}.overlay span{background:var(--accent);color:#fff;border-radius:999px;padding:.45rem .7rem;font-weight:900}.cover-info{padding:.9rem}.cover-info h3{font-size:1rem;margin:0 0 .3rem}.media-card .cover-info{display:none}.media-card{line-height:0}
.compilation-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.compilation-entry{display:grid;grid-template-columns:100px 1fr;gap:.8rem;align-items:start;border:1px solid var(--line);border-radius:.85rem;background:rgba(255,255,255,.045);padding:.7rem}.compilation-entry img{width:100px;height:100px;object-fit:cover;display:block;border-radius:.45rem;background:rgba(255,255,255,.04)}.compilation-entry-title{font-weight:900;line-height:1.15;margin-bottom:.25rem}.compilation-entry-lines{color:var(--muted);font-size:.84rem;line-height:1.28}.compilation-entry-lines span{display:block}
.album-meta-wrap{margin:1.2rem 0}.table-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:1rem;background:rgba(255,255,255,.045)}.album-meta{width:100%;border-collapse:collapse;min-width:420px}.album-meta th,.album-meta td{padding:.78rem .9rem;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.album-meta tr:last-child th,.album-meta tr:last-child td{border-bottom:0}.album-meta th{width:10rem;color:var(--accent2);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.archive-shell{border:1px solid rgba(232,223,208,.25);border-radius:1.4rem;background:linear-gradient(180deg,rgba(232,223,208,.08),rgba(232,223,208,.035));overflow:hidden}.museum-row{display:grid;grid-template-columns:9rem 1fr auto;gap:1.2rem;padding:1.15rem;border-bottom:1px solid rgba(232,223,208,.16);align-items:center}.museum-row:last-child{border-bottom:0}.museum-row:hover{background:rgba(232,223,208,.06)}.museum-type{font-family:Georgia,serif;color:var(--accent2);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:900}.museum-title{font-family:Georgia,serif;font-size:1.25rem;margin:.15rem 0}.museum-excerpt{color:var(--muted);font-size:.95rem}.museum-arrow{color:var(--accent2);font-weight:900;font-size:1.3rem}.archive-search{width:min(100%,34rem);border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);border-radius:999px;padding:.9rem 1rem}
.alpha-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0}.alpha-btn{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);border-radius:.65rem;padding:.42rem .62rem;font-weight:850;cursor:pointer}.alpha-btn.active,.alpha-btn:hover{background:var(--accent);color:#fff}.filter-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;margin:1rem 0}.filter-row input,.filter-row select{border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);border-radius:.8rem;padding:.85rem 1rem;font-size:1rem}.lyric-list{border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:rgba(255,255,255,.035)}.lyric-row{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.95rem 1rem;border-bottom:1px solid var(--line);align-items:center}.lyric-row:last-child{border-bottom:0}.lyric-row:hover{background:rgba(255,255,255,.06)}.lyric-title{font-weight:850}.media-count{color:var(--muted);margin:.35rem 0 1rem}
.detail-grid{display:grid;grid-template-columns:.42fr .58fr;gap:2rem;align-items:start}.detail-cover{width:100%;border-radius:1.2rem;border:1px solid var(--line);background:var(--panel)}.content{border:1px solid var(--line);border-radius:1.2rem;background:rgba(255,255,255,.045);padding:1.2rem;overflow-wrap:anywhere}.archive-content{background:var(--paper);color:var(--ink);border-radius:1.2rem;padding:clamp(1.2rem,3vw,2.2rem);font-family:Georgia,serif;font-size:1.08rem}.archive-content img,.content img{max-width:100%;height:auto;border-radius:.7rem}.fan-letter-content{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:clamp(.86rem,1.7vw,.98rem);line-height:1.45;overflow-x:auto}
.back{display:inline-block;margin-bottom:1rem;color:var(--accent2);font-weight:800}.form-grid{display:grid;gap:.8rem}.form-grid input,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:.8rem;background:rgba(255,255,255,.06);color:var(--text);padding:.85rem}.form-grid textarea{min-height:9rem}.footer{max-width:var(--max);margin:4rem auto 0;padding:2rem 1rem;border-top:1px solid var(--line);color:var(--muted)}
.image-viewer-page{max-width:var(--max);margin:0 auto;padding:2rem 1rem}.image-only-wrap{display:grid;place-items:center}.image-only-wrap img{max-width:min(100%,1100px);max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:1rem;border:1px solid var(--line);background:rgba(255,255,255,.04)}.variation-gallery{margin-top:1.25rem}.variation-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.variation-thumb{display:block;border:1px solid var(--line);border-radius:.85rem;overflow:hidden;background:rgba(255,255,255,.045);transition:transform .18s ease,background .18s ease;appearance:none;padding:0;cursor:pointer;color:inherit;text-align:left}.variation-thumb:hover{transform:translateY(-2px);background:rgba(255,255,255,.075)}.variation-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .2s ease}.variation-thumb:hover img{transform:scale(1.06)}.variation-thumb span{display:block;padding:.45rem .55rem;color:var(--muted);font-size:.78rem;line-height:1.2}.variation-thumb.expanded{grid-column:span 2;z-index:2;box-shadow:0 20px 70px rgba(0,0,0,.4)}.variation-thumb.expanded img{aspect-ratio:auto;height:auto;max-height:70vh;object-fit:contain;background:rgba(0,0,0,.25)}
@media(max-width:1000px){.compilation-catalog{grid-template-columns:1fr}}@media(max-width:960px){.cover-grid,.media-grid{grid-template-columns:repeat(3,1fr)}.hero,.detail-grid{grid-template-columns:1fr}.feature-grid,.news-grid,.lyric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.cover-grid,.media-grid{grid-template-columns:repeat(2,1fr)}.museum-row{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.links a{font-size:1rem}.album-meta{min-width:0}.album-meta,.album-meta tbody,.album-meta tr,.album-meta th,.album-meta td{display:block}.album-meta th{width:auto;border-bottom:0;padding-bottom:.2rem}.album-meta td{padding-top:.2rem}.album-meta tr{border-bottom:1px solid var(--line)}.cover-grid,.media-grid,.feature-grid,.news-grid,.lyric-grid{grid-template-columns:1fr}.compilation-entry{grid-template-columns:80px 1fr}.compilation-entry img{width:80px;height:80px}.variation-grid{grid-template-columns:repeat(2,1fr)}.variation-thumb.expanded{grid-column:span 1}}


.cover-info h3{margin-bottom:0}
#homeResults.archive-shell{margin-top:1rem}

.media-grid{grid-template-columns:repeat(4,1fr)}


.single-subsection{margin-top:2rem}
.single-subsection h3{font-size:clamp(1.35rem,2.5vw,2rem);margin:0 0 1rem;color:var(--accent2)}
#singles .cover-grid,#full-length .cover-grid{grid-template-columns:repeat(5,1fr);gap:1rem}
@media(max-width:960px){#singles .cover-grid,#full-length .cover-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){#singles .cover-grid,#full-length .cover-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){#singles .cover-grid,#full-length .cover-grid{grid-template-columns:1fr}}


/* v1-14-card-style-fix */
.single-subsection h3,
.solo-subsection h3 {
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
  margin: 0 0 1rem;
  color: var(--text) !important;
}
.solo-subsection {
  margin-top: 2rem;
}
.cover-info h3,
.compilation-entry-title,
.lyric-title,
.list-card h3 {
  color: var(--text) !important;
  font-size: .9rem;
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: 0;
}
.cover-info {
  min-height: 3.1rem;
  display: flex;
  align-items: flex-start;
}
.cover-info h3 {
  margin: 0;
}
.cover-card:hover .cover-info h3,
.media-card:hover .cover-info h3 {
  color: var(--text) !important;
}


.related-lyrics{margin-top:1.25rem;border:1px solid var(--line);border-radius:1rem;background:rgba(255,255,255,.045);padding:1rem}
.related-lyrics ul{columns:2;margin:.5rem 0 0;padding-left:1.2rem}
.related-lyrics a{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent2)}
@media(max-width:700px){.related-lyrics ul{columns:1}}


/* v1.17 lyric page formatting */
.lyric-detail article {
  max-width: 860px;
  margin: 0 auto;
}
.lyrics-content {
  text-align: center;
  padding: clamp(1.25rem, 3vw, 2.25rem);
}
.lyrics-content p {
  text-align: center !important;
  margin: 0 0 1.35rem;
}
.lyrics-content span {
  display: block;
}
.lyrics-content span[style*="Reenie"],
.lyrics-content span[style*="reenie"],
.lyrics-content p {
  font-family: "Reenie Beanie", "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;
  font-size: clamp(1.35rem, 3vw, 1.8rem) !important;
  line-height: 1.2;
}
.lyrics-content br {
  display: block;
  content: "";
  margin: .45rem 0;
}
.lyrics-content strong,
.lyrics-content b {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 1rem;
}
.lyrics-content:empty::after {
  content: "Lyrics formatting pending.";
  color: var(--muted);
}


/* v1.18 homepage navbar logo */
.brand-logo {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border-radius: 0;
}
.brand-logo img {
  display: block;
  height: 54px;
  width: auto;
  max-width: min(360px, 72vw);
  object-fit: contain;
}
.header .brand-logo:hover {
  background: transparent;
}
@media(max-width: 700px) {
  .brand-logo img {
    height: 46px;
    max-width: 86vw;
  }
}


/* v1.19 vintage homepage and nav logo */
:root {
  --accent: #b86b45;
  --accent2: #d58a4a;
  --cream: #f4ead8;
  --cream2: #d8c8ad;
}
.header {
  border-bottom: 1px solid rgba(184,107,69,.72);
  background:
    radial-gradient(circle at 10% 0%, rgba(184,107,69,.16), transparent 24rem),
    rgba(10,10,13,.96);
}
.nav {
  max-width: 1440px;
  padding: .65rem 1.25rem;
  min-height: 78px;
}
.brand-mark {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  padding: 0;
  letter-spacing: 0;
  text-transform: none;
}
.brand-mark:hover {
  background: transparent;
  color: inherit;
}
.record-logo {
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  border-radius: 50%;
  position: relative;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at center, #c47a43 0 19%, #1a1512 20% 25%, transparent 26%),
    repeating-radial-gradient(circle at center, #17171b 0 3px, #060608 4px 6px, #2a292b 7px 8px);
  border: 2px solid #bd743c;
  box-shadow: inset 0 0 20px rgba(255,255,255,.11), 0 0 18px rgba(184,107,69,.22);
}
.record-logo::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background: conic-gradient(from 210deg, rgba(255,255,255,.22), transparent 13%, rgba(255,255,255,.08) 24%, transparent 42%, rgba(255,255,255,.18), transparent 72%);
  mix-blend-mode: screen;
  opacity: .75;
}
.record-label {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: radial-gradient(circle, #c98245, #a55d30);
  color: #120f0d;
  display: grid;
  place-items: center;
  line-height: 1;
  font-weight: 950;
  z-index: 1;
  border: 1px solid rgba(0,0,0,.4);
}
.record-label span {
  font-size: .9rem;
  letter-spacing: -.04em;
}
.record-label small {
  font-size: .42rem;
  margin-top: -8px;
  letter-spacing: .08em;
}
.brand-wordmark {
  display: grid;
  line-height: 1;
}
.brand-main {
  color: var(--cream);
  font-size: clamp(1.55rem, 2.8vw, 2.65rem);
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .035em;
  text-shadow: 0 1px 0 rgba(0,0,0,.55);
}
.brand-sub {
  display: flex;
  align-items: center;
  gap: .6rem;
  color: var(--accent2);
  font-size: clamp(.9rem, 1.6vw, 1.35rem);
  text-transform: uppercase;
  letter-spacing: .34em;
  font-weight: 900;
  margin-top: .12rem;
}
.brand-sub i {
  display: block;
  width: 3.2rem;
  height: 2px;
  background: var(--accent2);
  opacity: .95;
}
.links a {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: .045em;
  color: var(--cream);
}
.hero {
  max-width: 1260px;
}
.hero h1 {
  color: var(--cream);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: .018em;
  line-height: .9;
  text-shadow:
    0 2px 0 rgba(0,0,0,.45),
    0 0 1px rgba(255,255,255,.2);
  position: relative;
}
.hero h1::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  margin-top: 1.1rem;
  background: var(--accent2);
  box-shadow: 0 0 0 1px rgba(0,0,0,.25);
}
.hero > div > .muted:first-child {
  color: var(--accent2);
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .08em;
}
.hero-card {
  border-color: rgba(184,107,69,.62);
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
}
.hero-card h3 {
  color: var(--accent2);
  text-transform: uppercase;
  letter-spacing: .055em;
}
.searchbar input {
  border-color: rgba(216,200,173,.28);
}
.btn {
  background: linear-gradient(180deg, #d08a4e, #b86b45);
  color: #120f0d;
  text-transform: uppercase;
  font-weight: 950;
}
.browse-archive {
  padding-top: 1rem;
}
.browse-archive h2 {
  text-align: center;
  color: var(--accent2);
  font-size: clamp(1.6rem, 3vw, 2.3rem);
  text-transform: uppercase;
  letter-spacing: .08em;
}
.browse-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid rgba(216,138,74,.32);
  border-radius: 1.15rem;
  overflow: hidden;
  background: rgba(255,255,255,.025);
}
.browse-card {
  min-height: 110px;
  padding: 1.15rem 1rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .55rem .85rem;
  align-content: center;
  border-right: 1px solid rgba(216,138,74,.18);
}
.browse-card:last-child {
  border-right: 0;
}
.browse-icon {
  grid-row: span 2;
  color: var(--accent2);
  font-size: 2rem;
  line-height: 1;
}
.browse-card strong {
  color: var(--cream);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.browse-card em {
  color: var(--muted);
  font-style: normal;
  font-size: .86rem;
  line-height: 1.25;
}
@media(max-width: 1050px) {
  .browse-grid { grid-template-columns: repeat(3, 1fr); }
  .browse-card:nth-child(3) { border-right: 0; }
}
@media(max-width: 780px) {
  .nav { min-height: 70px; }
  .record-logo { width: 56px; height: 56px; flex-basis: 56px; }
  .brand-sub i { width: 1.7rem; }
  .browse-grid { grid-template-columns: repeat(2, 1fr); }
  .links { gap: .3rem; }
}
@media(max-width: 560px) {
  .brand-wordmark { display: none; }
  .record-logo { width: 52px; height: 52px; flex-basis: 52px; }
  .browse-grid { grid-template-columns: 1fr; }
  .browse-card { border-right: 0; border-bottom: 1px solid rgba(216,138,74,.18); }
}


/* v1.20 global cleanup */
.links a{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:var(--text)!important;font-weight:850!important;text-shadow:none!important}
.brand-main,.brand-sub,.hero h1,.section>h1,.detail h1{color:var(--cream);font-family:Impact,Haettenschweiler,"Arial Narrow Bold",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.018em;text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 1px rgba(255,255,255,.2)}
.section>h1,.detail h1{line-height:.95}
.browse-archive{display:none!important}
.footer{text-align:center}


/* production copy deterrent */
.protect-copy,.protect-copy img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.protect-copy img{pointer-events:none}@media print{body{display:none!important}}

/* FINAL VERIFIED MOBILE FIX - hamburger nav, 3-up cards, lyric sizing */
.nav-toggle {
  display: none;
  border: 1px solid rgba(232,223,208,.22);
  background: rgba(255,255,255,.055);
  color: var(--text);
  border-radius: .8rem;
  width: 2.85rem;
  height: 2.55rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: .28rem;
  cursor: pointer;
  margin-left: auto;
  padding: 0;
}
.nav-toggle span {
  display: block;
  width: 1.28rem;
  height: 2px;
  background: currentColor;
  border-radius: 999px;
  transition: transform .18s ease, opacity .18s ease;
}
.nav-toggle.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.nav-toggle.is-open span:nth-child(2) { opacity: 0; }
.nav-toggle.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.lyric-detail .lyrics-content,
.lyrics-content {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.62 !important;
}
.lyric-detail .lyrics-content p,
.lyric-detail .lyrics-content span,
.lyric-detail .lyrics-content div,
.lyrics-content p,
.lyrics-content span,
.lyrics-content div {
  font-family: inherit !important;
  font-size: 1rem !important;
  line-height: 1.62 !important;
}

@media (max-width: 700px) {
  .header { z-index: 1000; }
  .nav {
    position: relative;
    flex-direction: row !important;
    align-items: center !important;
    min-height: 64px;
    padding: .65rem 1rem;
  }
  .brand { min-width: 0; }
  .brand-wordmark { display: none !important; }
  .record-logo {
    width: 52px !important;
    height: 52px !important;
    flex-basis: 52px !important;
  }
  .nav-toggle { display: flex !important; }
  .links {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 1rem;
    right: 1rem;
    z-index: 1001;
    flex-direction: column;
    gap: .15rem;
    padding: .7rem;
    background: rgba(16,16,20,.98);
    border: 1px solid rgba(232,223,208,.18);
    border-radius: 1rem;
    box-shadow: 0 20px 60px rgba(0,0,0,.45);
    backdrop-filter: blur(15px);
  }
  .links.is-open { display: flex !important; }
  .links a {
    display: block;
    width: 100%;
    padding: .78rem .85rem;
    border-radius: .65rem;
    font-size: 1rem !important;
  }
  .links a:hover { background: rgba(184,107,69,.22); }

  .cover-grid,
  .media-grid,
  #singles .cover-grid,
  #full-length .cover-grid,
  .feature-grid,
  .news-grid,
  .lyric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .55rem !important;
  }
  .cover-card,
  .media-card { border-radius: .75rem; }
  .cover-info { padding: .48rem; min-height: auto; }
  .cover-info h3 { font-size: .72rem !important; line-height: 1.15; margin: 0; }
  .cover-info .meta,
  .cover-info p,
  .media-count { font-size: .68rem !important; line-height: 1.2; }
  .overlay { display: none; }
  .section,
  .detail { padding-left: .75rem; padding-right: .75rem; }

  .lyric-detail .lyrics-content,
  .lyrics-content,
  .lyric-detail .lyrics-content p,
  .lyric-detail .lyrics-content span,
  .lyric-detail .lyrics-content div,
  .lyrics-content p,
  .lyrics-content span,
  .lyrics-content div {
    font-size: .95rem !important;
    line-height: 1.56 !important;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  }
}

@media (max-width: 390px) {
  .cover-info h3 { font-size: .66rem !important; }
  .cover-info .meta,
  .cover-info p { font-size: .62rem !important; }
  .cover-grid,
  .media-grid,
  #singles .cover-grid,
  #full-length .cover-grid,
  .feature-grid,
  .news-grid,
  .lyric-grid { gap: .45rem !important; }
  .lyric-detail .lyrics-content,
  .lyrics-content,
  .lyric-detail .lyrics-content p,
  .lyric-detail .lyrics-content span,
  .lyric-detail .lyrics-content div,
  .lyrics-content p,
  .lyrics-content span,
  .lyrics-content div { font-size: .9rem !important; }
}

.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}