/* Atelier Louise : blanc chaud, rose poudré, prune sombre, Archivo large et léger en capitales */
:root{--fond:#fbf6f1;--rose:#f0d9d1;--encre:#2d2326;--accent:#8e3b4d;--gris:#5a4d51;--trait:#dcc7bf;--focus:#8e3b4d;--max:1100px;--large:Archivo,Arial,sans-serif}
body{background:var(--fond);color:var(--encre);font:17px/1.65 Inter,system-ui,sans-serif}
h1,h2,h3{font-family:var(--large);font-stretch:125%;font-weight:300;text-transform:uppercase;letter-spacing:.04em;line-height:1.15}
.eyebrow{font:500 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}

.top{border-bottom:1px solid var(--trait)}
.top-in{display:flex;flex-direction:column;align-items:center;gap:0;padding-block:14px 6px}
.marque{font:300 26px/1.2 var(--large);font-stretch:125%;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;min-height:44px;display:flex;align-items:center;padding-left:.3em}
.nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 24px;align-items:center}
.nav a{font:500 13px/1.2 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:0 2px}
.nav a:hover{text-decoration:underline;text-underline-offset:6px}
.nav .nav-cta{background:var(--accent);color:#fff;padding:0 16px}
.nav .nav-cta:hover{background:var(--encre);text-decoration:none}

.hero{padding-block:64px 0;text-align:center}
.hero h1{font-size:clamp(28px,5.2vw,58px);margin:16px auto 0;max-width:18ch}
.accroche{font:italic 400 clamp(22px,2.6vw,30px)/1.3 Georgia,"Times New Roman",serif;color:var(--accent);margin-top:18px}
.lede{max-width:46ch;margin:16px auto 0;color:var(--gris)}
.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.btn{padding:0 26px;font:500 13px/1.2 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid var(--accent)}
.btn-plein{background:var(--accent);color:#fff}
.btn-plein:hover{background:var(--encre);border-color:var(--encre)}
.btn-ligne{color:var(--accent)}
.btn-ligne:hover{background:var(--rose)}
.collage{position:relative;margin-top:56px;padding-bottom:0;display:grid;gap:16px;text-align:left}
.collage figure{background:var(--rose)}
.collage img{width:100%;object-fit:cover}
.c1 img{aspect-ratio:3/2}
.c2 img{aspect-ratio:4/5;object-position:center 30%}

.prestations{background:var(--rose);padding-block:80px;margin-top:72px}
.tete{text-align:center;margin-bottom:40px}
.tete h2{font-size:clamp(24px,3.6vw,38px)}
.tete p{color:var(--gris);font-size:15px;margin-top:10px}
.tarifs{max-width:820px;margin-inline:auto;border-top:1px solid var(--accent)}
.tarifs li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"nom prix" "duree prix";gap:2px 20px;padding:20px 0;border-bottom:1px solid #d0b3aa;align-items:center}
.nom{grid-area:nom;font:500 18px/1.3 Inter,system-ui,sans-serif}
.nom small{display:block;font-weight:400;font-size:15px;color:var(--gris);margin-top:2px}
.duree{grid-area:duree;font:500 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.prix{grid-area:prix;font:300 32px/1 var(--large);font-stretch:110%;white-space:nowrap}

.deroule{padding-block:88px}
.deroule-in{display:grid;gap:36px}
.deroule h2{font-size:clamp(24px,3.4vw,36px);text-align:center}
.deroule ol{display:grid;gap:28px}
.deroule li{border-top:1px solid var(--accent);padding-top:20px}
.num{font:300 44px/1 var(--large);font-stretch:125%;color:var(--accent)}
.deroule h3{font-size:16px;letter-spacing:.1em;margin:12px 0 8px;font-weight:500;font-stretch:110%}
.deroule li p{color:var(--gris);font-size:16px}

.pratique{background:var(--encre);color:#f6ece6;padding-block:72px}
.pratique-in{display:grid;gap:48px}
.pratique h2{font-size:clamp(22px,3vw,32px);margin-bottom:20px;color:#fff}
.pratique h3{font-size:14px;letter-spacing:.2em;color:#f0c6bd;margin:32px 0 8px;font-weight:500}
.horaires div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 20px;padding:14px 0;border-bottom:1px solid #5b4a50}
.horaires dd{margin:0}
.adr{font:400 22px/1.3 Inter,system-ui,sans-serif;margin-bottom:8px}
.adr span{font-size:15px;color:#e5d3cd}
.rdv{background:var(--rose);color:var(--encre);padding:36px 32px;align-self:start}
.rdv h2{color:var(--encre)}
.rdv p{margin-bottom:20px}
.pratique p{color:inherit}

.foot{background:#1d1517;color:#efe3dd;padding-block:28px}
.foot-in{display:grid;gap:6px}
.foot a{color:#f0c6bd}

@media (min-width:860px){
.collage{grid-template-columns:1.5fr 1fr;gap:16px}
.collage figure{display:flex}
.collage img{height:100%;min-height:560px;aspect-ratio:auto}
.deroule-in ol{grid-template-columns:repeat(3,1fr);gap:40px}
.pratique-in{grid-template-columns:1fr 1fr;gap:96px}
}
@media (max-width:520px){.marque{font-size:22px;letter-spacing:.2em;justify-content:center;text-align:center}.hero{padding-top:44px}.prestations{padding-block:56px}.rdv{padding:28px 22px}}