/* 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}


.entete-pros{padding-bottom:30px}
.entete-pros .ctas{margin-top:22px}
.bande-photos{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.bande-photos .ph{aspect-ratio:1/1;border-radius:0}
.bande-photos .ph:first-child{grid-column:1/-1;aspect-ratio:16/10}
.compris-col .mosaique{margin-top:22px}
.cas article{padding:0;display:flex;flex-direction:column}
.cas article .ph{aspect-ratio:4/3;border-radius:0}
.cas-txt{padding:18px 22px 22px}
@media (min-width:900px){
  .bande-photos{grid-template-columns:1.4fr 1fr 1fr}
  .bande-photos .ph,.bande-photos .ph:first-child{grid-column:auto;aspect-ratio:auto;min-height:440px}
  .entete-pros{padding:96px 56px 48px}
  .entete-pros h1{max-width:12ch}
  .compris-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
  .compris-col .mosaique{margin:0}
  .cas-txt{padding:20px 24px 26px}
}


.photo-large{aspect-ratio:4/3;border-radius:0}
.photo-compris{aspect-ratio:4/3;margin-top:22px;border-radius:0}
.cas article{padding:22px 22px 24px !important;display:block}
.duo-cas{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:22px -22px 4px}
.duo-cas .ph{aspect-ratio:1/1;border-radius:0}
@media (min-width:900px){
  .photo-large{aspect-ratio:auto;min-height:520px}
  .photo-compris{aspect-ratio:4/5;margin:0}
  .compris-col{align-items:center}
  .duo-cas{margin:30px 0 4px;gap:4px}
  .duo-cas .ph{aspect-ratio:16/10}
  .cas{margin-top:4px !important;gap:4px}
}


.ouverture{display:flex;flex-direction:column;border-bottom:1px solid var(--ligne)}
.ouverture .photo-large{aspect-ratio:4/3;min-height:0}
.ouverture-txt{border-bottom:none}
@media (min-width:900px){
  .ouverture{display:grid;grid-template-columns:1fr 1fr;min-height:78svh}
  .ouverture .photo-large{order:2;aspect-ratio:auto;min-height:100%}
  .ouverture-txt{order:1;display:flex;flex-direction:column;justify-content:center;padding:72px 56px !important}
  .ouverture-txt h1{font-size:clamp(72px,7vw,110px) !important}
}


.ouv-pros{text-align:center;padding:64px 0 52px;border-bottom:1px solid var(--ligne)}
.ouv-pros .kicker,.ouv-pros h1,.ouv-pros .italique{padding:0 22px}
.ouv-pros h1{font-family:"Morganite","Big Shoulders Display",sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(64px,17vw,124px);line-height:.88;margin:0 0 18px;color:var(--encre)}
.italique{font-family:"Crimson Pro",Georgia,serif;font-style:italic;font-size:21px;line-height:1.4;color:var(--encre);max-width:46ch;margin:0 auto 36px}
.frise{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 22px 6px;margin-bottom:34px;scrollbar-width:none}
.frise::-webkit-scrollbar{display:none}
.frise .ph{flex:0 0 62%;scroll-snap-align:center;border-radius:0}
.f1{height:300px;margin-top:40px}
.f2{height:360px;margin-top:0}
.f3{height:260px;margin-top:62px}
.f4{height:330px;margin-top:20px}
.f5{height:350px;margin-top:6px}
.ouv-pros .btn{display:inline-flex;padding:0 34px}
.compris-col{display:block !important}
.equipe-col{display:block !important;max-width:760px}
.fond--violet{background:#5D2A89}
.fond--violet::after{display:none}
@media (min-width:900px){
  .ouv-pros{padding:104px 0 80px}
  .italique{font-size:26px}
  .frise{overflow:visible;padding:0 56px;gap:24px}
  .frise .ph{flex:1 1 0;min-width:0}
  .f1{height:330px;margin-top:40px}
  .f2{height:420px;margin-top:0}
  .f3{height:290px;margin-top:62px}
  .f4{height:370px;margin-top:20px}
  .f5{height:400px;margin-top:12px}
  .compris-col .qlist{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
}


.ouv-pros2{padding:56px 22px 36px}
.ouv-pros2 h1{font-family:"Morganite","Big Shoulders Display",sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(60px,17vw,104px);line-height:.88;margin:0 0 16px;color:var(--encre)}
.ouv-pros2 .intro{font-size:17px;color:var(--gris);max-width:42ch;margin:0 0 24px}
.ouv-pros2 .ctas{display:grid;gap:10px}
.bande4{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.bandeau-photo{aspect-ratio:16/9;border-radius:0}
@media (min-width:900px){.bandeau-photo{aspect-ratio:auto;height:380px}.compris-col>div:first-child{padding-bottom:44px !important}}
.bande4 .ph{aspect-ratio:1/1;border-radius:0}
@media (min-width:900px){
  .ouv-pros2{padding:96px 56px 52px}
  .ouv-pros2 .ctas{grid-template-columns:repeat(2,minmax(0,250px))}
  .bande4{grid-template-columns:repeat(4,1fr)}
  .bande4 .ph{aspect-ratio:3/4}
}


.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}
}

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