/* ============ BYSUP Sessions — page Music ============ */
.ms-hero{position:relative;overflow:hidden;padding:clamp(138px,13.5vw,214px) 0 clamp(52px,6vw,88px);background:radial-gradient(ellipse 30% 38% at 76% 46%,rgba(150,90,214,.28) 0%,rgba(100,6,76,.22) 56%,transparent 78%),linear-gradient(120deg,#0c0416 0%,#15071f 42%,#22092f 74%,#300c42 100%)}
.ms-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42%);gap:clamp(30px,3.6vw,58px);align-items:center}
.ms-h1{font-family:'Anton',sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(2.7rem,6.6vw,6.6rem);line-height:.94;letter-spacing:-.014em;margin:0}
.ms-h1 span{display:block}
.ms-sign{margin-top:clamp(12px,1.4vw,18px);font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(17px,2vw,29px);line-height:1.1;letter-spacing:.03em;color:var(--violet)}
.ms-lead{margin-top:clamp(18px,2vw,26px);font-size:clamp(16px,1.5vw,20px);line-height:1.7;color:var(--off-dim);max-width:52ch}
.ms-lead strong{color:var(--off);font-weight:700}
.ms-hero-media{position:relative}
.ms-hero-photo{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4/5;border:1px solid rgba(150,90,214,.24);box-shadow:0 48px 88px -58px rgba(0,0,0,.95)}
.ms-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ms-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,6,24,.72) 0%,rgba(14,6,24,.12) 46%,transparent 78%)}
.ms-hero-can{position:absolute;right:-5%;bottom:-5%;width:31%;z-index:3;pointer-events:none;filter:drop-shadow(0 26px 34px rgba(8,3,14,.66))}

/* ---- session à la une ---- */
.ms-feature{border-radius:22px;overflow:hidden;border:1px solid rgba(150,90,214,.24);background:linear-gradient(140deg,#1c0a2a,#150720 62%,#12061c);box-shadow:0 46px 84px -58px rgba(0,0,0,.95)}
.ms-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(ellipse 60% 54% at 50% 44%,rgba(150,90,214,.22),transparent 72%),#160821}
.ms-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ms-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,6,24,.86) 0%,rgba(14,6,24,.24) 48%,rgba(14,6,24,.32) 100%)}
.ms-stage-in{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,18px);padding:clamp(20px,2.6vw,34px);text-align:center}
.ms-flag{display:inline-flex;align-items:center;gap:9px;padding:6px 14px;border-radius:100px;background:rgba(14,6,24,.62);border:1px solid rgba(164,92,246,.44);font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--violet-lt)}
.ms-stage-h{font-family:'Anton',sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(20px,2.6vw,38px);line-height:1.04;letter-spacing:.01em;color:var(--off)}
.ms-play{width:clamp(62px,5.6vw,84px);height:clamp(62px,5.6vw,84px);border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(164,92,246,.62);background:rgba(21,7,31,.52);color:#fff;cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease,box-shadow .3s ease}
.ms-play svg{width:clamp(19px,1.7vw,25px);height:clamp(19px,1.7vw,25px);margin-left:3px;fill:currentColor}
.ms-play:hover,.ms-play:focus-visible{background:rgba(150,90,214,.34);transform:scale(1.05);box-shadow:0 0 0 10px rgba(150,90,214,.12)}
.ms-play.is-soon{cursor:default;border-color:rgba(150,90,214,.36);color:var(--off-faint);animation:msPulse 3.4s ease-in-out infinite}
.ms-play.is-soon:hover{transform:none;background:rgba(21,7,31,.52);box-shadow:0 0 0 10px rgba(150,90,214,.07)}
@keyframes msPulse{0%,100%{box-shadow:0 0 0 0 rgba(150,90,214,.16)}50%{box-shadow:0 0 0 12px rgba(150,90,214,.05)}}
.ms-feature-body{padding:clamp(24px,2.8vw,42px);display:flex;flex-direction:column;gap:clamp(12px,1.4vw,18px)}
.ms-feature-body h3{font-family:'Anton',sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(22px,2.8vw,40px);line-height:1.02;color:var(--off)}
.ms-feature-body p{font-size:15.5px;line-height:1.7;color:var(--off-dim);max-width:62ch}
.ms-meta{display:flex;flex-wrap:wrap;gap:10px 28px;padding-top:clamp(12px,1.4vw,18px);border-top:1px solid rgba(150,90,214,.2)}
.ms-meta div{display:flex;flex-direction:column;gap:5px}
.ms-meta b{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--violet-lt)}
.ms-meta span{font-size:14.5px;color:var(--off-dim)}

/* ---- new voices ---- */
.ms-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.7vw,24px)}
.ms-voice{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid rgba(150,90,214,.2);background:linear-gradient(180deg,#1d0a2c,#15071f);text-align:left;padding:0;font-family:'Manrope',sans-serif;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}
a.ms-voice:hover,a.ms-voice:focus-visible{transform:translateY(-4px);border-color:rgba(164,92,246,.48);box-shadow:0 26px 50px -32px rgba(150,90,214,.5)}
.ms-voice-shot{position:relative;aspect-ratio:4/5;overflow:hidden;background:radial-gradient(ellipse 62% 56% at 50% 42%,rgba(150,90,214,.2),transparent 72%),#170822}
.ms-voice-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
a.ms-voice:hover .ms-voice-shot img{transform:scale(1.03)}
.ms-voice-shot::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,7,31,.9) 0%,rgba(21,7,31,.14) 46%,transparent 74%)}
.ms-voice-body{position:relative;z-index:2;margin-top:-30px;padding:0 clamp(18px,2vw,24px) clamp(22px,2.3vw,28px);display:flex;flex-direction:column;gap:8px;flex:1}
.ms-voice-body h4{font-family:'Anton',sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(17px,1.5vw,21px);line-height:1.08;letter-spacing:.03em;color:var(--off)}
.ms-voice-meta{font-size:13px;color:var(--off-faint)}
.ms-voice-phrase{font-size:14.5px;line-height:1.58;color:var(--off-dim)}
.ms-soon-tag{position:absolute;left:14px;top:14px;z-index:3;padding:6px 12px;border-radius:100px;background:rgba(14,6,24,.72);border:1px solid rgba(150,90,214,.4);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--off-faint)}

/* ---- bandes de section ---- */
.ms-band{background:radial-gradient(ellipse 36% 44% at 74% 48%,rgba(150,90,214,.2),transparent 74%),linear-gradient(140deg,#140720,#210832 76%,#2d0b3e)}

/* ---- playlists ---- */
.ms-moods{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(150,90,214,.16);border-radius:18px;overflow:hidden;margin-top:clamp(22px,2.5vw,34px)}
.ms-mood{background:#170822;padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:10px;transition:background .35s ease}
.ms-mood:hover{background:#1e0a2d}
.ms-mood b{font-family:'Anton',sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(15px,1.4vw,20px);letter-spacing:.05em;color:var(--off)}
.ms-mood span{font-size:14.5px;line-height:1.55;color:var(--off-faint)}
.ms-mood i{margin-top:auto;padding-top:12px;font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--off-faint)}
.ms-mood a{margin-top:auto;padding-top:12px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--violet-lt)}
.ms-note{margin-top:clamp(18px,2vw,26px);font-size:13px;color:var(--off-faint)}

/* ---- behind the sound ---- */
.ms-stories{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.7vw,22px)}
.ms-story{padding:clamp(24px,2.6vw,34px);border-radius:18px;border:1px solid rgba(150,90,214,.22);background:linear-gradient(180deg,#1d0a2c,#15071f);display:flex;flex-direction:column;gap:12px}
.ms-story-kind{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--violet-lt)}
.ms-story h4{font-family:'Anton',sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(18px,1.7vw,24px);line-height:1.06;letter-spacing:.03em;color:var(--off)}
.ms-story p{font-size:14.5px;line-height:1.62;color:var(--off-dim)}
.ms-story-meta{font-size:13px;color:var(--off-faint)}
.ms-themes{display:flex;flex-wrap:wrap;gap:9px;margin-top:clamp(20px,2.2vw,30px)}
.ms-theme{padding:9px 17px;border-radius:100px;border:1px solid rgba(150,90,214,.28);font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--off-dim)}

/* ---- squad : vote et recommandations ---- */
.ms-squad{border-radius:22px;border:1px solid rgba(150,90,214,.22);background:linear-gradient(140deg,#1b0929,#140720 68%,#11051b);padding:clamp(28px,3.4vw,56px)}
.ms-squad h3{font-family:'Anton',sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(24px,3.4vw,48px);line-height:1.02;color:var(--off)}
.ms-squad p{margin-top:clamp(14px,1.6vw,20px);font-size:16.5px;line-height:1.7;color:var(--off-dim);max-width:56ch}
.ms-state{margin-top:clamp(16px,1.8vw,24px);font-size:13.5px;color:var(--off-faint)}
.btn[disabled]{opacity:.42;cursor:not-allowed}
.btn[disabled]:hover{transform:none;filter:none;box-shadow:none}

/* ---- appel aux artistes ---- */
.ms-call-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42%);gap:clamp(28px,3.4vw,56px);align-items:start}
.ms-checklist{display:flex;flex-direction:column;gap:1px;background:rgba(150,90,214,.16);border-radius:18px;overflow:hidden}
.ms-checklist span{background:#170822;padding:15px clamp(18px,2vw,24px);font-size:14.5px;color:var(--off-dim)}

/* ---- sessions en vrai ---- */
.ms-live{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.7vw,22px)}
.ms-live-item{padding:clamp(22px,2.4vw,32px);border-radius:18px;border:1px solid rgba(150,90,214,.22);background:linear-gradient(180deg,#1d0a2c,#15071f);display:flex;flex-direction:column;gap:10px}
.ms-live-item b{font-family:'Anton',sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(15px,1.4vw,20px);letter-spacing:.05em;color:var(--off)}
.ms-live-item span{font-size:14.5px;line-height:1.55;color:var(--off-faint)}

/* ---- clôture ---- */
.ms-final{background:radial-gradient(ellipse 40% 46% at 50% 42%,rgba(150,90,214,.22),transparent 72%),linear-gradient(160deg,#12061d,#1d0829 62%,#280a38);text-align:center}
.ms-final-h{font-family:'Anton',sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(28px,4.6vw,72px);line-height:1.02;letter-spacing:-.008em;color:var(--off)}
.ms-final-h em{font-style:normal;color:var(--violet)}
.ms-final-p{margin:clamp(16px,1.8vw,24px) auto 0;font-size:clamp(15px,1.4vw,19px);line-height:1.7;color:var(--off-dim);max-width:56ch}
.ms-sig{margin-top:clamp(34px,4vw,56px);padding-top:clamp(24px,2.8vw,38px);border-top:1px solid rgba(150,90,214,.2);display:flex;flex-direction:column;gap:6px;align-items:center}
.ms-sig b{font-family:'Anton',sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(18px,2vw,28px);letter-spacing:.06em;color:var(--violet)}
.ms-sig span{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--off-faint)}

/* ---- états vides ---- */
.ms-empty{grid-column:1/-1;padding:clamp(28px,3.4vw,48px);border-radius:18px;border:1px dashed rgba(150,90,214,.3);text-align:center}
.ms-empty-h{font-family:'Anton',sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(18px,2.1vw,28px);line-height:1.06;color:var(--off)}
.ms-empty-p{margin:12px auto 0;font-size:15px;line-height:1.62;color:var(--off-faint);max-width:48ch}

@media(max-width:1080px){
  .ms-hero-grid{grid-template-columns:1fr}
  .ms-hero-photo{aspect-ratio:16/10}
  .ms-hero-can{width:24%;right:-2%;bottom:-6%}
  .ms-voices,.ms-live{grid-template-columns:repeat(2,1fr)}
  .ms-moods{grid-template-columns:repeat(2,1fr)}
  .ms-stories,.ms-call-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .ms-voices,.ms-live,.ms-moods{grid-template-columns:1fr}
  .ms-stage{aspect-ratio:4/3}
  .ms-hero-can{width:30%}
}