.sounds-hero,.sounds-club{color:#f9f3e8;background:radial-gradient(circle at 85% 20%,#633b2e 0,transparent 34%),linear-gradient(125deg,#431d20,#291e1b 75%,#22392d)}
.sounds-hero{padding:clamp(4rem,8vw,7rem) 0}.sounds-kicker{color:#d5a64d;font-size:.78rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.sounds-hero h1,.sounds-club h2{font-family:Arial,sans-serif;text-transform:uppercase;line-height:1.03;letter-spacing:-.055em}.sounds-hero h1{font-size:clamp(3.25rem,8vw,7rem);margin:.5em 0 .35em}.sounds-hero h1 em{font-style:normal;color:#e5ba66}.sounds-lead{font-size:clamp(1.25rem,2.4vw,1.8rem);font-weight:700;max-width:48rem}.sounds-hero p{max-width:52rem}.sounds-hero-link,.sounds-cta-link{display:inline-block;margin-top:1.25rem;padding:.85rem 1.55rem;border-radius:100px;background:#f8eedb;color:#65322c;text-decoration:none;font-weight:700}.sounds-hero-link:hover,.sounds-cta-link:hover{background:#e9bc70}.sounds-rock,.sounds-club{padding:clamp(3.5rem,7vw,6rem) 0}.sounds-rock{background:#fbf8f1;color:#2d2420}.sounds-rock h2,.sounds-cta h2{font-size:clamp(2rem,5vw,3.6rem);margin:.35em 0}.sounds-rock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-top:2.2rem}.sound-track,.sound-group{background:#f5eee2;color:#2d2420;border-radius:1.25rem;padding:1.35rem;min-width:0}.sound-track{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}.sound-track h3,.sound-group h3{font-size:1.5rem;line-height:1.16;margin:0}.sound-track p{margin:.45rem 0 0;font-size:.9rem}.sound-track audio,.sound-group audio{display:block;width:100%;max-width:100%;min-width:0;height:42px}.sounds-club h2{font-size:clamp(2.4rem,5.5vw,4.5rem);margin:.35em 0}.sounds-club-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.sound-group{background:#fff9ee;padding:clamp(1.25rem,2.4vw,2rem)}.sound-group .sounds-kicker{color:#894c3a}.sound-group ul{list-style:none;padding:0;margin:1.3rem 0 0;display:grid;gap:.75rem}.sound-group li{background:#efe2ce;padding:.7rem;border-radius:.8rem;min-width:0}.sound-group li span{display:block;font-weight:700;margin:0 0 .35rem}.sound-note{font-size:.85rem;line-height:1.45;margin:1.2rem 0 0}.sounds-cta{background:#233e32;color:#fbf7ee;padding:clamp(3rem,6vw,5rem) 0}.sounds-cta .shell{display:flex;align-items:center;justify-content:space-between;gap:2rem}.sounds-cta p{max-width:45rem}.sounds-cta-link{margin:0;white-space:nowrap}.more-sounds-link{display:table;margin:1rem auto 0;padding:.8rem 1.2rem;border-radius:100px;background:#713833;color:#fff8ec;text-decoration:none;font-weight:700}.more-sounds-link:hover{background:#542825}.sounds-hero-link:focus-visible,.sounds-cta-link:focus-visible,.more-sounds-link:focus-visible{outline:3px solid #d7ac5d;outline-offset:3px}
@media(max-width:850px){.sounds-hero{padding-top:7rem}.sounds-rock-grid{grid-template-columns:1fr 1fr}.sounds-club-grid{grid-template-columns:1fr}.sounds-cta .shell{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.sounds-rock-grid{grid-template-columns:1fr}.sounds-hero h1{font-size:clamp(2.75rem,13vw,4.25rem)}.sounds-rock,.sounds-club{padding:3rem 0}.sound-track{gap:1rem}.sounds-cta-link{white-space:normal}}

/* A single enhanced playlist replaces nine native controls; without JS, native controls remain. */
body.has-sounds-player{padding-bottom:calc(var(--sounds-player-height, 150px) + 1rem)}
.has-sounds-player .sound-track audio,.has-sounds-player .sound-group audio{display:none}
.sound-track-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:auto}
.sound-track-actions button{font:inherit;font-weight:800;font-size:.9rem;border:1px solid #b88b68;border-radius:999px;padding:.56rem .95rem;cursor:pointer;min-height:42px}
.sound-select{background:#713833;color:#fff8ec}
.sound-select:hover{background:#542825}
.sound-share{background:transparent;color:#623c2c}
.sound-share:hover{background:#ead8c0}
.sound-track.is-selected,.sound-group li.is-selected{outline:3px solid #c89a55;outline-offset:2px}
.sound-track:focus,.sound-group li:focus{outline:3px solid #c89a55;outline-offset:4px}
.sound-track,.sound-group li{scroll-margin-top:7rem;scroll-margin-bottom:calc(var(--sounds-player-height, 150px) + 1rem)}
.sounds-player{position:fixed;z-index:45;bottom:0;left:0;right:0;background:#251e1d;color:#fff8ed;box-shadow:0 -12px 32px rgba(0,0,0,.25);border-top:3px solid #d7a95f;padding: .7rem max(1rem,env(safe-area-inset-right)) calc(.7rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}
.sounds-player-inner{max-width:1160px;margin:auto;display:grid;gap:.45rem}
.sounds-player-head,.sounds-player-bottom{display:flex;align-items:center;gap:1rem}
.sounds-player-head{justify-content:space-between;min-width:0}
.sounds-player-now{display:flex;align-items:center;gap:.6rem;min-width:0}
.sounds-player-art{display:block;width:40px;height:40px;flex:0 0 40px;object-fit:cover;border-radius:.5rem}
.sounds-player-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .55rem;min-width:0}
.sounds-player-copy strong{font-size:1rem;line-height:1.2}
.sounds-player-copy [data-player-mix]{color:#e6bc73;font-size:.9rem;font-weight:700}
.sounds-player-kicker{font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#d7a95f;white-space:nowrap}
.sounds-player-count{font-size:.78rem;color:#e9d8c2;white-space:nowrap}
.sounds-player-controls{display:flex;align-items:center;gap:.55rem;flex:none}
.sounds-player-controls button{display:grid;place-items:center;flex:none;border:1.5px solid #c49a60;background:#382a29;color:#f2ca82;border-radius:50%;width:48px;height:48px;padding:0;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.sounds-player-controls button svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.sounds-player-controls [data-player-toggle]{background:#e7bb70;border-color:#e7bb70;color:#301c20;width:52px;height:52px;box-shadow:0 3px 12px rgba(0,0,0,.24)}
.sounds-player-controls [data-player-toggle] .sounds-icon-play{fill:currentColor;stroke:none;width:22px;height:22px;margin-left:2px}
.sounds-player-controls [data-player-toggle] .sounds-icon-pause{display:none;stroke-width:3}
.sounds-player-controls [data-player-toggle][data-playing="true"] .sounds-icon-play{display:none}
.sounds-player-controls [data-player-toggle][data-playing="true"] .sounds-icon-pause{display:block}
.sounds-player-controls button:hover{background:#614235;border-color:#f2ca82;box-shadow:0 0 0 3px rgba(231,187,112,.16)}
.sounds-player-controls [data-player-toggle]:hover{background:#f4cd88;border-color:#f4cd88}
.sounds-player-controls button:active{transform:scale(.93);background:#77513b}
.sounds-player-controls [data-player-toggle]:active{background:#dca65a}
.sounds-player-timeline{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0;font-size:.76rem;font-variant-numeric:tabular-nums}
.sounds-player-timeline input{width:100%;min-width:0;accent-color:#e7bb70;cursor:pointer}
.sounds-player-timeline input:disabled{cursor:not-allowed;opacity:.6}
.sounds-player-status{font-size:.72rem;min-height:1em;color:#ead2ac;overflow-wrap:anywhere}
.sounds-player button:focus-visible,.sound-track-actions button:focus-visible,.sounds-player-timeline input:focus-visible{outline:3px solid #f6d999;outline-offset:3px}
@media(max-width:600px){.sounds-player{padding-top:.55rem}.sounds-player-inner{gap:.38rem}.sounds-player-head{align-items:flex-start}.sounds-player-copy{display:grid;gap:.05rem}.sounds-player-copy strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.sounds-player-copy [data-player-mix]{font-size:.8rem}.sounds-player-bottom{gap:.7rem}.sounds-player-controls{gap:.3rem}.sounds-player-controls button{width:48px;height:48px}.sounds-player-controls [data-player-toggle]{width:52px;height:52px}.sounds-player-timeline{gap:.3rem;font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.sounds-player *, .sound-track-actions *{scroll-behavior:auto;transition:none!important}}

/* Quiet square illustrations accompany each music section without becoming hero images. */
.sounds-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(1.5rem,5vw,4rem)}
.sounds-section-copy{min-width:0}
.sounds-section-art{flex:0 0 clamp(132px,18vw,204px);width:clamp(132px,18vw,204px);margin:0;text-align:center;transform:translateY(-22px)}
.sounds-section-art img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:1rem;object-fit:cover;box-shadow:0 10px 28px rgba(35,25,22,.14)}
@media(max-width:600px){.sounds-section-intro{gap:1rem}.sounds-section-art{flex-basis:96px;width:96px}.sounds-section-art img{border-radius:.75rem}}

/* Mobile-first listening rhythm: shorter introduction, comfortable controls, denser club rows. */
@media(max-width:600px){.sounds-hero{padding-top:5rem;padding-bottom:1.25rem}.sounds-hero h1{margin:.35em 0 .25em}.sounds-hero-link{margin-top:.8rem}.sounds-rock{padding-top:2.5rem}.sounds-rock-grid{margin-top:1.5rem}.sounds-club-grid{gap:1rem;margin-top:1.5rem}.sounds-club .sound-group{padding:1rem}.sounds-club .sound-group ul{margin-top:1rem;gap:.55rem}.sounds-club .sound-group li{padding:.55rem .7rem}.sounds-club .sound-track-actions button{min-height:44px}}
@media(max-width:360px){.sounds-player-art{width:36px;height:36px;flex-basis:36px}.sounds-player-now{gap:.45rem}.sounds-player-head,.sounds-player-bottom{gap:.5rem}.sounds-player-copy strong{font-size:.88rem}}

/* Limited DarkSide feature: a restrained neon edge, not a second hero. */
.sounds-special{background:#191721;color:#f6f0e7;padding:0 0 clamp(3rem,6vw,5rem)}
.sounds-special-card{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:clamp(1.4rem,4vw,3rem);align-items:center;overflow:hidden;padding:clamp(1.3rem,4vw,3rem);border:1px solid #755879;border-radius:1.35rem;background:radial-gradient(circle at 90% 10%,rgba(201,70,172,.16),transparent 38%),linear-gradient(135deg,#302536,#201e2a 70%);box-shadow:inset 0 1px rgba(255,255,255,.1),0 18px 42px rgba(0,0,0,.2)}
.sounds-special-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#d777d0,#79c3e0)}
.sounds-special-label{display:inline-flex;align-items:center;min-height:32px;margin:0;padding:.35rem .7rem;border:1px solid #ad79ae;border-radius:999px;color:#f5c6ed;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sounds-special h2{margin:.65rem 0 .15rem;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.1;letter-spacing:-.035em}
.sounds-special-subtitle{margin:.1rem 0 1.2rem;color:#e8b3df;font-weight:800}
.sounds-special-copy>p:not(.sounds-special-label):not(.sounds-special-subtitle){max-width:62ch;line-height:1.6}
.sounds-special-meta{color:#eec987;font-weight:700}
.sounds-special-link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;margin-top:.25rem;padding:.65rem 1rem;border:1px solid #e6b5db;border-radius:999px;color:#fff4fc;text-decoration:none;font-weight:800;transition:background .15s,border-color .15s,transform .15s}
.sounds-special-link:hover{background:#71486e;border-color:#fff;transform:translateY(-2px)}
.sounds-special-link:focus-visible{outline:3px solid #f8d17e;outline-offset:3px}
.sounds-special-track{background:#f5edf2;min-height:210px;border:1px solid #cf9ec6;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.sounds-special-track h3{font-size:1.35rem}.sounds-special-track p{color:#613d65;font-weight:700}
.sounds-special-wave{display:block;width:88px;height:30px;margin:0 0 1rem;background:linear-gradient(90deg,#a759a3,#e3ac6b);clip-path:polygon(0 45%,8% 45%,12% 0,16% 100%,22% 40%,28% 40%,32% 20%,36% 80%,42% 40%,50% 40%,54% 0,58% 100%,64% 45%,70% 45%,74% 22%,78% 75%,84% 45%,100% 45%)}
.sounds-special-track .sound-track-actions button:focus-visible{outline:3px solid #a557a0;outline-offset:3px}
@media(max-width:700px){.sounds-special-card{grid-template-columns:1fr}.sounds-special-track{min-height:0}.sounds-special{padding-bottom:3rem}}
.sounds-special-media{display:grid;gap:.7rem;min-width:0}
.sounds-special-art{position:relative;margin:0;overflow:hidden;border-radius:1rem;border:1px solid #765a86;aspect-ratio:1;max-width:350px;width:100%;justify-self:center;box-shadow:0 12px 30px rgba(0,0,0,.32)}
.sounds-special-art img{display:block;width:100%;height:100%;object-fit:cover}
.sounds-special-art figcaption{position:absolute;right:.45rem;bottom:.45rem;padding:.2rem .45rem;border-radius:.3rem;background:rgba(18,13,27,.82);color:#f5e7f4;font-size:.64rem;letter-spacing:.03em}
.sounds-special-track{min-height:0}
@media(max-width:700px){.sounds-special-media{grid-template-columns:minmax(0,1fr) 1fr;align-items:stretch}.sounds-special-art{max-width:none}.sounds-special-track{padding:1rem}.sounds-special-track .sound-track-actions{gap:.35rem}.sounds-special-track .sound-track-actions button{padding:.55rem .7rem}}
@media(max-width:420px){.sounds-special-media{grid-template-columns:1fr}.sounds-special-art{max-width:220px;justify-self:start}.sounds-special-track{padding:1.2rem}}