:root {
  --bg: #03060b;
  --panel: #080d14;
  --panel-2: #0c121c;
  --text: #f5f6f9;
  --muted: #9298a5;
  --line: rgba(255,255,255,.16);
  --accent: #b578ff;
  --accent-soft: rgba(181,120,255,.12);
  --max: 1280px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: radial-gradient(circle at 50% -20%, rgba(52,87,151,.14), transparent 34%), var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }
.site-shell { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; }

.site-header { height: 78px; background: rgba(2,5,9,.96); border-bottom: 1px solid rgba(255,255,255,.05); position: relative; z-index: 20; }
.header-inner { width: min(calc(100% - 48px), 1440px); height: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; }
.brand-logo { display: flex; align-items: center; gap: 10px; width: max-content; text-decoration: none; min-width: 0; }
.brand-star { width: 36px; height: 42px; object-fit: contain; }
.brand-wordmark { width: 215px; height: 38px; object-fit: contain; object-position: left center; }
.site-nav { display: flex; gap: 38px; align-items: center; justify-content: center; }
.site-nav a { color: #d5d7dc; text-decoration: none; text-transform: uppercase; letter-spacing: .09em; font-size: .7rem; padding: 30px 0 25px; border-bottom: 2px solid transparent; }
.site-nav a:hover, .site-nav a.active { color: var(--text); border-bottom-color: var(--accent); }
.header-social-links, .social-links { display: flex; align-items: center; gap: 17px; }
.header-social-links { justify-content: flex-end; }
.header-social-links a, .social-links a { color: #fff; text-decoration: none; font-size: 1.05rem; transition: color .2s ease, transform .2s ease; }
.header-social-links a:hover, .social-links a:hover { color: var(--accent); transform: translateY(-1px); }
.menu-toggle { display: none; border: 1px solid var(--line); background: transparent; color: var(--text); border-radius: 4px; min-height: 42px; padding: 0 14px; font: inherit; }

.home-hero { min-height: 600px; position: relative; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 38%, rgba(122,74,255,.10) 0%, rgba(16,28,46,.10) 28%, rgba(1,5,10,0) 58%), #01050a; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.06); }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(1,5,10,.04) 0%, rgba(1,5,10,0) 70%, rgba(1,5,10,.18) 100%); pointer-events: none; }
.hero-brand-lockup { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; margin-top: -18px; filter: drop-shadow(0 4px 22px rgba(0,0,0,.55)); }
.hero-star { width: clamp(145px, 16vw, 230px); max-height: 230px; object-fit: contain; }
.hero-wordmark { width: clamp(330px, 39vw, 560px); max-height: 135px; object-fit: contain; margin-top: 10px; }
.hero-brand-lockup p { margin: -6px 0 0; text-transform: uppercase; letter-spacing: .45em; font-size: clamp(.65rem, 1.2vw, .92rem); color: rgba(255,255,255,.88); }
.hero-brand-lockup p span { color: var(--accent); padding: 0 .5em; }
.home-content { padding: 22px 0 58px; }
.listen-section { text-align: center; padding: 8px 0 26px; }
.eyebrow { margin: 0 0 14px; color: var(--accent); font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.streaming-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 14px; }
.streaming-card { min-height: 108px; border: 1px solid var(--line); border-radius: 7px; background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 13px; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: .08em; font-size: .73rem; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.streaming-card i { font-size: 2.55rem; }
.streaming-card:hover { border-color: rgba(181,120,255,.68); background: var(--accent-soft); transform: translateY(-2px); }
.platform-spotify i { color: #1ed760; }
.platform-apple-music i { color: #fa4b62; }
.platform-youtube-music i { color: #ff1a1a; }
.platform-amazon-music i { color: #30d5f0; }
.platform-soundcloud i { color: #ff7600; }

.next-teaser-card { display: grid; grid-template-columns: 220px 1fr; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; margin: 4px 0 0; background: rgba(255,255,255,.012); text-align: left; }
.teaser-artwork { width: 220px; height: 220px; object-fit: cover; }
.teaser-copy { padding: 28px 38px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.next-teaser h2 { margin: 0; text-transform: uppercase; letter-spacing: .18em; font-weight: 430; font-size: clamp(1.35rem, 3vw, 2rem); }
.release-date { color: #fff; margin: 9px 0 17px; text-transform: uppercase; letter-spacing: .12em; font-size: .76rem; }
.mini-countdown { display: grid; grid-template-columns: repeat(4, minmax(70px,1fr)); margin: 0 0 20px; }
.mini-countdown > span { min-width: 90px; padding: 0 24px; border-right: 1px solid var(--line); text-align: center; }
.mini-countdown > span:first-child { padding-left: 0; text-align: left; }
.mini-countdown > span:last-child { border-right: 0; }
.mini-countdown strong { display: block; font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 350; font-variant-numeric: tabular-nums; }
.mini-countdown small { display: block; margin-top: 3px; color: #d2d4da; text-transform: uppercase; letter-spacing: .15em; font-size: .58rem; }
.mini-out { color: var(--accent); font-weight: 800; letter-spacing: .2em; }
.outline-button, .primary-button, .platform-link { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 0 24px; border: 1px solid var(--accent); border-radius: 4px; color: var(--accent); background: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: .07em; font-size: .7rem; transition: background .2s ease, color .2s ease; }
.outline-button:hover, .primary-button:hover, .platform-link:hover { background: var(--accent-soft); color: #fff; }

.release-feature { display: grid; grid-template-columns: minmax(300px,.85fr) minmax(420px,1.15fr); gap: clamp(50px,7vw,90px); align-items: center; padding: 64px 0 76px; }
.artwork-wrap { position: relative; }
.artwork-wrap::after { content:""; position:absolute; inset:12%; z-index:-1; background:rgba(79,46,139,.22); filter:blur(70px); }
.release-artwork { width: 100%; aspect-ratio: 1; object-fit: cover; border: 1px solid var(--line); }
.release-info h1 { margin: 0; text-transform: uppercase; letter-spacing: .05em; line-height: 1.05; font-size: clamp(2.1rem,5.5vw,4.4rem); font-weight: 390; }
.release-subtitle { margin: 10px 0 0; color: var(--muted); font-size: .95rem; }
.countdown { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 30px 0 20px; }
.countdown > div { padding: 0 20px; border-right: 1px solid var(--line); text-align: center; }
.countdown > div:first-child { padding-left: 0; text-align: left; }
.countdown > div:last-child { border: 0; }
.countdown strong { display:block; font-size: clamp(2rem,4vw,3.25rem); font-weight: 330; font-variant-numeric: tabular-nums; }
.countdown span { color:#d4d6dc; font-size:.6rem; text-transform:uppercase; letter-spacing:.13em; }
.presave-state { margin-top: 24px; }
.primary-button { color: var(--accent); }
.released-state { margin-top: 22px; }
.out-now { color: var(--accent); font-size: clamp(2.3rem,6vw,4.6rem); font-weight: 800; letter-spacing: .12em; margin-bottom: 20px; }
.platform-list { display:flex; gap:10px; flex-wrap:wrap; }
.release-note { border-top: 1px solid var(--line); margin-top: 26px; padding-top: 22px; color: var(--muted); font-size: .83rem; line-height: 1.6; }
.release-note p:last-child { margin: 0; }

.catalogue-header { padding: 46px 0 28px; }
.catalogue-header h1 { margin: 0 0 10px; color: var(--accent); text-transform: uppercase; letter-spacing: .08em; font-size: clamp(1.7rem,4vw,2.55rem); font-weight: 450; }
.catalogue-header > p:last-child { margin:0; color:#d0d3da; font-size:.9rem; }
.catalogue-controls { display:grid; grid-template-columns:minmax(260px,1fr) minmax(210px,.7fr) auto; gap:16px; align-items:end; padding-bottom:26px; }
.filter-field label { display:block; margin-bottom:7px; color:var(--muted); text-transform:uppercase; letter-spacing:.1em; font-size:.61rem; }
.filter-field input, .filter-field select { width:100%; height:44px; border:1px solid var(--line); border-radius:5px; background:#060b12; color:var(--text); padding:0 13px; font:inherit; font-size:.82rem; outline:none; }
.filter-field input:focus, .filter-field select:focus { border-color:var(--accent); }
.track-count { margin:0 0 13px; color:var(--muted); white-space:nowrap; font-size:.72rem; }
.track-catalogue { padding-bottom:50px; }
.track-group { margin-bottom:18px; border:1px solid var(--line); border-radius:6px; overflow:hidden; background:rgba(255,255,255,.008); }
.track-heading { display:grid; grid-template-columns:72px 1fr; gap:16px; align-items:center; min-height:88px; padding:8px 14px; border-bottom:1px solid var(--line); }
.track-thumb { width:72px; height:72px; object-fit:cover; border:1px solid rgba(255,255,255,.18); }
.track-heading .eyebrow { display:none; }
.track-heading h2 { margin:0; font-size:.93rem; font-weight:500; text-transform:uppercase; letter-spacing:.04em; }
.track-heading p:last-child { margin:5px 0 0; color:var(--muted); font-size:.7rem; }
.release-table-wrap { width:100%; overflow-x:auto; }
.release-table { width:100%; border-collapse:collapse; table-layout:fixed; min-width:810px; }
.release-table .col-version { width:26%; }
.release-table .col-type { width:15%; }
.release-table .col-genre { width:18%; }
.release-table .col-date { width:18.5%; }
.release-table .col-platform { width:4.5%; }
.release-table th, .release-table td { height:47px; padding:9px 14px; border-bottom:1px solid rgba(255,255,255,.10); text-align:left; vertical-align:middle; }
.release-table tr:last-child td { border-bottom:0; }
.release-table th { color:#d2d5dc; text-transform:uppercase; letter-spacing:.04em; font-size:.59rem; font-weight:600; }
.release-table td { color:#c9ccd3; font-size:.76rem; }
.release-table .version-name { color:#fff; }
.release-table .platform-heading, .platform-cell { text-align:center; }
.release-table .platform-cell { padding-left:2px; padding-right:2px; }
.release-table .streaming-spacer { padding-left:0; padding-right:0; }
.platform-icon-link { display:inline-flex; width:30px; height:30px; align-items:center; justify-content:center; text-decoration:none; border-radius:50%; transition:transform .2s ease, background .2s ease; }
.platform-icon-link:hover { background:var(--accent-soft); transform:translateY(-1px); }
.platform-icon-link i { font-size:1.08rem; }
.platform-cell[data-label="Spotify"] i { color:#1ed760; }
.platform-cell[data-label="Apple Music"] i { color:#fa4b62; }
.platform-cell[data-label="YouTube Music"] i { color:#ff1a1a; }
.platform-cell[data-label="Amazon Music"] i { color:#30d5f0; }
.platform-cell[data-label="SoundCloud"] i { color:#ff7600; }
.platform-unavailable { color:rgba(255,255,255,.25); }
.catalogue-empty { color:var(--muted); padding:30px 0 70px; }

.site-footer { min-height:86px; padding:20px 0; display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid var(--line); color:var(--muted); font-size:.72rem; }
.footer-brand { display:flex; align-items:center; gap:16px; }
.footer-star { width:34px; height:42px; object-fit:contain; }
.footer-brand p { margin:0; }

@media (max-width: 980px) {
  .header-inner { grid-template-columns:1fr auto; }
  .header-social-links { display:none; }
  .streaming-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .release-feature { grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr); gap:42px; }
}
@media (max-width: 760px) {
  .site-shell, .header-inner { width:min(calc(100% - 28px), var(--max)); }
  .site-header { height:70px; }
  .brand-star { width:30px; height:34px; }
  .brand-wordmark { width:145px; }
  .menu-toggle { display:inline-flex; align-items:center; justify-content:center; }
  .site-nav { display:none; position:absolute; left:14px; right:14px; top:68px; padding:10px; flex-direction:column; align-items:stretch; gap:0; background:#050a10; border:1px solid var(--line); }
  .site-nav.open { display:flex; }
  .site-nav a { padding:13px 12px; border-bottom:1px solid rgba(255,255,255,.08); }
  .home-hero { min-height:500px; }
  .hero-brand-lockup { margin-top:-10px; }
  .streaming-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .next-teaser-card { grid-template-columns:160px 1fr; }
  .teaser-artwork { width:160px; height:100%; min-height:205px; }
  .teaser-copy { padding:24px; }
  .mini-countdown > span { min-width:62px; padding:0 12px; }
  .release-feature { grid-template-columns:1fr; padding:40px 0 55px; }
  .release-artwork { max-width:520px; margin:0 auto; }
  .catalogue-controls { grid-template-columns:1fr 1fr; }
  .track-count { grid-column:1/-1; margin:0; }
}
@media (max-width: 520px) {
  .brand-wordmark { width:125px; }
  .home-hero { min-height:390px; }
  .hero-star { width:145px; }
  .hero-wordmark { width:310px; }
  .hero-brand-lockup p { letter-spacing:.26em; font-size:.56rem; }
  .streaming-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .streaming-card { min-height:94px; font-size:.65rem; }
  .streaming-card i { font-size:2rem; }
  .next-teaser-card { grid-template-columns:1fr; }
  .teaser-artwork { width:100%; height:auto; aspect-ratio:1; }
  .mini-countdown { width:100%; }
  .mini-countdown > span { min-width:0; padding:0 7px; }
  .mini-countdown > span:first-child { text-align:center; padding-left:7px; }
  .countdown > div { padding:0 8px; }
  .countdown > div:first-child { padding-left:0; }
  .catalogue-controls { grid-template-columns:1fr; }
  .track-count { grid-column:auto; }
  .track-heading { grid-template-columns:60px 1fr; }
  .track-thumb { width:60px; height:60px; }
  .release-table-wrap { overflow:visible; }
  .release-table { min-width:0; display:block; }
  .release-table thead { display:none; }
  .release-table tbody, .release-table tr, .release-table td { display:block; width:100%; }
  .release-table tr { padding:10px 14px; border-bottom:1px solid var(--line); }
  .release-table td { display:flex; justify-content:space-between; align-items:center; min-height:42px; height:auto; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.08); text-align:right; }
  .release-table td:last-child { border-bottom:0; }
  .release-table td::before { content:attr(data-label); color:var(--muted); text-transform:uppercase; letter-spacing:.06em; font-size:.58rem; text-align:left; }
  .site-footer { flex-direction:column; align-items:flex-start; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior:auto !important; transition:none !important; } }
.platform-heading i { margin-right:6px; font-size:.86rem; }
.platform-heading:nth-child(3) i { color:#1ed760; }
.platform-heading:nth-child(4) i { color:#fa4b62; }
.platform-heading:nth-child(5) i { color:#ff1a1a; }
.platform-heading:nth-child(6) i { color:#30d5f0; }
.platform-heading:nth-child(7) i { color:#ff7600; }
/* PHP/MySQL additions */
.filter-actions{display:flex;gap:10px;align-items:end}.filter-button{height:44px;padding:0 18px;border:1px solid var(--accent);border-radius:5px;background:transparent;color:var(--accent);font:inherit;text-transform:uppercase;letter-spacing:.08em;font-size:.67rem;cursor:pointer}.filter-button.secondary{border-color:var(--line);color:var(--muted)}
.admin-body{background:#05080e}.admin-shell{width:min(calc(100% - 32px),1180px);margin:0 auto;padding:28px 0 60px}.admin-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:28px}.admin-nav{display:flex;gap:12px;flex-wrap:wrap}.admin-nav a{color:#d8dbe1;text-decoration:none;padding:9px 12px;border:1px solid var(--line);border-radius:5px;font-size:.78rem}.admin-nav a:hover{border-color:var(--accent);color:#fff}.admin-card{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.015);padding:22px;margin-bottom:20px}.admin-card h1,.admin-card h2{margin-top:0}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-field label{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.admin-field input,.admin-field select,.admin-field textarea{width:100%;border:1px solid var(--line);border-radius:5px;background:#070c13;color:#fff;padding:11px 12px;font:inherit}.admin-field textarea{min-height:110px;resize:vertical}.admin-field input[type=checkbox]{width:auto}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.admin-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:1px solid var(--accent);border-radius:5px;background:transparent;color:var(--accent);text-decoration:none;cursor:pointer;font:inherit;font-size:.75rem}.admin-button.danger{border-color:#d85c68;color:#ff8791}.admin-button.muted{border-color:var(--line);color:#c5c8cf}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left;font-size:.78rem}.admin-table th{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.admin-thumb{width:50px;height:50px;object-fit:cover;border:1px solid var(--line)}.flash{padding:12px 14px;border:1px solid var(--line);border-radius:5px;margin-bottom:18px}.flash.success{border-color:#398c64}.flash.error{border-color:#b44e58}.login-wrap{width:min(calc(100% - 32px),440px);margin:80px auto}.login-brand{display:flex;justify-content:center;margin-bottom:24px}.login-brand img{width:260px}.help-text{color:var(--muted);font-size:.72rem;line-height:1.5}.badge{display:inline-flex;padding:4px 8px;border:1px solid var(--line);border-radius:99px;color:#cdd0d6;font-size:.65rem}.cover-preview{width:160px;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);margin-top:8px}.platform-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.install-shell{width:min(calc(100% - 32px),760px);margin:50px auto}.status-good{color:#72d6a6}.status-bad{color:#ff8791}
@media(max-width:760px){.admin-grid,.admin-grid.three,.platform-link-grid{grid-template-columns:1fr}.admin-bar{align-items:flex-start;flex-direction:column}.admin-table-wrap{overflow-x:auto}.catalogue-controls{grid-template-columns:1fr}.filter-actions{align-items:stretch}.filter-button{flex:1}}

/* Catalogue v2: genre, notes and albums */
.catalogue-controls{grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(130px,.75fr)) auto}.release-additional{padding:16px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem;line-height:1.65}.release-additional strong{display:block;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;margin-bottom:6px}.release-additional p{margin:5px 0}.album-controls{grid-template-columns:minmax(240px,1.3fr) minmax(150px,.8fr) minmax(130px,.6fr) auto}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:8px 0 58px}.album-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:rgba(255,255,255,.012)}.album-cover-link{display:block;aspect-ratio:1;overflow:hidden}.album-cover-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.album-cover-link:hover img{transform:scale(1.02)}.album-card-copy{padding:18px}.album-card h2{margin:3px 0 8px;font-size:1.08rem;font-weight:500}.album-card h2 a{color:#fff;text-decoration:none}.album-card-copy>p:not(.eyebrow){color:var(--muted);font-size:.72rem;line-height:1.55}.album-summary{min-height:50px}.album-detail{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:52px;padding:55px 0 42px;align-items:start}.album-detail-cover{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line)}.album-detail-copy h1{font-size:clamp(2rem,4vw,4rem);font-weight:400;letter-spacing:.05em;margin:7px 0 16px}.album-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.album-meta span{border:1px solid var(--line);border-radius:99px;padding:6px 10px;color:var(--muted);font-size:.68rem}.album-info{color:#c4c8d0;line-height:1.75;font-size:.86rem;margin:22px 0}.album-stream-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.streaming-card.mini{min-height:60px;width:auto;padding:10px 16px;flex-direction:row;gap:9px}.streaming-card.mini i{font-size:1.3rem}.album-tracklist{padding:12px 0 60px}.album-tracklist h2{font-weight:400;letter-spacing:.08em;text-transform:uppercase}.album-tracklist h3{color:var(--accent);font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;margin:24px 0 8px}.album-track-row{display:grid;grid-template-columns:34px 52px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:70px;border-top:1px solid var(--line);padding:9px 4px}.album-track-row:last-child{border-bottom:1px solid var(--line)}.album-track-row img{width:52px;height:52px;object-fit:cover}.album-track-row strong{display:block;font-size:.85rem}.album-track-row small{display:block;color:var(--muted);margin-top:4px}.track-number{color:var(--muted);text-align:center}.album-track-type{color:var(--muted);font-size:.72rem}.compact-input{width:72px!important;padding:7px!important}.admin-grid.three{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.catalogue-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-actions{grid-column:auto}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-detail{grid-template-columns:minmax(230px,340px) 1fr;gap:32px}}
@media(max-width:760px){.catalogue-controls,.album-controls{grid-template-columns:1fr 1fr}.album-detail{grid-template-columns:1fr}.album-detail-cover{max-width:520px}.admin-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.catalogue-controls,.album-controls,.album-grid{grid-template-columns:1fr}.album-track-row{grid-template-columns:28px 48px 1fr}.album-track-type{grid-column:3}.admin-grid.three{grid-template-columns:1fr}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.release-detail-link{font-size:.86rem;text-decoration:none;white-space:nowrap}.release-detail-link:hover{text-decoration:underline}

/* v3.4: keep filter action controls visually identical */
.filter-actions .filter-button,
.filter-actions button.filter-button,
.filter-actions a.filter-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  vertical-align: middle;
}


/* About page */
.about-page { padding-bottom: 46px; }
.about-hero {
  display:grid;
  grid-template-columns:minmax(320px,.84fr) minmax(500px,1.16fr);
  gap:52px;
  align-items:center;
  padding-top:54px;
  padding-bottom:42px;
}
.about-copy h1 {
  margin:8px 0 18px;
  font-size:clamp(2.2rem,4vw,4.1rem);
  line-height:1;
  letter-spacing:.035em;
  font-weight:400;
  text-transform:uppercase;
}
.about-rule {
  width:56px;
  height:2px;
  margin:26px 0;
  background:var(--accent);
}
.about-copy > p:not(.eyebrow) {
  max-width:680px;
  line-height:1.72;
  color:var(--text-muted);
}
.about-copy .about-signoff {
  color:var(--accent);
  font-weight:600;
}
.about-studio {
  margin:0;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:8px;
  background:rgba(5,9,15,.76);
}
.about-studio img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1.52/1;
  object-fit:cover;
  object-position:center 48%;
}
.about-studio figcaption {
  padding:11px 15px;
  color:var(--text-muted);
  font-size:.78rem;
}
.about-pillars {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid var(--border);
  border-radius:8px;
  overflow:hidden;
  margin-bottom:28px;
}
.about-pillar {
  padding:28px 24px;
  min-height:220px;
}
.about-pillar + .about-pillar { border-left:1px solid var(--border); }
.about-pillar i {
  color:var(--accent);
  font-size:1.75rem;
  margin-bottom:18px;
}
.about-pillar h2,
.about-history h2 {
  margin:0 0 10px;
  font-size:.8rem;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.about-pillar p,
.about-history p {
  margin:0;
  color:var(--text-muted);
  line-height:1.65;
  font-size:.9rem;
}
.about-history {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--border);
  border-radius:8px;
  overflow:hidden;
}
.about-history article { padding:26px 28px; }
.about-history article + article { border-left:1px solid var(--border); }
.about-stat {
  display:block;
  color:var(--accent);
  margin-bottom:9px;
  font-size:1.15rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}
@media (max-width: 980px) {
  .about-hero { grid-template-columns:1fr; gap:30px; }
  .about-studio { order:-1; }
  .about-pillars { grid-template-columns:repeat(2,1fr); }
  .about-pillar + .about-pillar { border-left:0; }
  .about-pillar:nth-child(even) { border-left:1px solid var(--border); }
  .about-pillar:nth-child(n+3) { border-top:1px solid var(--border); }
}
@media (max-width: 640px) {
  .about-hero { padding-top:28px; }
  .about-pillars,
  .about-history { grid-template-columns:1fr; }
  .about-pillar:nth-child(even),
  .about-history article + article { border-left:0; }
  .about-pillar + .about-pillar,
  .about-history article + article { border-top:1px solid var(--border); }
}