/* CSS propre à la page, repris de la maquette */
.cas{display:grid;gap:4px;margin:22px -22px 0}
.cas article{background:var(--carte);padding:22px 22px 24px}
.cas h3{font-size:27px;margin-bottom:6px}
.cas p{margin:0;font-size:14.5px}
.tableau{width:100%;border-collapse:collapse;margin:20px 0 24px}
.tableau th,.tableau td{text-align:left;padding:13px 0;border-bottom:1px solid var(--ligne);font-size:14.5px;color:var(--gris);vertical-align:top}
.tableau th{font-weight:600;color:var(--encre)}
.tableau td:last-child{text-align:right;color:var(--encre);font-weight:600}
.fond{position:relative;isolation:isolate;overflow:hidden;border-top:none}
.fond .ph{position:absolute;inset:0;z-index:-2;margin:0 !important;border-radius:0;aspect-ratio:auto !important;background:linear-gradient(145deg,#6E655C,#3A342E);color:rgba(255,255,255,.5);align-items:flex-end;justify-content:flex-end;padding:16px}
.fond::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.62)}
.fond .kicker{color:var(--jaune)}
.fond h2{color:var(--creme)}
.fond p{color:rgba(255,255,255,.92)}
.fond .btn--ligne{color:var(--creme);border-color:rgba(255,255,255,.75)}
.entete-page{padding:56px 22px 36px;border-bottom:1px solid var(--ligne)}
.entete-page h1{font-family:"Morganite","Big Shoulders Display",sans-serif;font-weight:400;font-size:clamp(64px,18vw,104px);line-height:.9;text-transform:uppercase;margin:0 0 12px;color:var(--encre)}
.entete-page .sous{font-family:"Sora",system-ui,sans-serif;font-size:17px;color:var(--violet);text-transform:none;letter-spacing:0;margin:0 0 14px}
.moteur{margin-top:26px;min-height:440px;border:1.5px dashed var(--violet);border-radius:4px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--gris);font-size:12px;letter-spacing:.06em;background:var(--carte)}
.infos{list-style:none;margin:20px 0 0;padding:0}
.infos li{padding:15px 0;border-top:1px solid var(--ligne)}
.infos li:last-child{border-bottom:1px solid var(--ligne)}
.infos .t{display:block;font-family:"Morganite","Big Shoulders Display",sans-serif;font-size:24px;text-transform:uppercase;letter-spacing:.03em;color:var(--violet);margin-bottom:2px}
.infos p{margin:0;font-size:14.5px}
.encart{margin-top:22px;padding:20px;border-left:3px solid var(--jaune);background:var(--carte)}
.encart p{margin:0}
.conds h3{font-size:27px;margin:26px 0 8px}
.conds ul{margin:0;padding-left:18px;color:var(--gris);font-size:14.5px}
.conds li{margin-bottom:6px}
@media (min-width:900px){
  .cas{grid-template-columns:repeat(3,1fr);margin:30px 0 0}
  .cas article{padding:26px 26px 28px}
  .fond{padding:110px 56px !important}
  .fond h2,.fond p{max-width:58ch}
  .entete-page{padding:96px 56px 56px}
  .moteur{min-height:520px}
  .equipe-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
  .infos-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
  .infos-col .ph{aspect-ratio:4/5 !important;margin:0 !important}
}


/* Règle typo : Morganite seulement pour les grands titres (h1, h2, logo, chiffres clés).
   Tous les titres plus petits passent en Sora, pour rester lisibles. */
h3,.cas h3,.conds h3{font-family:"Sora",system-ui,sans-serif !important;font-size:18px !important;font-weight:600;text-transform:none;letter-spacing:0;line-height:1.35}
.qlist .t,.infos .t{font-family:"Sora",system-ui,sans-serif !important;font-size:12px !important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}
.prix,.tarifs b,.barre .px .v{font-family:"Sora",system-ui,sans-serif !important;font-weight:600;letter-spacing:0}
.prix{font-size:16px !important}
.tarifs b{font-size:16px !important}
.barre .px .v{font-size:18px !important}
footer h3{font-size:13px !important;letter-spacing:.14em;text-transform:uppercase;color:var(--encre)}


.pied-logo{grid-column:1/-1;align-items:center;text-align:center;gap:8px;margin:0 0 26px;padding-bottom:26px;border-bottom:1px solid var(--ligne)}
.pied-logo .lettrage span{display:block;text-align:center}
.final p{margin-left:auto;margin-right:auto;text-align:center}
.final{text-align:center}


.col-comptoir h3{display:flex;align-items:center;gap:8px}
.chapiteau{flex:0 0 auto}
.pied-bas{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:28px;padding-top:20px;border-top:1px solid var(--ligne);font-size:12.5px;color:var(--gris)}
.pied-bas a{color:var(--violet);font-weight:600}
footer>div{margin-bottom:22px}
@media (min-width:900px){
  footer{grid-template-columns:1.2fr 1fr 1fr 1.2fr !important}
  footer>div{margin-bottom:0}
  .pied-bas{margin-top:12px}
}

.moteur-lien{margin-top:26px;padding:30px 22px;border:1.5px solid var(--violet);border-radius:4px;background:var(--carte);text-align:center}.moteur-lien .btn{padding:0 40px}.moteur-lien p{margin:12px 0 0;font-size:13px}
@media (min-width:900px){.venir{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}.venir li:last-child{border-bottom:none}}

.legal{max-width:760px}
.legal h2{font-size:32px;margin:40px 0 12px}
.legal p,.legal li{font-size:15px;color:var(--gris)}
.legal ul{padding-left:18px;margin:0 0 14px}
.a-completer{background:#FAFF5B;color:#292929;padding:0 4px;border-radius:2px;font-weight:600}
@media (min-width:900px){.legal{padding:0 56px 80px !important}.legal h2{font-size:38px}}

/* styles posés dans le corps de la maquette */