@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Fraunces:opsz,wght@9..144,500;9..144,650&display=swap');
:root{--bg:#111210;--panel:#191a17;--panel2:#20211d;--text:#eee9df;--muted:#9c9b91;--line:#34352f;--accent:#d8ff65;--red:#ff806d;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}main{max-width:1160px;margin:auto;padding:3.5rem 2rem 7rem}.site-header{height:72px;padding:0 max(2rem,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#111210ed;backdrop-filter:blur(16px);z-index:10}.brand{font-family:var(--serif);font-size:1.35rem}.brand span{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);margin-right:.35rem}.site-header nav{display:flex;align-items:center;gap:1.4rem;font-size:.88rem;color:var(--muted)}.site-header nav a:hover,.link-button:hover{color:var(--text)}.inline{display:inline}.link-button{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer}.button{display:inline-block;background:var(--accent);color:#15160f;border:0;border-radius:99px;padding:.75rem 1.15rem;font-weight:600;cursor:pointer}.button.small{padding:.5rem .9rem}.button.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}h1,h2{font-family:var(--serif);line-height:1.05;margin:.25em 0}.hero{padding:6rem 0 7rem;max-width:840px}.hero h1{font-size:clamp(3.5rem,8vw,7rem);letter-spacing:-.055em}.hero h1 em{color:var(--accent);font-weight:500}.hero>p:not(.kicker){color:var(--muted);font-size:1.15rem;max-width:560px;margin:1.5rem 0 2rem}.kicker,.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-size:.73rem;font-weight:600}.section-heading,.page-head,.review-page>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:2rem}.section-heading h2{font-size:2rem}.section-heading>a{color:var(--muted)}.page-head h1,.review-page h1,.form-page>h1{font-size:clamp(2.8rem,6vw,5rem);letter-spacing:-.04em}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem}.track-card{min-height:260px;padding:1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;transition:.2s}.track-card:hover{transform:translateY(-2px);border-color:#595b50}.track-card h2{font-size:1.7rem}.track-card blockquote{font-family:var(--serif);font-size:1.1rem;margin:auto 0 1rem;padding:1rem 0;color:#d4d0c7}.movement,.subtitle{color:var(--muted);margin:.2rem 0}.meta,.detail-meta,.tags{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.8rem}.status{text-transform:uppercase;letter-spacing:.1em;color:var(--text)}.status-rejected{border-color:#553b37}.filters{display:flex;gap:.6rem;flex-wrap:wrap;padding:1rem;background:var(--panel);border-radius:12px;margin-bottom:2rem}.filters input{flex:1;min-width:240px}.filters input,.filters select,.filters button,.input,.form-page input,.form-page select,.form-page textarea{background:var(--panel2);border:1px solid var(--line);border-radius:7px;color:var(--text);padding:.72rem;font:inherit}.filters button{cursor:pointer}.filters>a{align-self:center;color:var(--muted);padding:.5rem}.review-page{max-width:900px;margin:auto}.review-page>header{align-items:center}.verdict{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2.5rem 0;margin:2rem 0 3rem}.verdict span,.review-fields h3,.notes h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}.verdict p{font-family:var(--serif);font-size:clamp(1.8rem,4vw,3rem);line-height:1.2;margin:.5rem 0}.review-fields{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.review-fields>div{background:var(--bg);padding:1.5rem}.review-fields p{font-size:1.08rem}.detail-meta{margin:2rem 0}.tags a{background:var(--panel2);padding:.35rem .7rem;border-radius:99px}.notes{margin:3rem 0;padding-top:1rem;border-top:1px solid var(--line)}.external{color:var(--accent)}.form-page{max-width:850px;margin:auto}.form-page fieldset{border:1px solid var(--line);border-radius:14px;padding:1.5rem;margin:2rem 0;background:var(--panel)}.form-page legend{font-family:var(--serif);font-size:1.5rem;padding:0 .5rem}.form-page form>fieldset>div:not(.attribute-row){margin:1rem 0}.form-page label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.3rem}.form-page input:not([type=checkbox]),.form-page select,.form-page textarea{display:block;width:100%}.form-page input[type=checkbox]{margin-right:.5rem}.form-page ul{list-style:none;padding:0}.attribute-row{display:grid;grid-template-columns:1fr 2fr auto;gap:.7rem;align-items:end;padding:1rem 0;border-bottom:1px solid var(--line)}.attribute-row .delete{align-self:center}.remove-row{background:none;color:var(--muted);border:0;cursor:pointer;padding:.8rem}.help,.helptext{color:var(--muted);font-size:.85rem}.form-actions{display:flex;align-items:center;gap:1rem}.errorlist,.form-error{color:var(--red)}.empty{color:var(--muted);padding:3rem 0}.pagination{display:flex;justify-content:center;gap:2rem;margin-top:3rem}footer{border-top:1px solid var(--line);color:var(--muted);padding:2rem;text-align:center;font-size:.8rem}
@media(max-width:760px){.site-header nav>a:not(.button){display:none}.site-header{padding:0 1rem}main{padding:2rem 1rem 5rem}.hero{padding:4rem 0}.review-fields{grid-template-columns:1fr}.attribute-row{grid-template-columns:1fr}.page-head{align-items:center}.review-page>header{align-items:start}.review-page>header .button{margin-top:1rem}}