/* CB Production · V30.195 · typographie normale, crédits simples, Studios lisibles */

/* Répare les textes de la page Studios sur le fond noir. */
#studios-page{
  background:#000!important;
  color:#f6f1e9!important;
}
#studios-page .studios-intro-head h2,
#studios-page .studios-copy p,
#studios-page .studio-copy h3,
#studios-page .studio-copy h4,
#studios-page .studio-copy li,
#studios-page .studios-band-text p{
  color:#f6f1e9!important;
}
#studios-page .studios-intro-head>p,
#studios-page .studio-status{
  color:#c6a67b!important;
}
#studios-page .studios-contact{
  color:#17110d!important;
}
#studios-page .studios-contact strong,
#studios-page .studios-contact p,
#studios-page .studios-contact a{
  color:#17110d!important;
}

/* Barème : tailles utiles, lignes directes, aucune micro-phrase décorative. */
body #home-page #credit-matrix.cb-credit-surface,
body #services-page #services-credit-grid.cb-credit-surface{
  padding:72px max(22px,7vw) 86px!important;
}
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .matrix-head{
  width:min(1180px,100%)!important;
  margin:0 auto 28px!important;
}
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .matrix-head h2{
  max-width:760px!important;
  color:#1b120d!important;
  font-size:clamp(36px,3.8vw,54px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .matrix-head>p,
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-kicker,
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .services-credit-kicker,
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .services-credit-annual{
  display:none!important;
}

.cb-credit-how{
  width:min(1180px,100%);
  margin:0 auto 58px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid rgba(73,43,26,.46);
  border-bottom:1px solid rgba(73,43,26,.46);
}
.cb-credit-how-step{
  min-height:82px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:18px 22px;
  border-right:1px solid rgba(73,43,26,.28);
}
.cb-credit-how-step:last-child{border-right:0;}
.cb-credit-how-step span{
  color:#925c35;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.cb-credit-how-step strong{
  color:#1b120d;
  font-size:16px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.015em;
}

body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-service-catalog{
  width:min(1180px,100%)!important;
}
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-group{
  margin-bottom:42px!important;
}
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-group>header{
  padding:0 0 14px!important;
  border-bottom:1px solid rgba(73,43,26,.55)!important;
}
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-group h3{
  color:#21150e!important;
  font-size:clamp(22px,2vw,28px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-track{
  min-height:64px!important;
  gap:8px 20px!important;
  padding:14px 0!important;
  border-bottom:1px solid rgba(51,31,19,.2)!important;
}
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-track:hover,
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-track:focus-visible,
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-track.is-open{
  padding-left:12px!important;
  padding-right:12px!important;
  background:rgba(255,255,255,.34)!important;
}
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-name strong{
  color:#21150f!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
}
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-cost{
  color:#81502f!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:-.01em!important;
}
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-description{
  max-width:780px!important;
  color:#2d2018!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.45!important;
}
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-track:hover .cb-credit-description,
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-track:focus-visible .cb-credit-description,
body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-track.is-open .cb-credit-description{
  max-height:120px!important;
  margin-top:4px!important;
}

@media(max-width:760px){
  body #home-page #credit-matrix.cb-credit-surface,
  body #services-page #services-credit-grid.cb-credit-surface{
    padding:54px 20px 66px!important;
  }
  body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .matrix-head{
    margin-bottom:22px!important;
  }
  body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .matrix-head h2{
    max-width:330px!important;
    font-size:34px!important;
    line-height:1!important;
  }
  .cb-credit-how{
    grid-template-columns:1fr;
    margin-bottom:44px;
  }
  .cb-credit-how-step{
    min-height:0;
    padding:14px 0;
    border-right:0;
    border-bottom:1px solid rgba(73,43,26,.22);
  }
  .cb-credit-how-step:last-child{border-bottom:0;}
  .cb-credit-how-step strong{font-size:15px;}
  body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-group{
    margin-bottom:38px!important;
  }
  body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-group h3{
    font-size:23px!important;
  }
  body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-track{
    min-height:60px!important;
    gap:8px 14px!important;
    padding:13px 0!important;
  }
  body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-name strong{
    font-size:16px!important;
  }
  body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-cost{
    font-size:14px!important;
  }
  body :is(#home-page #credit-matrix,#services-page #services-credit-grid) .cb-credit-description{
    font-size:14px!important;
  }
}