@font-face{font-family:Neue Haas;src:url(/fonts/NeueHaasTextRegular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Neue Haas;src:url(/fonts/NeueHaasTextMedium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Neue Haas;src:url(/fonts/NeueHaasTextBold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Paper Mono;src:url(/fonts/PaperMono.woff2)format("woff2");font-weight:400;font-display:swap}:root{--red:#ef4135;--deep:#320200;--white:#fff;--deep-tint:#ffffff1a;--deep-line:#ffffff29;--sans:"Neue Haas", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"Paper Mono", ui-monospace, "SF Mono", Menlo, monospace;--gap:2px;--pad:10px;--radius:2px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--red);color:var(--deep);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit}.page{max-width:1600px;padding:var(--pad) var(--pad) 48px;margin:0 auto}.masthead{padding:6px 0 12px}.masthead__title{letter-spacing:-.035em;text-transform:uppercase;color:var(--deep);margin:0;font-size:clamp(28px,9vw,88px);font-weight:700;line-height:.9}.masthead__sub{font-family:var(--mono);letter-spacing:.02em;color:var(--deep);opacity:.85;margin:6px 0 0;font-size:12px}.colophon{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;opacity:.8;margin-top:24px;font-size:11px}.grid{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (min-width:640px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:900px){.grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (min-width:1300px){.grid{grid-template-columns:repeat(9,minmax(0,1fr))}}.tile{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;container-type:inline-size}.tile__plate{background:var(--deep);height:28cqw;color:var(--white);justify-content:center;align-items:center;padding:0 4cqw;display:flex;overflow:hidden}.tile__name{font-size:min(11cqw, calc(230cqw / var(--name-len,10)));letter-spacing:-.02em;text-transform:uppercase;text-align:center;text-wrap:balance;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:.94;display:-webkit-box;overflow:hidden}.tile__square{aspect-ratio:1;background:var(--deep);display:block;position:relative;overflow:hidden}.tile__square img{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.tile__placeholder{background:repeating-linear-gradient(-45deg, #ffffff0d 0 6px, transparent 6px 12px), var(--deep);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tile__placeholder-mark{font-family:var(--mono);letter-spacing:.1em;color:#ffffff59;font-size:9cqw}.tile:hover .tile__square img,.tile:focus-visible .tile__square img{transform:scale(1.04)}.tile:focus-visible{outline:3px solid var(--deep);outline-offset:2px}.modal{border-radius:var(--radius);background:var(--deep);width:min(720px,100vw - 20px);max-height:min(86vh,900px);color:var(--white);border:0;padding:0;overflow:hidden}.modal::backdrop{background:#320200b8}.modal__inner{max-height:inherit;flex-direction:column;max-height:min(86vh,900px);display:flex}.modal__head{align-items:flex-start;gap:12px;padding:16px 16px 10px;display:flex}.modal__name{letter-spacing:-.03em;text-transform:uppercase;flex:1;margin:0;font-size:clamp(24px,6vw,42px);font-weight:700;line-height:.95}.modal__close{border:1px solid var(--deep-line);border-radius:var(--radius);width:34px;height:34px;color:var(--white);cursor:pointer;background:0 0;flex:none;padding:7px}.modal__close:hover{background:var(--deep-tint)}.modal__close svg{width:100%;height:100%}.modal__links{border-bottom:1px solid var(--deep-line);gap:8px;padding:0 16px 14px;display:flex}.modal__links a{border:1px solid var(--deep-line);border-radius:var(--radius);width:34px;height:34px;color:var(--white);place-items:center;transition:background .14s;display:grid}.modal__links a:hover{background:var(--red);border-color:var(--red)}.modal__links svg{width:19px;height:19px}.modal__songs{overscroll-behavior:contain;flex:1;margin:0;padding:4px 0 12px;list-style:none;overflow-y:auto}.modal__empty{font-family:var(--mono);opacity:.7;padding:20px 16px 28px;font-size:12px}.song{grid-template-columns:26px 56px 1fr auto;align-items:center;gap:10px;padding:8px 16px;display:grid}.song+.song{border-top:1px solid #ffffff14}.song--playing{background:#ef41352e}.song__index{font-family:var(--mono);opacity:.5;font-size:11px}.song__art{background:#ffffff14;width:56px;height:56px;position:relative}.song__art img,.song__art-empty{object-fit:cover;width:100%;height:100%;display:block}.song__play{color:var(--white);cursor:pointer;opacity:0;background:#32020073;border:0;place-items:center;padding:0;transition:opacity .12s;display:grid;position:absolute;inset:0}.song__play svg{width:22px;height:22px}@media (hover:none){.song__play{opacity:1;background:#32020059}}.song:hover .song__play,.song__play:focus-visible,.song--playing .song__play{opacity:1}.song__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.song__title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.2;overflow:hidden}.song__artist{font-family:var(--mono);opacity:.68;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.song__year{opacity:.7}.song__links{gap:6px;display:flex}.song__links a{width:26px;height:26px;color:var(--white);opacity:.55;place-items:center;transition:opacity .12s;display:grid}.song__links a:hover,.song__links a:focus-visible{opacity:1}.song__links svg{width:15px;height:15px}@media (max-width:460px){.song{grid-template-columns:20px 48px 1fr auto;gap:8px;padding:8px 12px}.song__art{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}