/* AURORE : ce qui change d'un client à l'autre tient dans :root. */
@font-face{font-family:"DM";src:url(polices/dm-sans-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Playfair";src:url(polices/playfair-display-latin-wght-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
:root{
  --fond:#FBF6EC;--panneau:#F1E8D7;--encre:#2A1C12;--doux:#7B6A59;--trait:#E2D6C2;
  --accent:#A9662B;--encre-sur:#FBF6EC;--fond-sur:#2A1C12;
  --titre:"DM",system-ui,sans-serif;--texte:"DM",system-ui,sans-serif;--italique:"Playfair",Georgia,serif;
  --rayon:6px;--marge:clamp(18px,3.4vw,52px);--ecart:16px;--btn-fond:var(--encre);--btn-encre:var(--fond);
}
h1,h2,h3{font-family:var(--titre);font-weight:500;letter-spacing:-.025em;line-height:1.08}
h1 em,h2 em{font-family:var(--italique);font-weight:400;letter-spacing:-.01em}
h2{font-size:clamp(36px,4.8vw,68px)}
h3{font-size:21px;line-height:1.25;letter-spacing:-.01em}
.nav{color:#fff}
.nav--solide{background:var(--fond);color:var(--encre)}
.nav--solide .btn--clair{--btn-fond:var(--encre);--btn-encre:var(--fond)}
.nav__logo{font-family:var(--italique);font-style:italic;font-size:28px;font-weight:400}

.hero__cadre{position:relative;height:100svh;min-height:600px;overflow:hidden;background:#17100a;transform-origin:50% 0;will-change:transform}
.hero__img{position:absolute;inset:0;object-position:50% 68%}
.hero__cadre::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,8,3,.62),rgba(14,8,3,.1) 46%,rgba(14,8,3,.5))}
.hero__txt{position:absolute;z-index:2;top:15vh;left:0;right:0;text-align:center;color:#fff;padding-inline:var(--marge);display:flex;flex-direction:column;align-items:center;gap:28px}
h1{font-size:clamp(44px,6.8vw,104px)}
.hero__infos{position:absolute;z-index:2;left:var(--marge);right:var(--marge);bottom:24px;color:#fff;display:flex;justify-content:space-between;gap:16px;font-size:15px}
.hero__infos [data-etat=ouvert]{font-weight:600}

.maison{display:grid;grid-template-columns:1fr .95fr .55fr;gap:18px;align-items:start;padding-block:clamp(90px,11vw,170px)}
.maison__txt p{margin:22px 0 28px;max-width:29em;color:var(--doux);font-size:18px}
.maison__a{height:clamp(320px,41vw,600px)}
.maison__b{height:clamp(170px,19vw,280px);margin-top:clamp(80px,14vw,210px)}

.pains__tete{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:38px}
.pains .car__piste{padding-inline:calc((100vw - min(100vw - 2*var(--marge),1320px))/2)}
.carte{width:clamp(250px,25vw,330px);background:#fff;border-radius:var(--rayon);padding:16px;transition:background .4s,color .4s}
.carte__p{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;font-size:14px;color:var(--doux);transition:color .4s}
.carte__p em{font-family:var(--italique);font-size:32px;color:var(--encre);transition:color .4s}
.carte .cadre{height:clamp(190px,17vw,240px);margin-bottom:14px}
.carte p{color:var(--doux);font-size:15px;transition:color .4s}
.carte:hover{background:var(--encre);color:var(--fond)}.carte:hover p,.carte:hover .carte__p,.carte:hover .carte__p em{color:var(--fond)}

.trip{padding-top:clamp(100px,12vw,180px);text-align:center}
.trip__g{display:grid;grid-template-columns:.62fr 1fr .62fr;gap:16px;align-items:center;margin-top:44px}
.trip__g .cadre{height:clamp(220px,28vw,410px)}
.trip__g .trip__m{height:clamp(300px,41vw,600px)}
.trip__p{font-family:var(--titre);font-size:clamp(26px,3vw,44px);line-height:1.24;letter-spacing:-.02em;max-width:24em;margin:clamp(60px,8vw,120px) auto 0}

.galerie{padding-block:clamp(100px,12vw,180px)}
.galerie h2{text-align:center;margin-bottom:50px}
.gal{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}
.g1{grid-column:1/4;margin-top:150px}.g2{grid-column:4/7}.g3{grid-column:7/10;margin-top:60px}.g4{grid-column:10/13;margin-top:210px}
.g1 .cadre{height:clamp(170px,17vw,250px)}.g2 .cadre{height:clamp(260px,27vw,400px)}.g3 .cadre{height:clamp(200px,20vw,300px)}.g4 .cadre{height:clamp(170px,16vw,240px)}
figcaption{font-size:15px;margin-top:9px}

.venir{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);padding-bottom:clamp(90px,10vw,140px)}
dl{margin:38px 0 0;display:grid;grid-template-columns:110px 1fr;gap:14px 18px}
dt{color:var(--doux)}dd{margin:0}
.pied{display:flex;justify-content:space-between;gap:20px;padding-block:24px;border-top:1px solid var(--trait);font-size:15px}
@media(max-width:860px){
  .hero__infos{flex-direction:column;gap:0;bottom:18px}
  .hero__txt{top:14vh}
  .maison{grid-template-columns:1fr 1fr}.maison__txt{grid-column:1/-1}.maison__a{height:80vw}.maison__b{height:48vw;margin-top:32vw}
  .carte{width:74vw}.carte .cadre{height:52vw}
  .trip__g{grid-template-columns:1fr 1fr}.trip__m{grid-column:1/-1;grid-row:1}.trip__g .trip__m{height:70vw}.trip__g .cadre:not(.trip__m){height:44vw}
  .gal{grid-template-columns:1fr 1fr}.g1,.g2,.g3,.g4{grid-column:auto;margin-top:0}.gal .cadre{height:46vw}
  .venir{grid-template-columns:1fr}
}

.venir__img{height:clamp(320px,36vw,520px)}