:root{--bg:#0b0b0d;--fg:#ececec;--muted:#8b8b93;--line:#22222a;--accent:#d8b36a}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--fg)}body{font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,sans-serif;min-height:100vh;display:flex;flex-direction:column}main{flex:1 1;width:100%;max-width:1200px;margin:0 auto;padding:32px 20px 64px}a{color:inherit;text-decoration:none}h1,h2{font-weight:300;letter-spacing:.04em}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.nav nav a{margin-left:24px;text-transform:uppercase;letter-spacing:.15em;font-size:13px;color:var(--muted)}.nav nav a:hover{color:var(--fg)}.brand{letter-spacing:.4em;font-weight:600}.foot{text-align:center;padding:24px;font-size:12px;border-top:1px solid var(--line)}.foot,.page-title{color:var(--muted)}.page-title{text-transform:uppercase;letter-spacing:.3em;font-size:14px;margin:0 0 28px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:28px;gap:28px}.card .cover{position:relative;aspect-ratio:1;background:#16161b;overflow:hidden}.card .cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s,opacity .3s}.card:hover .cover img{transform:scale(1.05);opacity:.55}.card .hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;text-transform:uppercase;letter-spacing:.2em;font-size:12px}.card:hover .hover{opacity:1}.card h3{margin:12px 0 2px;font-weight:500;font-size:15px}.card p{margin:0;font-size:13px}.card p,.noart{color:var(--muted)}.noart{display:flex;justify-content:center;height:100%;padding:12px;text-align:center}.hero,.noart{align-items:center}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:40px;gap:40px;margin-bottom:64px}.hero .kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.3em;font-size:12px}.hero h1{font-size:clamp(32px,5vw,56px);margin:8px 0 16px}.hero img{width:100%;aspect-ratio:1;object-fit:cover}.detail{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);grid-gap:48px;gap:48px}.detail img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.detail h1{margin:0 0 4px;font-size:36px}.meta{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px}.desc{line-height:1.7;color:#c9c9cf;white-space:pre-line}.links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.btn{display:inline-block;border:1px solid var(--fg);padding:10px 18px;text-transform:uppercase;letter-spacing:.15em;font-size:12px;background:transparent;color:var(--fg);cursor:pointer}.btn:hover{background:var(--fg);color:var(--bg)}.btn.solid{background:var(--accent);border-color:var(--accent);color:#111}.btn.danger{border-color:#a44;color:#e88}.tracks{padding-left:20px;color:#c9c9cf;line-height:1.9}.back{color:var(--muted);font-size:13px;display:inline-block;margin-bottom:24px}.admin .box,.admin form{border:1px solid var(--line);padding:20px;margin-bottom:24px}.admin label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:14px 0 4px}.admin input,.admin select,.admin textarea{width:100%;background:#131317;border:1px solid var(--line);color:var(--fg);padding:10px;font:inherit}.admin textarea{min-height:90px}.admin .row{display:flex;gap:8px;margin-top:8px}.admin .row select{width:180px;flex:none}.admin .list li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);gap:12px}.admin ul{list-style:none;padding:0;margin:0}.err{color:#e88;margin:8px 0}@media (max-width:800px){.detail,.hero{grid-template-columns:1fr}}