.listen{gap:18px;max-width:1240px;margin:0 auto;padding:56px 20px 7rem;display:grid}@media (min-width:768px){.listen{padding:72px 32px 5rem}}.listen-head{gap:8px;display:grid}.listen-head h2{font:700 clamp(1.8rem, 3.6vw, 2.6rem)/1 var(--font-display);color:var(--ink);margin:0}.listen-head p{max-width:52ch;font:400 1.05rem/1.5 var(--font-serif);color:var(--muted,#6b5e51);margin:0}.listen-rows{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.listen-row{background:#fbf8f1;border:1px solid #1c17121a;border-radius:12px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:16px;padding:16px;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:inset 0 1px #fffc,0 8px 20px -14px #2e1a0c59}.listen-row:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fffc,0 14px 26px -14px #2e1a0c73}.listen-cover{object-fit:cover;background:#2a1d0e;border-radius:6px;width:76px;height:76px;box-shadow:0 6px 14px #2e1a0c33}.listen-row b{font:700 1.15rem/1.2 var(--font-display);color:var(--ink);display:block}.listen-row small{font:600 11px/1.3 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted,#6b5e51);margin:2px 0 10px;display:block}.listen-links{flex-wrap:wrap;gap:6px;display:flex}.listen-links a{font:600 13px/1 var(--font-sans);white-space:nowrap;color:var(--paper);background:var(--forest);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.listen-links a:hover{background:var(--ocean)}.listen-links a:active{transform:translateY(1px)}.listen-links a:focus-visible{outline:2px solid var(--dirt);outline-offset:2px}.listen-links svg{fill:currentColor;width:13px;height:13px}@media (prefers-reduced-motion:reduce){.listen-row{transition:none}.listen-row:hover{transform:none}}