/* Local-only forest texture and accessibility candidate. */
:root{--muted:#c5d0c7}
body{background-color:#060e0a;background-image:linear-gradient(rgba(6,14,10,.62),rgba(6,14,10,.62)),url('/assets/grunge-forest.webp');background-size:cover;background-position:center top;background-attachment:scroll}
body:before{content:none}
.service:not(.primary){border-color:#91ad99;background:rgba(6,14,10,.72)}
.service:not(.primary):hover{background:#253a2d}
.track-control{border-color:#9bbba4}
.player-toggle,.next-track{width:44px;height:44px;min-width:44px;min-height:44px}
.player input{height:44px}
:focus-visible{outline:3px solid #edf7f0;outline-offset:4px}
@media(max-width:760px){body{background-attachment:scroll}.player{gap:8px}.player-meta{font-size:10px}.player-note{font-size:11px}.track-number,.track-length{font-size:11px}}
@media(prefers-reduced-motion:reduce){body{background-attachment:scroll}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(prefers-contrast:more){body{background-image:linear-gradient(rgba(6,14,10,.86),rgba(6,14,10,.86)),url('/assets/grunge-forest.webp')}a{ text-decoration-thickness:2px}}

.player-toggle svg,.next-track svg,.track-control svg{display:block;fill:currentColor}.track-control svg{width:12px;height:12px}svg[data-state="play"] .pause-shape,svg[data-state="pause"] .play-shape{display:none}

.player input::-webkit-slider-runnable-track{background:#6c8470}.player input::-moz-range-track{background:#6c8470}

/* Distinct full-width bands; translucent framing retains the forest. */
.header-frame,.footer-frame{background-color:transparent;background-image:linear-gradient(rgba(1,6,3,.64),rgba(1,6,3,.64)),url('/assets/grunge-forest.webp');background-size:cover;background-position:center 42%}.footer-frame{background-position:center 70%}
.header-frame{border-bottom:1px solid rgba(168,203,179,.22)}
.site-header{border-bottom:0}
.footer-frame{display:block;padding:0;border-top:1px solid rgba(168,203,179,.26)}
.footer-content{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:36px}
.release-region{background:linear-gradient(110deg,rgba(4,10,7,.12),rgba(4,10,7,.32));border-bottom:1px solid rgba(168,203,179,.30)}
.release{padding-block:72px 76px}
.previews-region{background:linear-gradient(125deg,rgba(10,29,16,.90),rgba(4,18,9,.92));border-bottom:1px solid rgba(168,203,179,.30)}
.previews{border-top:0;padding-block:82px 88px}
.band-section{background:linear-gradient(110deg,rgba(2,8,4,.82),rgba(5,14,8,.72));border-top:0}
.band-grid{padding-block:82px 74px}
@media(max-width:760px){.release{padding-block:36px 48px}.previews{padding-block:48px 52px}.band-grid{padding-block:52px}.footer-content{display:grid;grid-template-columns:1fr auto;row-gap:15px;padding-block:30px}.footer-content>span:nth-child(2){grid-row:2;grid-column:1/-1}.release-region{background:linear-gradient(180deg,rgba(4,10,7,.12),rgba(4,10,7,.32))}.previews-region{background:linear-gradient(160deg,rgba(10,29,16,.90),rgba(4,18,9,.92))}.band-section{background:linear-gradient(165deg,rgba(2,8,4,.82),rgba(5,14,8,.72))}}

/* Rich green console, with no pale section wash. */
.player{background:#102619;border-color:#5b7d62}.track.active{background:#142b1c}.track:hover{background:#1a3523}
@media(prefers-contrast:more){.header-frame,.footer-frame{background-image:linear-gradient(rgba(1,6,3,.84),rgba(1,6,3,.84)),url('/assets/grunge-forest.webp')}}

/* Crisp, readable music-service CTAs. Green stays in the Spotify accent. */
.services .service{background:#141a17;color:#fff;font-size:14px;font-weight:600;min-height:56px;gap:10px;padding-inline:12px}
.services .service>span:first-child{white-space:nowrap}
.services .service.primary{background:#141a17;color:#fff;border-color:#83b18f}
.services .service.primary>span[aria-hidden]{color:#8ebc9c}
.services .service:hover{background:#26342b;color:#fff;border-color:#b8d4c0}
.services .service:active{background:#0b100d;color:#fff;border-color:#d4e8d8}
.services .service:focus-visible{outline:3px solid #fff;outline-offset:4px;color:#fff}