.page-head{padding:64px 0 34px}.page-head h1{font-size:clamp(30px,5vw,48px)}.riff-grid{display:grid;grid-template-columns:1fr;gap:20px;padding-bottom:20px}.riff-card{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;color:inherit}a.riff-card:hover{border-color:var(--brand);text-decoration:none}.riff-thumb{aspect-ratio:9/16;background:var(--studio);position:relative;display:grid;place-items:center}.riff-thumb img{width:100%;height:100%;object-fit:cover}.riff-play{position:absolute;inset:auto 12px 12px auto;background:var(--brand);color:#fff;font:600 11px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:99px}.riff-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.riff-body h2,.riff-body h3{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.25}.riff-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:6px}.pill{font:600 10px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:99px;border:1px solid var(--border);color:var(--text-muted)}.pill.tag{border-color:var(--accent);color:var(--accent)}.pips{display:inline-flex;gap:3px}.pip{width:7px;height:7px;border-radius:50%;background:var(--border)}.pip.on{background:var(--accent)}.riff-empty{border:1px dashed var(--border);border-radius:var(--r);padding:56px 28px;text-align:center;background:var(--bg-raised)}@media (min-width:640px){.riff-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.riff-grid{grid-template-columns:repeat(3,1fr)}}