/* ==========================================================
   V66 — Studio compact + Musique du moment dans le hero
   ========================================================== */

/* ACCUEIL — musique du moment alignée en haut de la photo */
.home-hero .hero-visual{
  position:relative;
  min-height:455px;
  max-width:610px;
  width:100%;
  justify-self:end;
}
.home-hero .hero-visual .portrait-arch{
  inset:0 34% 0 0;
  border-radius:16px;
}
.hero-music-moment{
  position:absolute;
  top:8px;
  right:0;
  width:29.5%;
  min-width:156px;
  padding:14px 14px 13px;
  border-top:1px solid rgba(224,61,118,.22);
  border-bottom:1px solid rgba(31,29,30,.09);
  color:var(--ink);
  background:rgba(255,255,255,.38);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.hero-music-eyebrow{
  display:block;
  margin-bottom:10px;
  color:var(--rose-deep);
  font:700 8px/1.1 Poppins,sans-serif;
  letter-spacing:.16em;
}
.hero-music-track{display:grid;gap:3px;padding-right:22px}
.hero-music-track b{font:600 13px/1.2 Poppins,sans-serif;letter-spacing:-.02em}
.hero-music-track small{font:400 9px/1.35 Poppins,sans-serif;color:var(--muted)}
.hero-music-disc{
  position:absolute;
  right:8px;
  bottom:13px;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(224,61,118,.36);
  color:var(--rose-deep);
  font-size:14px;
  line-height:1;
}

/* STUDIOS — titres d'étape comme la maquette */
.roadmap-step-kicker{
  margin:0 0 4px;
  color:var(--rose-deep);
  font:700 7px/1 Poppins,sans-serif;
  letter-spacing:.14em;
}
.roadmap-step.studio-step-musical h3,
.roadmap-step.roadmap-final-step h3{
  margin:0 0 7px;
  font:500 26px/1.05 Poppins,sans-serif;
  letter-spacing:-.045em;
}
.roadmap-step.studio-step-musical h3 em,
.roadmap-step.roadmap-final-step h3 em{
  color:var(--rose-deep);
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  font-style:italic;
  letter-spacing:-.025em;
}
.studio-step-musical .roadmap-help{margin:0 0 16px;font-size:9px}

/* ADN musical — mini cartes avec photo */
.studio-step-musical .taste-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.studio-step-musical .taste-record{
  position:relative;
  display:grid;
  grid-template-columns:43px minmax(0,1fr) 22px;
  align-items:center;
  gap:9px;
  min-height:47px;
  padding:5px 7px 5px 5px;
  border-radius:8px;
  background:#fff;
  box-shadow:0 2px 8px rgba(49,40,44,.02);
}
.studio-step-musical .taste-thumb{
  display:block;
  width:43px;
  height:35px;
  overflow:hidden;
  border-radius:6px;
  background:#f2ecee;
}
.studio-step-musical .taste-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
.studio-step-musical .taste-name{
  display:block;
  font-size:8.3px;
  line-height:1.18;
  font-weight:650;
  margin:0;
}
.studio-step-musical .taste-record small{
  margin:0;
  width:20px;
  height:20px;
  justify-self:end;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid #e8e0e3;
  color:transparent!important;
  font-size:0!important;
  background:#fff;
}
.studio-step-musical .taste-record small::before{
  content:'○';
  color:#c6bcc0;
  font:600 9px/1 Poppins,sans-serif;
}
.studio-step-musical .taste-record[data-state='love']{
  background:#fff9fb;
  border-color:#eb5d8d;
  color:var(--ink);
}
.studio-step-musical .taste-record[data-state='love'] small{
  background:var(--rose-deep);
  border-color:var(--rose-deep);
}
.studio-step-musical .taste-record[data-state='love'] small::before{content:'✓';color:#fff}
.studio-step-musical .taste-record[data-state='maybe']{
  background:#fffdfb;
  border-color:#e7d8c9;
  color:var(--ink);
}
.studio-step-musical .taste-record[data-state='maybe'] small::before{content:'?';color:#a68f78}
.studio-step-musical .taste-record[data-state='no']{
  background:#2d292b;
  border-color:#2d292b;
  color:#fff;
}
.studio-step-musical .taste-record[data-state='no'] small{background:#4c4549;border-color:#655d61}
.studio-step-musical .taste-record[data-state='no'] small::before{content:'×';color:#fff}
.studio-step-musical .taste-record.taste-extra{display:none}
.studio-step-musical .taste-grid.is-expanded .taste-record.taste-extra{display:grid}
.studio-style-toggle{
  display:flex;
  align-items:center;
  gap:7px;
  margin:11px auto 0;
  padding:7px 13px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  font:600 8px/1 Poppins,sans-serif;
  cursor:pointer;
}
.studio-style-toggle span{transition:transform .2s ease}
.studio-style-toggle[aria-expanded='true'] span{transform:rotate(180deg)}

/* Feuille de route — synthèse compacte avec aperçu papier */
.roadmap-step.roadmap-final-step.active{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(340px,1.18fr);
  gap:28px;
  align-items:start;
  padding-top:24px;
}
.roadmap-final-copy{min-width:0;padding-top:5px}
.roadmap-final-copy .roadmap-help{max-width:390px;margin:0 0 18px;font-size:9px;line-height:1.55}
.roadmap-final-copy .field-grid{grid-template-columns:1fr;gap:8px}
.roadmap-final-copy .form-privacy{font-size:7.5px;line-height:1.45}
.roadmap-final-copy .submit-row{justify-content:flex-start;flex-wrap:wrap;margin-top:13px}
.roadmap-final-copy .pill{min-height:36px;padding:8px 13px;font-size:8px}
.roadmap-final-preview{
  position:relative;
  min-height:270px;
  padding:14px 15px 15px;
  border:1px solid rgba(235,213,222,.9);
  border-radius:10px;
  background:linear-gradient(135deg,#fff 0%,#fffafb 100%);
  box-shadow:0 16px 34px rgba(65,43,51,.07);
  overflow:hidden;
}
.roadmap-final-preview::after{
  content:'';
  position:absolute;
  top:0;
  right:-38px;
  width:110px;
  height:110px;
  border-radius:50%;
  border:1px solid rgba(224,61,118,.18);
  box-shadow:0 0 0 14px rgba(224,61,118,.025),0 0 0 28px rgba(224,61,118,.02);
  pointer-events:none;
}
.roadmap-final-paper-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 1px 10px;
  border-bottom:1px solid #efe4e8;
}
.roadmap-final-paper-head span{color:var(--rose-deep);font:700 7px/1 Poppins,sans-serif;letter-spacing:.08em}
.roadmap-final-paper-head b{font:400 13px/1 Georgia,'Times New Roman',serif;font-style:italic;color:#54494e}
.roadmap-final-preview .premium-summary{
  position:relative;
  z-index:1;
  margin:0;
  border:0;
  border-radius:0;
  max-height:310px;
  overflow:auto;
  background:transparent;
  box-shadow:none;
  padding:12px 2px 0;
}
.roadmap-final-preview .summary-coverline{display:none}
.roadmap-final-preview .summary-grid{gap:5px}
.roadmap-final-preview .summary-grid>div{padding:7px 8px;border-radius:6px}
.roadmap-final-preview .summary-grid small{font-size:6px}
.roadmap-final-preview .summary-grid b{font-size:8px}
.roadmap-final-preview .summary-section{padding:10px 0}
.roadmap-final-preview .summary-section h4{font-size:7px;margin-bottom:7px}
.roadmap-final-preview .summary-tags span{font-size:6.5px;padding:4px 6px}
.roadmap-final-preview .music-summary-row{grid-template-columns:74px 1fr;gap:7px}
.roadmap-final-preview .music-summary-row b{font-size:7px}
.roadmap-final-preview dl{font-size:7px}
.roadmap-final-preview .summary-theme,
.roadmap-final-preview .summary-section p{font-size:7px}

@media(max-width:980px){
  .studio-step-musical .taste-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .roadmap-step.roadmap-final-step.active{grid-template-columns:1fr;gap:18px}
  .roadmap-final-preview{min-height:230px}
}
@media(max-width:760px){
  .home-hero .hero-visual{max-width:100%;min-height:430px;justify-self:stretch}
  .home-hero .hero-visual .portrait-arch{inset:0}
  .hero-music-moment{
    top:14px;
    right:14px;
    width:min(220px,58%);
    min-width:0;
    padding:11px 12px;
    background:rgba(255,255,255,.9);
  }
  .studio-step-musical .taste-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .roadmap-step.studio-step-musical h3,.roadmap-step.roadmap-final-step h3{font-size:24px}
}
@media(max-width:440px){
  .studio-step-musical .taste-record{grid-template-columns:38px minmax(0,1fr) 20px;gap:7px}
  .studio-step-musical .taste-thumb{width:38px;height:32px}
  .studio-step-musical .taste-name{font-size:7.8px}
  .hero-music-moment{width:min(205px,64%)}
}

/* ==========================================================
   V67 — Lisibilité renforcée des deux Studios
   ========================================================== */

/* Le champ anti-spam reste présent techniquement mais n'est jamais visible */
.studio-page form .honeypot,
.studio-page form .hidden[hidden]{display:none!important}

/* Titres des Studios : même règle noir + rose, même esprit que Prestations */
.studio-intro{
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:46px;
}
.studio-intro h1{
  max-width:760px!important;
  margin:8px 0 0!important;
  font-size:clamp(34px,3.5vw,44px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  font-weight:600!important;
  color:var(--ink)!important;
}
.studio-intro h1 em{
  display:inline-block;
  color:#e03d76!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-style:italic!important;
  font-weight:400!important;
  letter-spacing:-.02em!important;
}
.studio-intro>p{
  font-size:14px;
  line-height:1.72;
}

/* Conteneur du formulaire : plus lisible sans changer la structure */
.studio-page .roadmap form{
  padding:38px;
}
.studio-page .roadmap-head h2{
  font-size:31px!important;
  line-height:1.12;
}
.roadmap-step{
  padding-top:34px;
}
.roadmap-step h3{
  font-size:28px!important;
  line-height:1.15;
  margin-bottom:18px!important;
}
.roadmap-step-kicker{
  margin-bottom:7px;
  font-size:9px!important;
  letter-spacing:.15em;
}
.roadmap-help,
.studio-step-musical .roadmap-help{
  font-size:13px!important;
  line-height:1.7!important;
}

/* Champs / choix */
.field-grid{gap:15px}
.field-grid label{
  font-size:12.5px!important;
  line-height:1.45!important;
}
.field-grid input,
.field-grid textarea,
.field-grid select{
  margin-top:8px;
  padding:13px 14px;
  font-size:14px!important;
  line-height:1.45;
}
.choice-grid{gap:11px}
.choice-grid span{
  padding:14px 14px!important;
  font-size:13px!important;
  line-height:1.35!important;
}

/* ADN musical : cartes identiques, texte nettement plus lisible */
.studio-step-musical .taste-grid{
  gap:9px;
}
.studio-step-musical .taste-record{
  grid-template-columns:48px minmax(0,1fr) 24px;
  gap:10px;
  min-height:56px;
  padding:6px 8px 6px 6px;
}
.studio-step-musical .taste-thumb{
  width:48px;
  height:40px;
}
.studio-step-musical .taste-name{
  font-size:11.5px!important;
  line-height:1.24!important;
  font-weight:650;
}
.studio-step-musical .taste-record small{
  width:22px;
  height:22px;
}
.studio-step-musical .taste-record small::before{
  font-size:10px;
}
.studio-style-toggle{
  margin-top:14px;
  padding:9px 15px;
  font-size:10.5px!important;
}

/* Talents & partenaires */
.roadmap-step-partners .roadmap-help{
  font-size:13px!important;
  line-height:1.7!important;
}
.roadmap-partner-section-head span{
  font-size:10.5px!important;
}
.roadmap-partner-section-head small{
  font-size:10px!important;
}
.roadmap-partner-line-inner{
  grid-template-columns:56px minmax(0,1fr) 72px;
  gap:14px;
  min-height:82px;
  padding:12px 0;
}
.roadmap-partner-mini-icon{
  width:50px;
  height:50px;
}
.roadmap-partner-mini-icon img{
  max-width:46px;
  max-height:46px;
}
.roadmap-partner-text b{
  font-size:14px!important;
  line-height:1.3!important;
}
.roadmap-partner-text small{
  font-size:10.5px!important;
  line-height:1.5!important;
}
.roadmap-partner-action{
  font-size:10.5px!important;
}
.roadmap-option-note{
  font-size:11px!important;
  line-height:1.65!important;
}

/* Navigation et bas de formulaire */
.roadmap-nav button{
  font-size:12px!important;
}
.roadmap-nav span{
  font-size:11px!important;
}
.form-privacy,
.roadmap-final-copy .form-privacy{
  font-size:10.5px!important;
  line-height:1.55!important;
}
.roadmap-final-copy .roadmap-help{
  font-size:12.5px!important;
  line-height:1.65!important;
}
.roadmap-final-copy .pill{
  min-height:40px;
  padding:10px 15px;
  font-size:10.5px!important;
}

/* Aperçu feuille de route : on garde l'aspect mini-document, mais lisible */
.roadmap-final-paper-head span{font-size:8.5px!important}
.roadmap-final-paper-head b{font-size:15px!important}
.roadmap-final-preview .summary-grid small{font-size:7.5px!important}
.roadmap-final-preview .summary-grid b{font-size:9.5px!important}
.roadmap-final-preview .summary-section h4{font-size:8.5px!important}
.roadmap-final-preview .summary-tags span{font-size:8px!important}
.roadmap-final-preview .music-summary-row b{font-size:8.5px!important}
.roadmap-final-preview dl{font-size:8.5px!important}
.roadmap-final-preview .summary-theme,
.roadmap-final-preview .summary-section p{font-size:8.5px!important}

@media(max-width:980px){
  .studio-intro{grid-template-columns:1fr;gap:20px}
  .studio-page .roadmap form{padding:30px}
}
@media(max-width:760px){
  .studio-intro h1{
    font-size:34px!important;
    line-height:1.08!important;
  }
  .studio-intro>p{font-size:13px}
  .studio-page .roadmap form{padding:24px 18px}
  .roadmap-step h3{font-size:24px!important}
  .roadmap-help,.studio-step-musical .roadmap-help{font-size:12px!important}
  .field-grid label{font-size:12px!important}
  .choice-grid span{font-size:12px!important}
  .studio-step-musical .taste-name{font-size:10.5px!important}
  .roadmap-partner-text b{font-size:13px!important}
  .roadmap-partner-text small{font-size:10px!important}
}
@media(max-width:440px){
  .studio-step-musical .taste-record{
    grid-template-columns:42px minmax(0,1fr) 22px;
  }
  .studio-step-musical .taste-thumb{width:42px;height:36px}
  .studio-step-musical .taste-name{font-size:10px!important}
}