/* Objets de Passage : galerie sobre, blanc cassé, noir, terre cuite, Inter léger et très aéré */
:root{--fond:#f3f1ec;--encre:#151515;--gris:#4a4843;--terre:#9c4529;--sauge:#dfe3d8;--trait:#cfcbc1;--focus:#9c4529;--max:1180px}
body{background:var(--fond);color:var(--encre);font:300 17px/1.65 Inter,system-ui,sans-serif}
h1,h2,h3{font-weight:300;letter-spacing:-.025em;line-height:1.05}
.eyebrow{font:500 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--terre)}

.top{border-bottom:1px solid var(--trait)}
.top-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;padding-block:12px}
.marque{font:400 15px/1.2 Inter,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;min-height:44px;display:flex;align-items:center}
.nav ul{display:flex;flex-wrap:wrap;gap:0 22px;align-items:center}
.nav a{font:400 15px/1.2 Inter,system-ui,sans-serif;text-decoration:none;padding:0 2px}
.nav a:hover{text-decoration:underline;text-underline-offset:6px}
.nav .nav-cta{border:1px solid var(--encre);padding:0 18px}
.nav .nav-cta:hover{background:var(--encre);color:var(--fond);text-decoration:none}

.hero{display:grid;gap:32px;align-items:stretch}
.hero-texte{padding:48px 20px 0;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:clamp(38px,5.6vw,72px);margin-top:20px;max-width:12ch}
.accroche{font:300 italic clamp(20px,2.4vw,26px)/1.3 Georgia,"Times New Roman",serif;color:var(--terre);margin-top:20px}
.lede{max-width:42ch;margin-top:18px;color:var(--gris)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;margin-top:28px}
.btn{padding:0 26px;font:500 15px/1.2 Inter,system-ui,sans-serif;text-decoration:none;border:1px solid var(--encre)}
.btn-noir{background:var(--encre);color:var(--fond)}
.btn-noir:hover{background:var(--terre);border-color:var(--terre)}
.lien{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:6px;font-weight:400}
.hero-photo{background:var(--sauge)}
.hero-photo img{width:100%;height:100%;min-height:300px;object-fit:cover}

.selection{padding-block:112px 72px}
.tete{display:grid;gap:8px;margin-bottom:40px}
.tete h2{font-size:clamp(30px,4.4vw,52px)}
.tete p{color:var(--gris);font-size:15px}
.liste{border-top:1px solid var(--encre)}
.liste li{display:grid;grid-template-columns:36px 1fr auto;grid-template-areas:"n nom prix" ". mat .";gap:2px 14px;padding:22px 0;border-bottom:1px solid var(--trait);align-items:baseline}
.n{grid-area:n;font:400 13px/1 Inter,system-ui,sans-serif;color:var(--terre);letter-spacing:.08em}
.nom{grid-area:nom;font:400 21px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.01em}
.nom small{display:block;font:300 15px/1.5 Inter,system-ui,sans-serif;color:var(--gris);margin-top:2px;letter-spacing:0}
.mat{grid-area:mat;font:500 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.prix{grid-area:prix;font:400 21px/1.3 Inter,system-ui,sans-serif;white-space:nowrap}
.mention{margin-top:24px;font-size:15px;color:var(--gris)}

.choix{background:var(--sauge);padding-block:96px}
.choix-in{display:grid;gap:32px}
.choix h2{font-size:clamp(28px,3.8vw,44px)}
.choix ul{display:grid;gap:0}
.choix li{display:flex;flex-direction:column;gap:4px;padding:18px 0;border-top:1px solid #8a9285}
.choix strong{font:400 20px/1.3 Inter,system-ui,sans-serif}
.choix span{color:#3b3f38;font-size:16px}

.visite{padding-block:96px 104px}
.visite-in{display:grid;gap:48px}
.visite h2{font-size:clamp(28px,3.8vw,44px);margin-bottom:20px}
.visite h3{font:500 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--terre);margin-bottom:8px}
.adr{font:400 24px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.01em;margin-bottom:10px}
.adr span{font-size:15px;color:var(--gris);letter-spacing:0}
.horaires div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 20px;padding:14px 0;border-bottom:1px solid var(--trait)}
.horaires dt{font-weight:400}
.horaires dd{margin:0}
.note{margin:22px 0;color:var(--gris);font-size:15px}

.foot{background:var(--encre);color:#e9e6de;padding-block:28px}
.foot-in{display:grid;gap:6px}
.foot a{color:#f0c3ae}

@media (min-width:900px){
.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:700px}
.hero-texte{padding:64px 48px 64px max(32px,calc((100vw - 1180px)/2))}
.hero-photo img{min-height:700px}
.liste li{grid-template-columns:56px 1.6fr 1fr auto;grid-template-areas:"n nom mat prix";align-items:center;padding:26px 0}
.choix-in{grid-template-columns:.8fr 1.2fr;gap:72px}
.choix ul{grid-template-columns:repeat(3,1fr);gap:28px}
.choix li{padding-top:16px}
.visite-in{grid-template-columns:1fr 1fr;gap:96px}
}
@media (max-width:520px){.hero-texte{padding-top:36px}}