#sound-browser{padding:12px 0 40px}#sound-browser[hidden],#catalogue-results[hidden]{display:none!important}#sound-browser h2{font-size:clamp(36px,5vw,64px);line-height:1.05;margin:0 0 12px}.sound-intro{font-size:22px;color:var(--muted);margin:0 0 24px}.sound-controls{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:34px}.sound-controls label{min-width:240px;flex:1;max-width:430px}.sound-tabs{display:flex;gap:8px}.sound-tabs button{min-height:56px;padding:12px 24px}.sound-tabs [aria-pressed=true]{background:var(--accent);color:#170d25}.sound-all{margin-left:auto}.sound-section{margin-bottom:40px}.sound-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.sound-section h3{font-size:clamp(25px,3vw,36px);margin:0}.sound-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.sound-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none!important;padding:0!important;min-width:0;transition:transform .18s,border-color .18s}.sound-card:hover,.sound-card:focus-visible{transform:translateY(-4px);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px}.sound-picture{display:block;aspect-ratio:1.15;background-image:none;background-size:400% 500%;background-repeat:no-repeat}.sound-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 12px;color:var(--ink);font-size:clamp(17px,1.5vw,23px);line-height:1.2;min-height:62px}.sound-caption strong{overflow-wrap:anywhere}.sound-caption>span{color:var(--accent);flex-shrink:0}.sound-unclassified{grid-column:1/-1;padding:20px}.sound-back{display:inline-block;margin:0 0 22px}#sound-loading{font-size:20px}@media(max-width:1100px){.sound-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-controls{gap:12px}.sound-all{margin-left:0}.sound-section-head{align-items:start}.sound-section-head>a{font-size:14px}.sound-caption{font-size:18px}.sound-intro{font-size:18px}}@media(prefers-reduced-motion:reduce){.sound-card{transition:none}}
#sound-browser a.sound-card{display:flex;align-items:stretch;justify-content:flex-start;gap:0;margin:0;padding:0;min-height:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-weight:400;text-align:left;line-height:1.2}
#sound-browser a.sound-card:hover{background:var(--surface);border-color:var(--accent)}
.sound-picture{width:100%;flex-shrink:0}.sound-genre-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.sound-genre-buttons button{font-size:16px;min-height:48px;padding:10px 18px}.sound-genre-buttons [aria-pressed=true]{background:var(--accent);color:#170d25}

.sound-type-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 30px}.sound-type-buttons button{min-height:58px;padding:14px 24px;font-size:20px}.sound-type-buttons button[aria-pressed=true]{background:var(--accent);color:#170d25}#sound-browser>h3{font-size:24px;margin:20px 0 12px}

/* Shallow artwork: half the previous image height. */
#sound-browser .sound-picture{aspect-ratio:2.3;background-size:cover;background-position:center;}

/* Ten most-stocked styles: two rows of five on desktop. */
.sound-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
#sound-browser img.sound-picture{display:block;width:100%;height:auto;aspect-ratio:2.3;object-fit:cover;object-position:center;background:none}
.sound-card-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.sound-card-copy small{font-size:13px;font-weight:400;color:var(--muted)}
@media(max-width:900px){.sound-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

#sound-browser img.sound-picture{height:90px;aspect-ratio:auto}