:root{--black:#050505;--white:#f5f5f2;--muted:#aaa;--cyan:#19d8ff;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(22px,4vw,72px);background:linear-gradient(to bottom,rgba(0,0,0,.82),transparent);transition:.35s}.site-header.scrolled{height:72px;padding-top:7px;padding-bottom:7px;background:rgba(5,5,5,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{height:100%;display:flex;align-items:center;overflow:hidden}.brand img{width:clamp(145px,13vw,235px);max-height:100%;object-fit:contain}.header-right{display:flex;align-items:center;gap:28px}.site-nav{display:flex;gap:28px;font-size:10px;font-weight:700;letter-spacing:.18em}.site-nav a{opacity:.72}.site-nav a:hover{opacity:1}.header-socials{display:flex;align-items:center;gap:9px;padding-left:24px;border-left:1px solid rgba(255,255,255,.28)}.header-socials a{width:31px;height:31px;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;font-size:8px;font-weight:800;letter-spacing:.08em;transition:.2s}.header-socials a:hover{background:#fff;color:#000}.header-socials .secondary{opacity:.55}.menu-toggle{display:none;border:0;background:none;color:#fff;font:700 10px Montserrat;letter-spacing:.18em;padding:10px 0}
.hero{position:relative;height:100svh;min-height:620px;display:flex;align-items:flex-end;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/hero.jpg') center 42%/cover no-repeat;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12) 58%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 42%)}.hero-lockup{position:relative;z-index:2;padding:0 clamp(22px,6vw,110px) clamp(68px,9vh,110px);max-width:1100px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.28em;margin:0 0 22px}.hero h1,.release-copy h2,.band-copy h2,.section-head h2,.listen h2,.follow h2{font-size:clamp(52px,7vw,128px);line-height:.87;letter-spacing:-.055em;margin:0;font-weight:800}.hero h1{font-size:clamp(60px,7.8vw,142px)}.text-link{display:inline-flex;gap:18px;margin-top:32px;font-size:11px;font-weight:700;letter-spacing:.2em;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:8px}.scroll-cue{position:absolute;right:clamp(22px,4vw,72px);bottom:38px;z-index:3;font-size:9px;letter-spacing:.3em;writing-mode:vertical-rl;opacity:.6}
.current{min-height:100svh;display:grid;grid-template-columns:minmax(320px,1fr) 1.15fr;align-items:center;gap:clamp(45px,8vw,150px);padding:clamp(90px,10vw,170px) clamp(22px,7vw,130px);background:#070707}.release-art{max-width:680px;justify-self:end}.release-art img{width:100%;box-shadow:0 25px 90px rgba(0,210,255,.11)}.release-copy{max-width:900px}.release-copy h2{font-size:clamp(48px,6.2vw,112px)}.cyan{color:var(--cyan)}.release-note{max-width:560px;margin:30px 0 0;font-size:clamp(15px,1.15vw,19px);line-height:1.75;color:#c8c8c8;font-weight:300}.actions{display:flex;gap:12px;margin-top:38px}.button{padding:15px 22px;font-size:10px;font-weight:800;letter-spacing:.2em;border:1px solid #fff}.button.primary{background:#fff;color:#000}
.music{padding:clamp(100px,11vw,190px) clamp(22px,6vw,110px);background:#080808}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px;border-bottom:1px solid var(--line);padding-bottom:32px}.section-head .eyebrow{margin:0 0 12px}.section-head h2{font-size:clamp(62px,8vw,140px)}.catalogue-note{font-size:9px;font-weight:700;letter-spacing:.2em;color:#777;margin:0 0 12px}.catalogue{display:grid;gap:clamp(18px,2.2vw,38px)}.catalogue.released{grid-template-columns:repeat(5,1fr)}.catalogue.upcoming{grid-template-columns:repeat(4,1fr)}.release-card img,.title-art{aspect-ratio:1;object-fit:cover;width:100%;background:#111}.release-card>div:last-child{padding-top:18px}.release-card span{font-size:8px;font-weight:700;letter-spacing:.18em;color:#888}.release-card h3{font-size:clamp(13px,1vw,18px);line-height:1.25;margin:7px 0 0;font-weight:700}.release-card a{display:inline-block;margin-top:11px;font-size:8px;font-weight:800;letter-spacing:.16em;border-bottom:1px solid #777;padding-bottom:4px}.title-art{position:relative;padding:9%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid #252525;background:linear-gradient(145deg,#e8e8e5,#a8a8a4);color:#080808}.title-art:after{content:"";position:absolute;width:65%;height:65%;border:1px solid currentColor;opacity:.15;right:-18%;bottom:-20%;transform:rotate(35deg)}.title-art span{color:inherit;opacity:.65}.title-art b{font-size:clamp(16px,1.6vw,30px);line-height:.9;letter-spacing:-.05em;position:relative;z-index:1}.art-pleasant{background:linear-gradient(145deg,#111,#555);color:#fff}.art-spite{background:linear-gradient(145deg,#eee,#d4d4d0);color:#111}.art-help{background:linear-gradient(145deg,#242424,#050505);color:#fff}.current-card{position:relative}.current-card:before{content:"CURRENT";position:absolute;z-index:2;top:12px;right:12px;background:#fff;color:#000;padding:7px 9px;font-size:7px;font-weight:900;letter-spacing:.15em}.pipeline-head{margin:100px 0 32px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}.pipeline-head .eyebrow{margin:0}.pipeline-head p:last-child{margin:0;font-size:9px;letter-spacing:.18em;color:#666}.future .title-art{filter:grayscale(1);background:linear-gradient(145deg,#282828,#0d0d0d);color:#e9e9e9}.future .title-art em{font-style:normal;font-size:7px;font-weight:800;letter-spacing:.22em;border-top:1px solid rgba(255,255,255,.25);padding-top:10px}.draft-note{font-size:8px;letter-spacing:.12em;color:#555;margin-top:30px}
.band{display:grid;grid-template-columns:1.3fr .7fr;min-height:92svh;background:#efefed;color:#090909}.band-photo{min-height:700px}.band-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.band-copy{align-self:center;padding:80px clamp(30px,6vw,100px)}.band-copy h2{font-size:clamp(44px,5.4vw,94px)}.lede{font-size:18px;line-height:1.7;max-width:520px;margin:30px 0 48px}.members{border-top:1px solid rgba(0,0,0,.22)}.members p{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid rgba(0,0,0,.18);padding:15px 0;margin:0;font-size:10px;letter-spacing:.14em}.members span{font-weight:500;color:#555;text-align:right}
.image-break{height:72svh;min-height:520px;overflow:hidden}.image-break-bg{width:100%;height:100%;background:url('assets/parkade.jpg') center 46%/cover no-repeat;filter:saturate(.8)}
.listen{padding:clamp(110px,13vw,220px) 22px;text-align:center;background:#050505}.listen h2{font-size:clamp(52px,8vw,145px)}.platforms{margin:65px auto 0;display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,80px);flex-wrap:wrap}.platforms a{display:block;opacity:.78;transition:.2s}.platforms a:hover{opacity:1;transform:translateY(-2px)}.platforms img{width:clamp(120px,13vw,220px);height:50px;object-fit:contain;filter:grayscale(1) brightness(4)}.platforms a:last-child img{transform:scale(1.25)}
footer{border-top:1px solid var(--line);padding:0 clamp(22px,6vw,110px) 34px}.follow{padding:clamp(80px,9vw,145px) 0;border-bottom:1px solid var(--line)}.follow h2{font-size:clamp(48px,6.6vw,110px)}.follow-links{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--line)}.follow-links a{display:flex;justify-content:space-between;align-items:center;padding:22px 16px 22px 0;border-bottom:1px solid var(--line);font-size:10px;font-weight:700;letter-spacing:.16em;color:#888}.follow-links a.priority{color:#fff;font-size:12px}.follow-links a:hover{color:var(--cyan)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:55px 0 40px}.footer-emblem{width:74px;height:74px;object-fit:contain}.footer-links{display:flex;gap:28px;font-size:9px;font-weight:700;letter-spacing:.16em}.copyright{margin:0;font-size:8px;letter-spacing:.16em;color:#666}.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.catalogue.released{grid-template-columns:repeat(3,1fr)}.catalogue.upcoming{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-header{height:76px;padding-top:8px;padding-bottom:8px}.brand img{width:155px}.header-right{gap:16px}.menu-toggle{display:block}.site-nav{position:absolute;top:76px;left:0;width:100%;display:none;flex-direction:column;gap:0;background:rgba(5,5,5,.98);padding:18px 22px 28px;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.site-nav a{padding:15px 0;border-bottom:1px solid var(--line)}.header-socials{order:-1;padding-left:0;padding-right:15px;border-left:0;border-right:1px solid rgba(255,255,255,.25)}.header-socials a{width:28px;height:28px}.header-socials .secondary{display:none}.hero{min-height:680px}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.15) 72%)}.hero-lockup{padding-bottom:72px}.hero h1{font-size:clamp(52px,14vw,84px)}.scroll-cue{display:none}.current{grid-template-columns:1fr;gap:50px;padding-top:100px}.release-art{justify-self:start;width:min(100%,650px)}.release-copy h2{font-size:clamp(45px,11vw,78px)}.band{grid-template-columns:1fr}.band-photo{min-height:0;height:62svh}.band-copy{padding:75px 22px 90px}.band-copy h2{font-size:clamp(42px,11vw,72px)}.follow-links{grid-template-columns:1fr 1fr}.footer-bottom{align-items:flex-end}.footer-links{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:560px){.site-header{background:rgba(5,5,5,.72)}.brand img{width:132px}.header-right{gap:11px}.header-socials{gap:6px;padding-right:10px}.header-socials a{width:27px;height:27px}.hero-image{background-image:url('assets/band-studio.jpg');background-position:center 35%}.hero-lockup .eyebrow{display:none}.hero h1{font-size:clamp(48px,14.5vw,70px)}.current{padding-left:18px;padding-right:18px}.release-copy h2{font-size:clamp(42px,11.7vw,64px)}.actions{width:100%}.button{flex:1;text-align:center}.section-head{display:block}.section-head h2{margin-top:10px}.catalogue-note{margin-top:16px}.catalogue.released,.catalogue.upcoming{grid-template-columns:1fr 1fr}.release-card h3{font-size:12px}.title-art b{font-size:clamp(14px,4.6vw,22px)}.pipeline-head{display:block}.pipeline-head p:last-child{margin-top:10px}.band-photo{height:55svh}.members p{flex-direction:column;gap:5px}.members span{text-align:left}.image-break{height:56svh;min-height:420px}.listen h2{font-size:clamp(42px,12vw,68px)}.platforms{flex-direction:column;gap:34px}.platforms img{width:180px}.follow-links{grid-template-columns:1fr}.follow-links a{padding:19px 0}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:18px}.footer-emblem{width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* v0.3 refinements */
.header-socials a{border:0;width:25px;height:25px;padding:2px;opacity:.82}.header-socials a:hover{background:transparent;color:#fff;opacity:1;transform:translateY(-1px)}.header-socials svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-socials svg .fill{fill:currentColor;stroke:none}.header-socials .secondary{opacity:.45}
.future-art{position:relative;aspect-ratio:1;overflow:hidden;background:#111}.future-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.55);transition:.3s}.future-art:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12)}.coming{position:absolute!important;z-index:2;left:16px;bottom:16px;color:#fff!important;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.4);padding:8px 10px;font-size:7px!important;letter-spacing:.2em!important}.future:hover .future-art img{filter:grayscale(.72) brightness(.68)}
.music .listen{margin:clamp(110px,12vw,190px) calc(clamp(22px,6vw,110px) * -1) calc(clamp(100px,11vw,190px) * -1);padding-left:22px;padding-right:22px;border-top:1px solid var(--line)}
.follow{padding:clamp(100px,11vw,180px) clamp(22px,6vw,110px);background:#0a0a0a;border-top:1px solid var(--line)}.follow-note{max-width:620px;color:#999;line-height:1.7;font-weight:300;margin:28px 0 0}.follow-links{margin-top:55px}.follow h2{font-size:clamp(48px,6.6vw,110px)}
footer{padding-top:0}.cookie-link{appearance:none;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;padding:0;cursor:pointer}.cookie-link:hover{color:var(--cyan)}
.cookie-modal{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:22px;opacity:0;pointer-events:none;transition:.2s}.cookie-modal.open{opacity:1;pointer-events:auto}.cookie-card{position:relative;width:min(680px,100%);background:#f1f1ee;color:#080808;padding:clamp(38px,6vw,76px);box-shadow:0 30px 100px rgba(0,0,0,.5)}.cookie-card .eyebrow{margin-bottom:22px}.cookie-card h2{font-size:clamp(34px,5vw,68px);line-height:.98;letter-spacing:-.05em;margin:0}.cookie-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:32px;font-weight:200;cursor:pointer}
@media(max-width:900px){.header-socials a{width:24px;height:24px}.music .listen{margin-left:-22px;margin-right:-22px}.follow{padding-left:22px;padding-right:22px}}
@media(max-width:560px){.header-socials a{width:23px;height:23px}.coming{left:9px;bottom:9px;padding:6px 7px}.footer-links{align-items:start}.cookie-link{text-align:left}}

/* v0.4 — real destinations, 60-second sampler, quieter close */
.preview-button{appearance:none;background:none;border:0;border-bottom:1px solid #777;color:inherit;cursor:pointer;display:inline-block;margin-top:11px;padding:0 0 4px;font:800 8px Montserrat,Arial,sans-serif;letter-spacing:.16em}.preview-button:hover,.preview-button.playing{color:var(--cyan);border-color:var(--cyan)}
.release-card.has-alt{position:relative}.alternate-release{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}.alternate-release img{width:76px;height:76px;aspect-ratio:1;object-fit:cover}.alternate-release span{display:block}.alternate-release h4{font-size:10px;line-height:1.25;margin:5px 0 0;letter-spacing:.04em}.alternate-release .preview-button{margin-top:7px}
.future:hover .future-art img{filter:grayscale(.55) brightness(.82)}
.music .streaming-close{margin:clamp(105px,12vw,185px) calc(clamp(22px,6vw,110px) * -1) calc(clamp(100px,11vw,190px) * -1);padding:clamp(90px,10vw,160px) 22px;text-align:center;background:#050505;border-top:1px solid var(--line)}.streaming-emblem{width:clamp(110px,12vw,190px);height:auto;margin:0 auto 42px}.streaming-close .eyebrow{margin-bottom:24px}.streaming-platforms{display:flex;justify-content:center;align-items:center;gap:clamp(25px,4vw,60px);flex-wrap:wrap}.streaming-platforms a{font-size:10px;font-weight:800;letter-spacing:.18em;opacity:.68;padding-bottom:5px;border-bottom:1px solid transparent;transition:.2s}.streaming-platforms a:hover{opacity:1;border-color:#fff}.streaming-platforms .youtube-label{opacity:.55}
footer{padding-top:0}.footer-bottom{padding-top:70px}.footer-emblem{width:82px;height:82px;object-fit:contain}.footer-links{align-items:center}
@media(max-width:900px){.music .streaming-close{margin-left:-22px;margin-right:-22px}}
@media(max-width:560px){.alternate-release{grid-template-columns:58px 1fr}.alternate-release img{width:58px;height:58px}.streaming-platforms{flex-direction:column;gap:24px}.footer-emblem{width:68px;height:68px}}

/* v0.5 — unified footer + persistent preview player */
body.player-open{padding-bottom:112px}
.music .streaming-close{margin-bottom:calc(clamp(100px,11vw,190px) * -1);padding-bottom:30px}
.footer-mark{display:inline-block}.streaming-emblem{width:clamp(115px,12vw,185px);max-height:185px;object-fit:contain}
.streaming-platforms{gap:clamp(32px,5vw,76px);margin-top:4px}.streaming-platforms a{display:flex;align-items:center;justify-content:center;width:clamp(145px,13vw,205px);height:58px;padding:8px;opacity:.62;border:0}.streaming-platforms a:hover{opacity:1;border:0;transform:translateY(-2px)}.streaming-platforms img{display:block;width:100%;height:100%;object-fit:contain}
.legal-line{max-width:1180px;margin:clamp(75px,8vw,120px) auto 0;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;color:#666;font-size:8px;font-weight:600;letter-spacing:.16em}.legal-line .cookie-link{font-size:8px;font-weight:700}
.preview-player{position:fixed;z-index:80;left:0;right:0;bottom:0;min-height:104px;background:rgba(5,5,5,.97);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.25);display:grid;grid-template-columns:72px minmax(280px,1fr) auto;align-items:center;gap:20px;padding:14px clamp(18px,3vw,48px);transform:translateY(110%);transition:transform .28s ease;box-shadow:0 -16px 50px rgba(0,0,0,.4)}.preview-player.open{transform:none}.player-art{width:72px;height:72px;object-fit:cover}.player-main{min-width:0}.player-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.player-heading strong{display:block;font-size:12px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-kicker{display:block;color:#888;font-size:7px;font-weight:800;letter-spacing:.18em;margin-bottom:5px}.player-close{display:none;border:0;background:none;color:#aaa;font-size:24px;line-height:1;cursor:pointer}.player-controls{display:grid;grid-template-columns:28px 36px minmax(100px,1fr) 36px;align-items:center;gap:10px;margin-top:10px;font-size:8px;font-weight:700;color:#888}.player-toggle{width:28px;height:28px;border:1px solid rgba(255,255,255,.35);background:none;color:#fff;cursor:pointer;font-size:10px}.player-progress{width:100%;accent-color:#fff;cursor:pointer}.player-streams{display:grid;grid-template-columns:repeat(3,auto);gap:7px 18px;align-items:center}.player-streams span{grid-column:1/-1;color:#777;font-size:7px;font-weight:800;letter-spacing:.18em}.player-streams a{font-size:8px;font-weight:800;letter-spacing:.12em;white-space:nowrap;opacity:.7}.player-streams a:hover{opacity:1;color:var(--cyan)}
@media(max-width:900px){.header-socials .secondary{display:grid}.preview-player{grid-template-columns:58px 1fr;padding:11px 16px;gap:13px}.player-art{width:58px;height:58px}.player-streams{grid-column:1/-1;display:flex;gap:18px;padding-left:71px}.player-streams span{display:none}.player-close{display:block}.streaming-platforms a{width:160px;height:52px}}
@media(max-width:560px){body.player-open{padding-bottom:154px}.header-socials{gap:4px}.header-socials a{width:22px;height:22px}.preview-player{min-height:146px;grid-template-columns:48px 1fr;padding:10px 12px;gap:10px}.player-art{width:48px;height:48px}.player-heading strong{font-size:10px}.player-controls{grid-template-columns:27px 31px minmax(80px,1fr) 31px;gap:6px}.player-streams{padding-left:58px;gap:13px;flex-wrap:wrap}.player-streams a{font-size:7px}.streaming-platforms{flex-direction:row;gap:18px}.streaming-platforms a{width:min(28vw,135px);height:48px;padding:5px}.legal-line{margin-top:70px;align-items:flex-start;flex-direction:column;gap:15px}.music .streaming-close{padding-bottom:24px}}
/* v0.5.1 — optically balance streaming-service marks. The supplied YouTube Music PNG
   contains substantially more transparent canvas than the Spotify/Apple assets. */
.streaming-platforms a:nth-child(1) img{transform:scale(1)}
.streaming-platforms a:nth-child(2) img{transform:scale(1)}
.streaming-platforms a:nth-child(3) img{transform:scale(2.65)}
.streaming-platforms img{transform-origin:center center}
@media(max-width:560px){.streaming-platforms a:nth-child(3) img{transform:scale(2.45)}}

/* v0.6 — reordered story, "World's Most Interesting Band", expanded member profiles */
.band{display:block;min-height:0;background:#efefed;color:#090909}
.band-intro{display:grid;grid-template-columns:1.2fr .8fr;min-height:82svh}
.band-intro .band-photo{min-height:680px}
.band-intro .band-copy{align-self:center;padding:80px clamp(30px,6vw,100px)}
.band-intro .band-copy h2{font-size:clamp(44px,5.4vw,92px);line-height:.92;max-width:760px}
.member-panel{display:grid;grid-template-columns:repeat(4,1fr);background:#050505;color:#fff;border-top:1px solid rgba(255,255,255,.14)}
.member-card{position:relative;min-width:0;border-right:1px solid rgba(255,255,255,.12)}
.member-card:last-child{border-right:0}
.member-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(.92) contrast(1.03)}
.member-meta{padding:24px 22px 30px;min-height:112px}
.member-meta h3{margin:0;font-size:clamp(15px,1.35vw,23px);line-height:1;font-weight:800;letter-spacing:.02em}
.member-meta p{margin:10px 0 0;color:#8d8d8d;font-size:8px;font-weight:700;letter-spacing:.18em}

/* Footer now stands alone after the band section. */
.streaming-close{padding:clamp(90px,10vw,160px) 22px 30px;text-align:center;background:#050505;border-top:1px solid var(--line)}
.streaming-close .streaming-emblem{width:clamp(115px,12vw,185px);max-height:185px;object-fit:contain;margin:0 auto 42px}
.streaming-close .eyebrow{margin-bottom:24px}
.streaming-close .streaming-platforms{display:flex;justify-content:center;align-items:center;gap:clamp(32px,5vw,76px);flex-wrap:wrap;margin-top:4px}
.streaming-close .streaming-platforms a{display:flex;align-items:center;justify-content:center;width:clamp(145px,13vw,205px);height:58px;padding:8px;opacity:.62;border:0;transition:.2s}
.streaming-close .streaming-platforms a:hover{opacity:1;border:0;transform:translateY(-2px)}
.streaming-close .streaming-platforms img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center center}
.streaming-close .streaming-platforms a:nth-child(3) img{transform:scale(2.65)}
.streaming-close .legal-line{max-width:1180px;margin:clamp(75px,8vw,120px) auto 0;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;color:#666;font-size:8px;font-weight:600;letter-spacing:.16em}
.streaming-close .legal-line .cookie-link{font-size:8px;font-weight:700}

@media(max-width:900px){
  .band-intro{grid-template-columns:1fr;min-height:0}
  .band-intro .band-photo{min-height:0;height:62svh}
  .band-intro .band-copy{padding:75px 22px 90px}
  .member-panel{grid-template-columns:repeat(2,1fr)}
  .member-card:nth-child(2){border-right:0}
  .member-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
}
@media(max-width:560px){
  .band-intro .band-photo{height:55svh}
  .band-intro .band-copy h2{font-size:clamp(40px,11.2vw,62px)}
  .member-panel{grid-template-columns:1fr}
  .member-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .member-card:last-child{border-bottom:0}
  .member-meta{padding:20px 18px 24px;min-height:0}
  .streaming-close .streaming-platforms{flex-direction:row;gap:18px}
  .streaming-close .streaming-platforms a{width:min(28vw,135px);height:48px;padding:5px}
  .streaming-close .streaming-platforms a:nth-child(3) img{transform:scale(2.45)}
  .streaming-close .legal-line{margin-top:70px;align-items:flex-start;flex-direction:column;gap:15px}
}

/* v0.7 — parallax hero, compact band profiles, origins panel, player polish */
/* Keep the opening image fixed while opaque sections scroll over it. */
.hero{position:relative;z-index:0;background:transparent}
.hero-image{position:fixed;inset:0;width:100%;height:100svh;z-index:0;transform:none;background-position:center 42%}
.hero-shade{position:fixed;inset:0;width:100%;height:100svh;z-index:1}
.hero-lockup,.scroll-cue{z-index:2}
.current,.music,.band,.streaming-close{position:relative;z-index:3}

/* Hero call-to-action buttons: same footprint, different fill. */
.actions .button{display:inline-flex;align-items:center;justify-content:center;min-width:136px;min-height:48px;padding:15px 22px;text-align:center}
.actions .button.primary{border:1px solid #fff;background:#fff;color:#000}

/* Preserve the sleek lineup list under the intro bio. */
.band-intro{min-height:82svh}
.band-copy .members{margin-top:42px}
.band-copy .members strong{font-weight:800}

/* Small editorial member profiles instead of a wall of portraits. */
.member-panel{display:none}
.member-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#efefed;color:#090909;border-top:1px solid rgba(0,0,0,.14);padding:clamp(42px,5vw,78px) clamp(22px,6vw,110px)}
.profile-row{display:grid;grid-template-columns:clamp(104px,10vw,160px) 1fr;align-items:center;gap:clamp(20px,2.4vw,38px);padding:clamp(18px,2vw,28px);border-bottom:1px solid rgba(0,0,0,.14)}
.profile-row:nth-child(odd){border-right:1px solid rgba(0,0,0,.14)}
.profile-row img{width:100%;aspect-ratio:1;object-fit:cover;background:#090909}
.profile-row h3{margin:8px 0 0;font-size:clamp(18px,1.8vw,30px);line-height:1;font-weight:800;letter-spacing:-.025em}
.profile-role{margin:0;font-size:8px;font-weight:700;letter-spacing:.2em;color:#666}

/* Expanded second half of the bio: When / Why / How. */
.origins-panel{display:grid;grid-template-columns:.76fr 1.24fr;min-height:72svh;background:#efefed;color:#090909;border-top:1px solid rgba(0,0,0,.12)}
.origins-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,7vw,130px) clamp(34px,6vw,110px)}
.origins-copy .eyebrow{margin-bottom:24px}
.origins-copy h2{margin:0;font-size:clamp(62px,7.5vw,132px);line-height:.86;letter-spacing:-.055em;font-weight:800}
.origins-copy p:last-child{margin:34px 0 0;max-width:520px;font-size:clamp(15px,1.1vw,19px);line-height:1.75;color:#444;font-weight:300}
.origins-photo{min-height:560px;overflow:hidden}
.origins-photo img{width:100%;height:100%;object-fit:cover;object-position:center}

/* Close control is available on desktop as well as mobile. */
.player-close{display:block;flex:0 0 auto;margin-left:14px}

@media(max-width:900px){
  .hero-image,.hero-shade{height:100svh}
  .member-profiles{grid-template-columns:1fr;padding:28px 22px 48px}
  .profile-row:nth-child(odd){border-right:0}
  .origins-panel{grid-template-columns:1fr}
  .origins-copy{padding:72px 22px}
  .origins-photo{min-height:0;height:58svh}
}
@media(max-width:560px){
  .actions{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:330px}
  .actions .button{min-width:0;width:100%;padding-left:12px;padding-right:12px}
  .profile-row{grid-template-columns:92px 1fr;padding:18px 0;gap:18px}
  .profile-row h3{font-size:20px}
  .origins-copy h2{font-size:clamp(54px,18vw,88px)}
}