:root{--ink:#171311;--ink2:#211a17;--cream:#efe9dc;--paper:#e7dfd0;--red:#8d2027;--gold:#c5a86b;--muted:#afa69a;--serif:'Pirata One',Georgia,serif;--sans:'Source Serif 4',Georgia,serif;--max:1340px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-weight:400}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--gold);color:var(--ink)}
.topbar{height:76px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,92px);border-bottom:1px solid #ffffff25}.brand{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:500;letter-spacing:.09em}.brand i{font-style:normal;color:var(--gold)}.brand-mark{width:31px;height:31px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:20px var(--serif);color:var(--gold)}nav{display:flex;align-items:center;gap:clamp(18px,3vw,43px);font-size:13px;letter-spacing:.09em;text-transform:uppercase}nav a{transition:color .2s}nav a:hover,.text-link:hover,.underlined-link:hover{color:var(--gold)}nav .nav-cta{border:1px solid #ffffff60;padding:10px 15px;border-radius:14px}
.hero{min-height:800px;height:min(100vh,980px);position:relative;display:flex;align-items:center;overflow:hidden;background:#171311;isolation:isolate}.hero-image{position:absolute;z-index:0;inset:-6% 0;overflow:hidden;will-change:transform}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.hero-backdrop{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(20,15,13,.97) 0%,rgba(20,15,13,.9) 34%,rgba(20,15,13,.3) 75%,rgba(20,15,13,.12)),linear-gradient(0deg,#171311 0%,transparent 28%,rgba(0,0,0,.2) 100%)}.hero-copy{position:relative;z-index:2;width:min(660px,80%);margin-left:clamp(24px,11vw,165px);padding-top:40px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);display:flex;align-items:center;gap:10px;margin:0 0 22px}.dot{display:inline-block;width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}h1,h2,h3,p{margin-top:0}h1{font:clamp(80px,11vw,164px)/.78 var(--serif);font-weight:400;letter-spacing:-.025em;margin:0 0 30px;text-shadow:0 5px 30px #0008}h1 em,h2 em{font-style:normal;color:var(--gold)}.hero-line{font-size:clamp(22px,3vw,35px);letter-spacing:.015em;margin-bottom:15px}.hero-line span{color:var(--gold);font-weight:500}.hero-intro{max-width:470px;color:#d7d0c8;font-size:17px;line-height:1.55;letter-spacing:.01em;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:27px}.button{border-radius:14px;display:inline-flex;align-items:center;gap:25px;padding:14px 20px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--cream);color:var(--ink)}.button-light span{color:var(--red);font-size:17px}.text-link,.underlined-link{font-size:13px;letter-spacing:.08em;text-transform:uppercase;transition:color .2s}.text-link span,.underlined-link span{color:var(--gold);padding-left:7px}.hero-stamp{position:absolute;z-index:2;right:10%;bottom:16%;width:133px;height:133px;border:1px solid #c5a86b99;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;transform:rotate(-12deg);font-size:10px;letter-spacing:.16em;text-align:center;text-transform:uppercase;color:#f3e6c8}.hero-stamp b{color:var(--gold);font-size:23px}.hero-bottom{position:absolute;z-index:2;bottom:24px;left:clamp(24px,6vw,92px);right:clamp(24px,6vw,92px);display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#c7bfb6}.hero-bottom a{color:var(--gold)}.hero-bottom span{padding-left:8px}
.intro-band{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;min-height:630px}.intro-image{position:relative;min-height:630px;overflow:hidden}.intro-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.8)}.intro-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100e0da8,transparent 40%)}.image-note{position:absolute;z-index:1;bottom:28px;left:clamp(24px,7vw,90px);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#fff}.intro-copy{padding:clamp(54px,8vw,116px) clamp(30px,8vw,120px) 70px clamp(35px,7vw,106px);align-self:center;max-width:770px}.eyebrow-dark{color:#63594e}.intro-copy h2,.section-head h2,.social-copy h2,.contact-strip h2{font:clamp(48px,6.6vw,84px)/.92 var(--serif);font-weight:400;letter-spacing:-.01em;margin:0 0 25px}.intro-copy h2 em,.clips-head h2 em,.contact-strip h2 em{color:var(--red)}.lead{font-size:22px;line-height:1.35;max-width:540px;margin-bottom:18px}.intro-copy>p:not(.eyebrow):not(.lead){font-size:16px;line-height:1.65;color:#5f574e;max-width:540px}.credits{border-top:1px solid #17131140;border-bottom:1px solid #17131140;padding:18px 0;margin:29px 0;display:grid;grid-template-columns:100px 1fr;gap:20px;font-size:12px;line-height:1.45}.credits span{text-transform:uppercase;letter-spacing:.13em;color:#756b5e}.credits b{font-weight:500;letter-spacing:.02em}.underlined-link{display:inline-block;border-bottom:1px solid #17131150;padding-bottom:8px;color:var(--ink)}.underlined-link span{color:var(--red)}
.music-section{padding:clamp(65px,9vw,120px) clamp(22px,8vw,120px) 96px;max-width:var(--max);margin:auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px}.section-head h2{margin-bottom:0}.section-head .text-link{margin-bottom:8px}.release-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:24px}.release-card{display:block;min-width:0}.cover-wrap{border-radius:14px;position:relative;aspect-ratio:1/1;overflow:hidden;background:#2a2420}.cover-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s}.release-card:hover .cover-wrap img{transform:scale(1.04);filter:brightness(.82)}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;color:white;font-size:13px;padding-left:3px;opacity:0;transition:opacity .2s}.release-card:hover .play-icon{opacity:1}.release-meta{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 0;border-bottom:1px solid #ffffff30}.release-meta h3{font-size:21px;font-weight:400;letter-spacing:.04em;margin:0 0 2px}.release-meta p,.release-meta>span{font-size:12px;color:var(--muted);margin:0;letter-spacing:.05em}.release-link-card{border-radius:14px;min-height:200px;align-self:start;background:#2a211d;display:flex;flex-direction:column;justify-content:space-between;padding:23px;transition:background .2s}.release-link-card:hover{background:#382b23}.release-link-icon{font-size:24px;color:var(--gold);align-self:flex-end}.release-link-card p{font:34px/.95 var(--serif);margin:22px 0}.release-link-card em{font-style:normal;color:var(--gold)}.small-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#c4b9ac}.platforms{border-top:1px solid #ffffff30;margin-top:55px;padding-top:20px;display:flex;align-items:center;gap:30px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.platforms span{color:var(--muted);margin-right:auto}.platforms a{transition:color .2s}.platforms a:hover{color:var(--gold)}
.clips-section{background:var(--paper);color:var(--ink);padding:clamp(65px,9vw,115px) clamp(22px,8vw,120px) 110px}.clips-head{max-width:var(--max);margin:0 auto 42px}.clips-head .underlined-link{color:var(--ink);margin-bottom:8px}.clips-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:35px 22px}.clip-card{display:block;min-width:0}.clip-wide{grid-column:span 2}.clip-image{border-radius:14px;position:relative;aspect-ratio:16/9;background:#211a17;overflow:hidden}.clip-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .3s}.clip-card:hover .clip-image img{transform:scale(1.035);filter:brightness(.72)}.clip-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:55px;height:55px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;padding-left:3px;color:white;font-size:12px;opacity:.9}.clip-caption{padding:12px 0 0;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px}.clip-caption>span:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#756b5e}.clip-caption h3{grid-column:1;font-size:19px;font-weight:400;letter-spacing:.02em;margin:0}.clip-caption>span:last-child{grid-column:2;grid-row:2;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#756b5e}
.tour-section{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:#171311}.tour-image{position:absolute;inset:-6% 0;overflow:hidden}.tour-image img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.tour-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,19,17,.88) 0%,rgba(23,19,17,.65) 36%,rgba(23,19,17,.12) 100%),linear-gradient(0deg,rgba(23,19,17,.42),transparent 60%)}.tour-copy{position:relative;z-index:1;width:min(460px,82%);margin-left:clamp(24px,10vw,150px);padding:90px 0}.tour-copy h2,.boutique-section h2{font:clamp(54px,7vw,88px)/.92 var(--serif);font-weight:400;margin:0 0 24px}.tour-copy h2 em{font-style:normal;color:var(--gold)}.tour-copy>p:last-child,.boutique-section>.lead{font-size:20px;line-height:1.45;max-width:38ch;color:#e0d8ce}.boutique-section{background:var(--paper);color:var(--ink);text-align:center;padding:clamp(75px,10vw,130px) 22px}.boutique-section .eyebrow{justify-content:center}.boutique-section h2 em{font-style:normal;color:var(--red)}.boutique-section>.lead{margin:0 auto;color:#5f574e}
.social-section{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden}.social-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(.7)}.social-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#171311f5 0%,#171311db 42%,#17131155 100%)}.social-copy{position:relative;z-index:1;width:min(540px,78%);margin-left:clamp(24px,12vw,180px);padding:75px 0}.social-copy h2{font-size:clamp(58px,8vw,102px)}.social-copy h2 em{color:var(--gold)}.social-copy>p:not(.eyebrow){font-size:17px;line-height:1.6;color:#d8d0c4;max-width:440px;margin:0 0 27px}.social-links{display:flex;flex-wrap:wrap;gap:10px}.social-links a{border:1px solid #ffffff65;border-radius:14px;padding:10px 13px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:border .2s,color .2s}.social-links a:hover{border-color:var(--gold);color:var(--gold)}.social-links span{color:var(--gold);margin-left:10px}.social-seal{position:absolute;right:clamp(28px,10vw,145px);bottom:55px;z-index:1;text-align:center;width:106px;height:106px;border:1px solid #c5a86b99;border-radius:50%;display:grid;place-items:center;padding:8px;font:15px/.95 var(--serif);color:#f3e6c8;transform:rotate(-10deg)}
.contact-strip{background:var(--paper);color:var(--ink);text-align:center;padding:clamp(70px,9vw,120px) 20px}.contact-strip .eyebrow{justify-content:center}.contact-strip h2{font-size:clamp(48px,7vw,84px);margin-bottom:31px}.button-dark{background:var(--ink);color:var(--cream)}.button-dark span{color:var(--gold);font-size:17px}.footer{min-height:90px;padding:22px clamp(22px,6vw,92px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b6aca1;font-size:11px;letter-spacing:.04em}.footer-brand{color:var(--cream);font-size:13px}.footer>a:not(.brand){transition:color .2s}.footer>a:hover{color:var(--gold)}.back-top{white-space:nowrap}
@media(max-width:800px){.topbar{height:68px;padding:0 20px}.brand{font-size:12px}.brand-mark{width:27px;height:27px}nav{gap:14px;font-size:10px}nav a:nth-child(1){display:none}.nav-cta{padding:8px!important}.hero{min-height:730px;height:92svh;background-position:50% 45%}.hero-copy{width:82%;margin-left:8vw}.hero-stamp{right:7%;bottom:13%;width:100px;height:100px;font-size:8px}.intro-band{grid-template-columns:1fr}.intro-image{min-height:580px}.intro-copy{padding:58px 8vw 70px}.release-grid{grid-template-columns:1fr 1fr}.release-link-card{grid-column:span 2;min-height:150px}.clips-grid{grid-template-columns:1fr 1fr}.clip-wide{grid-column:span 2}.footer{flex-wrap:wrap}.social-seal{right:6%;bottom:28px}}
@media(max-width:520px){.topbar{padding:0 15px}.brand{font-size:10px;gap:7px}.brand-mark{width:24px;height:24px}nav{gap:12px;font-size:9px}nav a:nth-child(2){display:none}nav .nav-cta{padding:8px 9px!important}.hero{min-height:720px;height:95svh;background-position:50% 45%}.hero-backdrop{background:linear-gradient(90deg,rgba(20,15,13,.96),rgba(20,15,13,.72) 66%,rgba(20,15,13,.35)),linear-gradient(0deg,#171311,transparent 34%)}.hero-copy{width:88%;margin-left:6vw;padding-top:0}h1{font-size:clamp(75px,19vw,110px)}.hero-line{font-size:23px}.hero-intro{font-size:15px;max-width:360px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-stamp{width:83px;height:83px;bottom:13%;right:6%;font-size:7px}.hero-stamp b{font-size:18px}.hero-bottom{left:20px;right:20px;font-size:8px}.hero-bottom span:last-child{display:none}.intro-image{min-height:410px}.intro-copy h2,.section-head h2,.contact-strip h2{font-size:52px}.lead{font-size:19px}.music-section,.clips-section{padding-left:20px;padding-right:20px}.section-head{align-items:flex-start;gap:20px;flex-direction:column}.section-head .text-link{margin-top:0}.release-grid{gap:18px 12px}.release-meta h3{font-size:17px}.release-meta p,.release-meta>span{font-size:10px}.release-link-card{padding:17px;min-height:140px}.release-link-card p{font-size:29px}.platforms{gap:13px;flex-wrap:wrap;font-size:10px;margin-top:35px}.platforms span{width:100%;margin:0}.clips-grid{grid-template-columns:1fr;gap:26px}.clip-wide{grid-column:span 1}.clips-head .underlined-link{margin:0}.clip-caption h3{font-size:17px}.social-section{min-height:630px}.social-copy{width:88%;margin-left:7vw;padding:60px 0}.social-copy h2{font-size:66px}.social-copy>p:not(.eyebrow){font-size:15px}.social-seal{width:78px;height:78px;font-size:11px;right:7%;bottom:20px}.footer{justify-content:flex-start;flex-direction:column;align-items:flex-start;padding:27px 22px;gap:12px}.footer-brand{margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Music controls and the compact Spotify embed */
.release-card{appearance:none;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.release-card:focus-visible .cover-wrap{outline:2px solid var(--gold);outline-offset:4px}
.release-card[aria-pressed="true"] .play-icon{opacity:1}
.spotify-player-panel{margin-top:24px;padding:16px 18px;background:var(--ink2);border-radius:14px;display:grid;grid-template-columns:minmax(170px,.42fr) minmax(0,1.58fr) auto;align-items:center;gap:18px}
.spotify-player-panel[hidden]{display:none}
.spotify-player-heading h3{font:24px/1.05 var(--serif);margin:8px 0 5px;color:var(--cream)}
.spotify-player-heading p{font-size:12px;line-height:1.4;color:var(--muted);margin:0}
.spotify-embed{min-width:0;width:100%;min-height:152px}
.spotify-player-close{appearance:none;border:0;background:none;color:#d8d0c4;font:11px var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;padding:10px 2px;cursor:pointer}
.spotify-player-close:hover{color:var(--gold)}
.tour-image img,.social-section>img{will-change:transform}
.hero-stamp span:first-child{white-space:nowrap}
@media(max-width:800px){nav{max-width:59vw;gap:5px 10px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}nav a:nth-child(1),nav a:nth-child(2){display:block}.topbar{padding:0 16px}}
@media(max-width:520px){.topbar{padding:0 12px;height:76px}.brand{font-size:10px;gap:6px}.brand-mark{width:22px;height:22px}nav{max-width:54vw;gap:2px 5px;font-size:11px;letter-spacing:.02em}nav a:nth-child(1),nav a:nth-child(2){display:block}.hero-stamp{width:88px;height:88px;font-size:6px;letter-spacing:.06em;gap:5px}.spotify-player-panel{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:14px}.spotify-player-heading h3{font-size:21px}.spotify-embed{grid-column:1/-1;grid-row:2;min-height:152px}.spotify-player-close{grid-column:2;grid-row:1}.release-meta p,.release-meta>span{font-size:11px}.platforms{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.tour-image img,.social-section>img{will-change:auto;transform:none!important}}

/* A sideways release rail moves beneath the stationary listening-links card. */
.release-grid{position:relative;display:block;overflow:hidden;min-width:0}
.release-carousel{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) #ffffff22;padding-bottom:10px}
.release-carousel:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.release-carousel::-webkit-scrollbar{height:6px}
.release-carousel::-webkit-scrollbar-track{background:#ffffff22;border-radius:6px}
.release-carousel::-webkit-scrollbar-thumb{background:var(--gold);border-radius:6px}
.release-track{display:grid;grid-auto-flow:column;grid-auto-columns:35%;gap:24px;width:100%}
.release-track>.release-card{scroll-snap-align:start}
.release-grid>.release-link-card{position:absolute;z-index:2;top:0;right:0;width:25%;min-height:200px;align-self:auto}
@media(max-width:800px){.release-track{grid-auto-columns:calc((100% - 18px)/2);gap:18px}.release-grid>.release-link-card{position:relative;top:auto;right:auto;width:100%;margin-top:18px;min-height:150px}}
@media(max-width:520px){.release-track{grid-auto-columns:82%;gap:14px}.release-carousel{padding-bottom:12px}}

/* Compact, single-row header with comfortable mobile tap targets. */
.topbar .brand{width:40px;height:44px;flex:0 0 40px;justify-content:center;align-items:center;gap:0}
.topbar .brand-mark{line-height:1;padding:1px 0 0;text-align:center}
.social-section>.social-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(.7)}
@media(max-width:800px){.topbar{height:72px;padding:0 16px;gap:12px}.topbar .brand{width:40px;height:44px;flex-basis:40px}.topbar .brand-mark{width:30px;height:30px;font-size:20px}nav{width:auto;max-width:none;min-width:0;flex:1 1 auto;flex-wrap:nowrap;justify-content:space-between;gap:clamp(4px,1vw,10px);font-size:11px;letter-spacing:.035em;white-space:nowrap}nav a{display:flex!important;align-items:center;justify-content:center;min-height:44px;flex:0 0 auto}nav a:nth-child(1),nav a:nth-child(2){display:flex}}
@media(max-width:520px){.topbar{height:64px;padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));gap:8px}.topbar .brand{width:30px;height:44px;flex-basis:30px}.topbar .brand-mark{width:28px;height:28px;font-size:18px}nav{font-size:10px;letter-spacing:.012em;gap:clamp(3px,.8vw,5px)}}
@media(max-width:350px){nav{font-size:11px;letter-spacing:.005em;gap:3px}}
@media(prefers-reduced-motion:reduce){.social-section>.social-background-video{will-change:auto;transform:none!important}}
/* Burgundy wax seal: centered in the hero composition, clear of the listen button. */
.hero-stamp{right:19%;bottom:23%;width:142px;height:142px;gap:6px;border:1px solid rgba(242,207,157,.72);border-radius:50%;background:radial-gradient(ellipse at 32% 23%,rgba(255,211,174,.32),transparent 27%),radial-gradient(circle at 38% 30%,#9b3535 0,#762126 58%,#50171b 100%);box-shadow:inset 0 2px 5px rgba(255,225,190,.3),inset 0 -10px 13px rgba(32,5,9,.55),0 10px 28px rgba(0,0,0,.38);color:#f3e1bd;font-family:var(--serif);font-size:12px;line-height:1.15;letter-spacing:.035em;text-transform:none;text-shadow:0 1px 1px rgba(37,5,7,.7)}
.hero-stamp:before{content:"";position:absolute;inset:8px;border:1px solid rgba(241,207,157,.58);border-radius:50%;box-shadow:inset 0 2px 5px rgba(255,220,180,.14),0 1px 2px rgba(35,5,7,.45);pointer-events:none}
.hero-stamp span{position:relative;z-index:1}
.hero-stamp span:first-child{white-space:nowrap}
@media(max-width:800px){.hero-stamp{right:18%;bottom:22%;width:112px;height:112px;font-size:10px}}
@media(max-width:520px){.hero-stamp{right:18%;bottom:22%;width:100px;height:100px;font-size:9px;letter-spacing:.02em}}

/* Photographic wax asset; mobile placement retained. */
.hero-stamp{background:none;border:0;box-shadow:none;border-radius:0;filter:drop-shadow(0 7px 7px #0007)}
.hero-stamp:before{display:none}
.hero-stamp img{display:block;width:100%;height:100%;object-fit:contain}
@media(min-width:801px){
.hero-stamp{right:10%;bottom:13%;width:160px;height:160px}
.release-track{grid-auto-columns:calc((100% - 48px)/3)}
.release-grid>.release-link-card{width:calc((100% - 48px)/3);aspect-ratio:1;height:auto;min-height:0;box-sizing:border-box;justify-content:space-between;background:#2c211b;padding:clamp(20px,3vw,44px)}
.release-link-card p{font-size:clamp(28px,3.3vw,48px)}
.release-carousel{scroll-padding-right:calc((100% - 48px)/3 + 24px)}
.release-track:after{content:"";width:100%}
}

/* Minimal outlined play controls and a single-line footer. */
.clip-play,.play-icon{background:transparent!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:50%;font-size:0!important;padding:0!important;width:48px;height:48px}
.clip-play:after,.play-icon:after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid white;margin-left:3px}
.footer{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:14px;font-size:clamp(9px,1vw,11px)}
.footer-brand{margin:0;flex:0 0 auto}.back-top{flex:0 0 auto}.footer>span{white-space:nowrap}
@media(max-width:520px){.footer{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:20px 14px}.footer-brand{font-size:9px}.footer>span{font-size:9px}.back-top{font-size:9px;white-space:nowrap}}

/* Matte red wax and antique-gold lettering asset; avoid any pale halo. */
.hero-stamp{filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}
.music-section{scroll-margin-top:32px}
.clip-play{display:flex!important;align-items:center;justify-content:center;padding:0!important}
.clip-play:after{margin:0!important;transform:translateX(1px)}

/* Fade the moving covers out before they reach the fixed platform panel. */
@media(min-width:801px){
.release-grid:after{content:"";position:absolute;z-index:1;top:0;right:0;width:36%;height:calc(100% - 10px);background:linear-gradient(90deg,rgba(23,19,17,0) 0%,rgba(23,19,17,.78) 24%,#171311 52%);pointer-events:none}
.release-grid>.release-link-card{z-index:2}
}

/* Hero CTA lands on the covers with enough room for the first row on phones. */
#musique-pochettes{scroll-margin-top:clamp(110px,20vh,170px)}
@media(max-width:520px){
.hero-image img{object-position:68% 45%}
.hero-backdrop{background:linear-gradient(90deg,rgba(20,15,13,.94) 0%,rgba(20,15,13,.78) 48%,rgba(20,15,13,.28) 100%),linear-gradient(0deg,#171311 0%,transparent 45%,rgba(0,0,0,.12) 100%)}
}

.intro-image>.intro-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.intro-image:after{background:linear-gradient(0deg,#100e0d88,transparent 38%)}
.social-section>.social-background-image{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;object-position:center 45%;filter:saturate(.82);will-change:transform}
@media(prefers-reduced-motion:reduce){.social-section>.social-background-image{will-change:auto;transform:none!important}.intro-background-video{display:none}}

/* Click a clip to play it in place with YouTube's full controls. */
.clip-image iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.clip-card.is-playing .clip-image{background:#000}