@font-face{font-family:Bricolage;src:url('/fonts/bricolage-grotesque-latin-wght-normal.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Plex;src:url('/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--ink:#10110f;--paper:#f1efe8;--dim:#b4b4a8;--mint:#6df7df;--line:#f1efe830;font-family:Bricolage, sans-serif;background:var(--ink);color:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:var(--mint);text-underline-offset:.2em}a:hover{color:var(--paper)}:focus-visible{outline:2px solid var(--mint);outline-offset:5px}header{border-bottom:1px solid var(--line);padding:1.3rem max(1.25rem,4vw);display:flex;justify-content:space-between;gap:1.5rem;align-items:center;flex-wrap:wrap}header nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}header a{text-decoration:none}.brand{font-weight:800;color:var(--paper)}.brand span{font-family:Plex,monospace;color:var(--dim);font-size:.65rem;margin-left:.8rem}.button{display:inline-block;background:var(--mint);color:var(--ink);padding:.85rem 1.1rem;font-weight:700;text-decoration:none}.button:hover{background:var(--paper);color:var(--ink)}main{max-width:1120px;margin:auto;padding:0 max(1.25rem,3vw)}.hero{padding:4.5rem 0 3rem;max-width:900px}h1{font-size:clamp(2.4rem,6vw,5.3rem);line-height:1.02;font-weight:650;letter-spacing:-.05em;margin:.6rem 0 1.5rem}h2{font-size:clamp(1.8rem,4vw,2.9rem);line-height:1.12;letter-spacing:-.03em;margin:.6rem 0 1.5rem}h3{font-size:1.45rem}.lede{font-size:1.3rem;max-width:700px;color:var(--dim);line-height:1.55}.eyebrow{font: .73rem Plex,monospace;letter-spacing:.12em;color:var(--mint)}.note{font-size:.9rem;color:var(--dim)}article{font-size:1.08rem;line-height:1.7}article p,article li{max-width:78ch}section{padding:3.5rem 0;border-top:1px solid var(--line);scroll-margin-top:1rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.two ol{padding-left:1.3rem}.two li{margin:.6rem 0}.contents{display:flex;gap:1.3rem;flex-wrap:wrap;font: .8rem Plex,monospace;padding:1.3rem 0 2rem}figure{margin:2rem 0}img,video{display:block;max-width:100%;height:auto}video{width:100%;max-width:800px;background:#080908}figcaption{font-size:.9rem;line-height:1.5;color:var(--dim);margin-top:.8rem}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:.9rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--mint);font-weight:600}details{padding:1rem 0;border-bottom:1px solid var(--line)}summary{font-weight:650;cursor:pointer}.finish{border-left:4px solid var(--mint);padding:1rem 1.5rem;margin-top:2rem}footer{border-top:1px solid var(--line);padding:2rem max(1.25rem,4vw);display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.85rem}footer span{color:var(--dim);margin-left:auto}.skip{position:absolute;left:1rem;top:-4rem;padding:.75rem;background:var(--ink);z-index:10}.skip:focus{top:1rem}.score{font:clamp(.95rem,3vw,1.4rem) Plex,monospace;letter-spacing:.08em;background:#1c211e;padding:1.1rem;overflow-wrap:anywhere}.song-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.song-card{border:1px solid var(--line);padding:1.5rem}.song-card h3{margin-top:0}@media(max-width:650px){.two,.song-grid{grid-template-columns:1fr;gap:1rem}.hero{padding-top:3rem}header nav{gap:.9rem;font-size:.85rem}.brand span{display:none}th,td{padding:.7rem .3rem}footer span{margin-left:0}article{font-size:1rem}}