[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ardoise:#253F4C;     /* fond du logo */
  --ardoise-f:#1C323D;
  --sable:#A39483;       /* lettres du logo */
  --sable-c:#CFC3B4;
  --sable-t:#857463;   /* sable lisible sur fond clair */
  --lin:#F5F1EA;
  --pierre:#ECE5DA;
  --encre:#1F2B31;
  --gris:#6E6A63;
  --filet:rgba(31,43,49,.14);
  --filet-c:rgba(245,241,234,.18);
  --serif:"Noto Serif Display",Georgia,serif;
  --sans:"Josefin Sans",system-ui,sans-serif;
  --h-tete:88px;
  --marge:clamp(20px,5vw,88px);
  --ease:cubic-bezier(.22,.61,.12,1);
  --ease-o:cubic-bezier(.65,0,.35,1);
}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{background:var(--lin);color:var(--encre);font:400 17.5px/1.7 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.fige{position:fixed;left:0;right:0;overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
svg{width:1em;height:1em;flex:none}
:focus-visible{outline:1px solid var(--sable);outline-offset:4px}
::selection{background:var(--sable);color:var(--lin)}

/* ---------- typographie commune ---------- */
.sur{font:400 12.5px/1.4 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--sable-t);margin-bottom:22px}
.sur--clair{color:var(--sable-c)}
.titre{font:300 clamp(34px,4.2vw,64px)/1.08 var(--serif);letter-spacing:-.015em;max-width:17ch}
.titre em,.page-tete__titre em,.porte__titre em{font-style:italic;color:var(--sable)}
.titre--clair{color:var(--lin)}
.titre--clair em{color:var(--sable-c)}
.titre--petit{font-size:clamp(28px,3vw,42px)}
.lien-fleche{display:inline-flex;align-items:center;gap:14px;font:400 13px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:10px 0;border-bottom:1px solid currentColor;transition:gap .5s var(--ease),color .3s}
.lien-fleche svg{font-size:20px}
.lien-fleche:hover{gap:24px;color:var(--sable)}
.lien-fleche--clair{color:var(--lin)}
.lien-fleche--clair:hover{color:var(--sable-c)}
.bouton{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 30px;font:400 13px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;background:var(--ardoise);color:var(--lin);transition:background .4s,color .4s,gap .5s var(--ease)}
.bouton svg{font-size:19px}
.bouton:hover{background:var(--encre);gap:18px}
.bouton--sable{background:var(--sable);color:var(--ardoise-f)}
.bouton--sable:hover{background:var(--lin);color:var(--ardoise)}
.bouton--contour{background:none;border:1px solid var(--filet-c);color:var(--lin)}
.bouton--contour:hover{background:var(--lin);color:var(--ardoise)}
.bouton--plein{width:100%}
.btn-icone{width:48px;height:48px;display:grid;place-items:center;font-size:24px}

/* ---------- bandeau, en-tête ---------- */
.bandeau-maquette{position:relative;z-index:51;background:var(--ardoise-f);color:rgba(245,241,234,.6);font:300 11.5px/1.4 var(--sans);letter-spacing:.06em;text-align:center;padding:8px var(--marge)}
.haut{position:fixed;top:0;left:0;right:0;z-index:50;transition:transform .6s var(--ease)}
.haut.cache{transform:translateY(-100%)}
main{padding-top:var(--h-haut,118px)}
.page[data-page="accueil"]{margin-top:calc(-1 * var(--h-haut,118px))}
.tete{position:relative;height:var(--h-tete);background:var(--ardoise);color:var(--lin);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;padding:0 var(--marge);transition:transform .6s var(--ease)}
.tete__logo{display:block;justify-self:center}
.tete__logo img{height:66px;width:auto;-webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 62% 70% at 50% 50%,#000 70%,transparent 100%)}
.tete__nav{display:flex;align-items:center;gap:clamp(20px,2.6vw,44px)}
.tete__nav--d{justify-content:flex-end}
.tete__nav a{font:400 12.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;position:relative;padding:10px 0;white-space:nowrap;color:rgba(245,241,234,.86);transition:color .3s}
.tete__nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--sable-c);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}
.tete__nav a:hover,.tete__nav a.actif{color:var(--lin)}
.tete__nav a:hover::after,.tete__nav a.actif::after{transform:scaleX(1);transform-origin:left}
.tete__nav .tete__wa{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid var(--filet-c);transition:background .4s,color .4s,border-color .4s}
.tete__nav .tete__wa::after{display:none}
.tete__nav .tete__wa:hover{background:var(--sable);border-color:var(--sable);color:var(--ardoise-f)}
.tete__wa svg{font-size:17px}
.tete__burger{display:none;width:48px;height:48px;place-items:center;font-size:26px;color:var(--lin);justify-self:end}

/* ---------- pages, révélations ---------- */
.page{display:block}
.bloc{padding:clamp(88px,11vw,176px) var(--marge)}
.media{position:relative;overflow:hidden;background:var(--pierre)}
.media img{width:100%;height:100%;object-fit:cover}
.media figcaption{position:absolute;left:0;bottom:-34px;font:300 13px/1.4 var(--sans);letter-spacing:.06em;color:var(--gris)}
.js [data-r]{opacity:0;transform:translateY(32px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
.js [data-r].vu{opacity:1;transform:none}
/* révélation des photos : un volet de la couleur du fond se retire (l'élément reste visible pour l'observateur) */
.js [data-img]::after{content:"";position:absolute;inset:-1px;z-index:2;background:var(--fond,var(--lin));transform-origin:50% 0;transition:transform 1.5s var(--ease-o);pointer-events:none}
.js [data-img].vu::after{transform:scaleY(0)}
.js [data-img] img{transform:scale(1.15);transition:transform 2.2s var(--ease)}
.js [data-img].vu img{transform:scale(1)}
.media figcaption{clip-path:none}
[data-voir]{cursor:pointer}

/* ---------- ACCUEIL : la porte ---------- */
.porte{position:relative;height:210vh;background:var(--ardoise)}
.porte__scene{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--ardoise);color:var(--lin)}
.porte__scene{--H:min(calc(100svh - var(--h-haut,118px) - 13svh),700px)}
.porte__arches{position:absolute;z-index:1;left:50%;top:calc(var(--h-haut,118px) + 6svh);width:0;height:var(--H)}
.arche{position:absolute;bottom:0;overflow:hidden;border-radius:999px 999px 0 0;background:var(--ardoise-f);margin:0}
.arche img{width:100%;height:100%;object-fit:cover}
.arche-c{position:absolute;bottom:0;left:calc(var(--H) * -.31);width:calc(var(--H) * .62);height:var(--H);transform:scale(var(--sc,1));transform-origin:50% 100%}
.arche--c{inset:0;transform:translateZ(0)}
.arche--c img{transform:scale(var(--zoom,1.1));transform-origin:50% 70%}
.arche--g,.arche--d{width:calc(var(--H) * .4);height:calc(var(--H) * .66);opacity:var(--so,0);transform:translateY(var(--sy,38%));will-change:transform,opacity}
.arche--g{left:calc(var(--H) * -.71 - 56px)}
.arche--d{left:calc(var(--H) * .31 + 56px)}
.arche--g::after,.arche--d::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(207,195,180,.25);pointer-events:none}
.porte__cadre{display:none}
.porte__trait{position:absolute;left:-16px;right:-16px;top:-16px;bottom:0;border:1px solid rgba(207,195,180,.7);border-bottom:0;border-radius:999px 999px 0 0;clip-path:inset(100% 0 0 0);pointer-events:none}
.porte__poignee{position:absolute;right:-30px;top:44%;width:13px;height:13px;border:1px solid var(--sable-c);border-radius:50%;opacity:0;transition:opacity 1s 1.6s}
.pret .porte__trait{animation:trace 2.2s .35s var(--ease-o) forwards}
.pret .porte__poignee{opacity:.75}
@keyframes trace{to{clip-path:inset(0 0 0 0)}}
.porte__texte{position:absolute;z-index:3;top:calc(50% + var(--h-haut,118px) / 2);opacity:var(--txt,1)}
.porte__texte--g{transform:translate(calc(var(--tx,0px) * -1),-50%)}
.porte__texte--d{transform:translate(var(--tx,0px),-50%)}
.porte__texte--g{left:var(--marge);width:min(30vw,440px)}
.porte__texte--d{right:var(--marge);width:min(22vw,320px);display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.porte__texte--d p{font:300 16.5px/1.75 var(--sans);color:rgba(245,241,234,.82)}
.porte__titre{font:300 clamp(34px,3.7vw,60px)/1.1 var(--serif);letter-spacing:-.015em}
.porte__titre span{display:block}
.porte__titre em{color:var(--sable-c)}
.porte__indice{position:absolute;z-index:3;left:50%;bottom:2svh;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;font:300 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:rgba(245,241,234,.7);opacity:var(--txt,1)}
.porte__indice span{width:1px;height:44px;background:linear-gradient(var(--sable-c),transparent);animation:goutte 2.4s var(--ease) infinite;transform-origin:top}
@keyframes goutte{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.porte__legende{position:absolute;z-index:3;left:0;right:0;bottom:2.6svh;text-align:center;font:300 12px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--sable-c);opacity:var(--leg,0)}
/* entrée */
.chargement .porte__texte--g .sur,.chargement .porte__titre span,.chargement .porte__texte--d{opacity:0;transform:translateY(24px)}
.porte__texte--g .sur,.porte__titre span,.porte__texte--d>*{transition:opacity 1.3s var(--ease),transform 1.3s var(--ease)}
.porte__titre span:nth-child(2){transition-delay:.12s}
.porte__titre span:nth-child(3){transition-delay:.24s}
.porte__texte--d>*{transition-delay:.4s}
.arche--c{clip-path:inset(0 0 0 0 round 999px 999px 0 0);transition:clip-path 1.6s var(--ease-o)}
.chargement .arche--c{clip-path:inset(100% 0 0 0 round 999px 999px 0 0)}

/* manifeste */
.manifeste{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:32px clamp(32px,6vw,120px);align-items:start}
.manifeste .sur{padding-top:16px}
.manifeste__texte{font:300 clamp(26px,2.75vw,44px)/1.35 var(--serif);letter-spacing:-.01em}
.manifeste__texte .mot{opacity:.16;transition:opacity .4s linear}
.manifeste__texte .mot.on{opacity:1}
.manifeste__aside{grid-column:1;grid-row:2/4;align-self:end;width:78%;aspect-ratio:3/4}
.manifeste__images{grid-column:2;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(20px,4vw,64px);align-items:start;margin-top:clamp(48px,6vw,96px)}
.media--a{aspect-ratio:3/4}
.media--b{aspect-ratio:3/4;margin-top:clamp(60px,12vw,200px)}

/* univers */
.entete-bloc{margin-bottom:clamp(48px,6vw,88px)}
.entete-bloc--centre{text-align:center}
.entete-bloc--centre .titre{margin:0 auto}
.univers{padding-top:0}
.univers__grille{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,24px)}
.tuile-u{display:block;position:relative;text-align:left}
.tuile-u .media{aspect-ratio:3/4.4}
.tuile-u .media img{transition:transform 1.8s var(--ease)}
.tuile-u:hover .media img{transform:scale(1.06)}
.tuile-u__num{display:block;margin-top:22px;font:300 12px/1 var(--sans);letter-spacing:.2em;color:var(--sable-t)}
.tuile-u__nom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font:300 clamp(22px,1.9vw,28px)/1.2 var(--serif);padding-bottom:16px;border-bottom:1px solid var(--filet);position:relative}
.tuile-u__nom::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--encre);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease)}
.tuile-u:hover .tuile-u__nom::after{transform:scaleX(1)}
.tuile-u__nom svg{font-size:20px;transition:transform .6s var(--ease)}
.tuile-u:hover .tuile-u__nom svg{transform:translateX(6px)}
.tuile-u__compte{display:block;margin-top:10px;font:300 14px/1 var(--sans);color:var(--gris)}
.univers__grille .tuile-u:nth-child(even){margin-top:clamp(0px,5vw,80px)}

/* bande */
.bande{position:relative;height:min(92svh,860px);overflow:hidden;color:var(--lin);display:flex;align-items:flex-end}
.bande__image{position:absolute;inset:-12% 0;will-change:transform}
.bande__image img{width:100%;height:100%;object-fit:cover}
.bande::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(28,50,61,.78),rgba(28,50,61,.1) 55%)}
.bande__texte{position:relative;z-index:2;padding:0 var(--marge) clamp(48px,7vw,104px);display:flex;flex-direction:column;align-items:flex-start;gap:32px}

/* matière */
.matiere{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,128px);align-items:start}
.matiere__image{position:sticky;top:calc(var(--h-tete) + 32px);aspect-ratio:3/4;overflow:hidden;background:var(--pierre)}
.matiere__image img{width:100%;height:100%;object-fit:cover}
.matiere__texte{display:flex;flex-direction:column;gap:clamp(40px,4vw,64px);padding-top:clamp(0px,4vw,64px)}
.liste-num{list-style:none;border-top:1px solid var(--filet)}
.liste-num li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:30px 0;border-bottom:1px solid var(--filet)}
.liste-num span{font:300 13px/2.2 var(--sans);letter-spacing:.16em;color:var(--sable-t)}
.liste-num h3{font:300 26px/1.2 var(--serif);margin-bottom:8px}
.liste-num p{color:var(--gris);max-width:40ch}
.matiere__duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.matiere__duo .media{aspect-ratio:3/4}
.matiere__duo .media:nth-child(2){margin-top:64px}
.matiere__texte .lien-fleche{align-self:flex-start}

/* ambiances : défilement horizontal */
.ambiances{position:relative;background:var(--pierre)}
.ambiances__scene{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(28px,4vh,48px);padding:calc(var(--h-tete) * .6) 0 32px}
.ambiances__tete{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 var(--marge)}
.ambiances__tete .sur{margin-bottom:16px}
.ambiances__aide{display:flex;align-items:center;gap:14px;font:300 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gris);white-space:nowrap}
.ambiances__aide span{width:56px;height:1px;background:var(--gris);position:relative;overflow:hidden}
.ambiances__aide span::after{content:"";position:absolute;inset:0;background:var(--encre);transform:scaleX(var(--prog,0));transform-origin:left}
.ambiances__piste{display:flex;gap:clamp(16px,2vw,32px);padding:0 var(--marge);will-change:transform}
.carte-a{flex:none;width:clamp(260px,26vw,400px);text-align:left}
.carte-a .media{aspect-ratio:4/5;height:auto}
.carte-a .media img{transition:transform 1.6s var(--ease)}
.carte-a:hover .media img{transform:scale(1.05)}
.carte-a__leg{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font:300 14px/1.4 var(--sans);color:var(--gris)}
.carte-a__leg b{font:300 20px/1.25 var(--serif);color:var(--encre)}
.carte-a--fin{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;background:var(--ardoise);color:var(--lin);padding:40px;aspect-ratio:4/5;width:clamp(260px,26vw,400px)}
.carte-a--fin p{font:300 clamp(24px,2.2vw,34px)/1.2 var(--serif)}

/* détails */
.details__grille{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,32px);align-items:start}
.detail{text-align:left}
.detail .media{aspect-ratio:3/4}
.detail .media img{transition:transform 1.6s var(--ease)}
.detail:hover .media img{transform:scale(1.05)}
.detail p{margin-top:14px;font:300 14px/1.4 var(--sans);color:var(--gris);display:flex;gap:12px}
.detail p span{color:var(--sable)}
.detail:nth-child(1){grid-column:1/5}
.detail:nth-child(2){grid-column:6/9;margin-top:140px}
.detail:nth-child(3){grid-column:10/13;margin-top:48px}
.detail:nth-child(4){grid-column:2/5;margin-top:48px}
.detail:nth-child(5){grid-column:6/10;margin-top:72px}
.detail:nth-child(6){grid-column:10/13;margin-top:120px}

/* showroom */
.showroom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(40px,7vw,128px);align-items:center;background:var(--lin)}
.showroom__images{position:relative;padding-bottom:clamp(60px,8vw,120px)}
.showroom__grande{aspect-ratio:3/4;width:78%}
.showroom__petite{position:absolute;right:0;bottom:0;width:42%;aspect-ratio:3/4;border:10px solid var(--lin)}
.showroom__texte{display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.showroom__texte p:not(.sur){color:var(--gris);max-width:42ch}

/* instagram */
.insta{padding-top:0}
.insta__tete{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px;padding-top:48px;border-top:1px solid var(--filet)}
.insta__grille{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.insta__grille a{display:block;aspect-ratio:1;overflow:hidden;position:relative;background:var(--pierre)}
.insta__grille img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease),filter .6s}
.insta__grille a::after{content:"";position:absolute;inset:0;background:rgba(37,63,76,.35);opacity:0;transition:opacity .5s}
.insta__grille a:hover img{transform:scale(1.07)}
.insta__grille a:hover::after{opacity:1}

/* fin */
.fin{background:var(--ardoise);color:var(--lin);padding:clamp(96px,12vw,184px) var(--marge);text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px}
.fin__slogan{font:300 italic clamp(40px,6.4vw,104px)/1.02 var(--serif);letter-spacing:-.02em;color:var(--sable-c);max-width:14ch}
.fin__texte{max-width:46ch;color:rgba(245,241,234,.78)}
.fin__boutons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:12px}

/* ---------- en-têtes de pages ---------- */
.page-tete{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,112px);align-items:end;padding:clamp(56px,7vw,112px) var(--marge) 0}
.page-tete__texte{padding-bottom:clamp(24px,4vw,64px)}
.page-tete__titre{font:300 clamp(46px,6.4vw,104px)/1.02 var(--serif);letter-spacing:-.025em;margin-bottom:32px}
.page-tete__titre--clair{color:var(--lin)}
.page-tete__titre--clair em{color:var(--sable-c)}
.page-tete__intro{max-width:44ch;color:var(--gris);font-size:18px}
.page-tete__image{aspect-ratio:4/4.6}
.page-tete--plein{position:relative;display:flex;align-items:flex-end;min-height:calc(100svh - var(--h-haut,118px));padding:0;overflow:hidden}
.page-tete__fond{position:absolute;inset:-10% 0;will-change:transform}
.page-tete__fond img{width:100%;height:100%;object-fit:cover}
.page-tete__voile{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,50,61,.85),rgba(28,50,61,.15) 60%)}
.page-tete__centre{position:relative;z-index:2;padding:0 var(--marge) clamp(56px,8vw,112px)}

/* collections */
.collection{padding-top:clamp(64px,7vw,104px)}
.filtres{display:flex;gap:clamp(18px,3vw,44px);flex-wrap:wrap;border-bottom:1px solid var(--filet);margin-bottom:clamp(40px,5vw,72px)}
.filtres button{position:relative;padding:18px 0;font:400 12.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gris);transition:color .3s;white-space:nowrap}
.filtres button sup{font-size:10px;letter-spacing:.05em;margin-left:6px;color:var(--sable)}
.filtres button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--encre);transform:scaleX(0);transition:transform .6s var(--ease)}
.filtres button:hover,.filtres button[aria-selected="true"]{color:var(--encre)}
.filtres button[aria-selected="true"]::after{transform:scaleX(1)}
.mosaique{columns:3;column-gap:clamp(20px,2.4vw,40px)}
.piece{display:block;width:100%;break-inside:avoid;margin-bottom:clamp(36px,4vw,64px);text-align:left;animation:monte .9s var(--ease) both}
@keyframes monte{from{opacity:0;transform:translateY(24px)}}
.piece .media img{transition:transform 1.6s var(--ease)}
.piece:hover .media img{transform:scale(1.04)}
.piece__leg{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin-top:16px}
.piece__num{font:300 12px/1.9 var(--sans);letter-spacing:.14em;color:var(--sable);grid-row:span 2}
.piece__nom{font:300 20px/1.3 var(--serif)}
.piece__univers{font:300 13.5px/1.3 var(--sans);color:var(--gris)}

/* intérieurs */
.chapitres{padding:clamp(88px,10vw,160px) var(--marge)}
.chapitre{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,32px);margin-bottom:clamp(96px,12vw,200px)}
.chapitre:last-child{margin-bottom:0}
.chapitre__tete{grid-column:1/5;align-self:start;position:sticky;top:calc(var(--h-tete) + 40px)}
.chapitre__tete h2{font:300 clamp(34px,3.6vw,54px)/1.1 var(--serif);margin-bottom:20px}
.chapitre__tete h2 em{color:var(--sable)}
.chapitre__tete p:not(.sur){color:var(--gris);max-width:34ch}
.chapitre__images{grid-column:5/13;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,32px)}
.chapitre__images figure{text-align:left}
.chapitre__images .media{aspect-ratio:4/5}
.chapitre__images .large{grid-column:1/-1}
.chapitre__images .large .media{aspect-ratio:3/2}
.chapitre__images figure:nth-child(3){margin-top:80px}
.leg{margin-top:14px;font:300 14px/1.4 var(--sans);color:var(--gris)}

/* savoir-faire */
.page-tete--savoir .page-tete__image{aspect-ratio:3/3.6}
.gestes{padding-top:clamp(64px,8vw,120px)}
.gestes__liste{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--filet)}
.gestes__liste li{padding:36px 28px 0 0}
.gestes__liste li+li{padding-left:28px;border-left:1px solid var(--filet)}
.gestes__liste span{display:block;font:300 italic 28px/1 var(--serif);color:var(--sable);margin-bottom:28px}
.gestes__liste h3{font:300 24px/1.2 var(--serif);margin-bottom:10px}
.gestes__liste p{color:var(--gris);font-size:16px}
.sf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(40px,7vw,128px);align-items:center;padding:clamp(72px,9vw,140px) var(--marge)}
.sf:nth-child(even){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.sf:nth-child(even) .sf__texte{order:2}
.sf:nth-child(odd){background:var(--pierre);--fond:var(--pierre)}
.sf__num{font:300 italic clamp(64px,7vw,112px)/1 var(--serif);color:var(--sable);opacity:.6;display:block;margin-bottom:12px}
.sf__texte h2{font:300 clamp(34px,3.6vw,54px)/1.1 var(--serif);margin-bottom:20px}
.sf__texte p{color:var(--gris);max-width:40ch}
.sf__images{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:end}
.sf__images .media{aspect-ratio:3/4}
.sf__images .media:nth-child(2){aspect-ratio:3/4;margin-bottom:-48px}
.mains{--fond:var(--ardoise);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--ardoise);color:var(--lin);align-items:center}
.mains .media{aspect-ratio:4/5}
.mains blockquote{padding:clamp(48px,8vw,128px)}
.mains blockquote p{font:300 italic clamp(36px,4.4vw,68px)/1.1 var(--serif);color:var(--sable-c)}
.mains cite{display:block;margin-top:24px;font:300 12px/1 var(--sans);font-style:normal;letter-spacing:.3em;text-transform:uppercase;color:rgba(245,241,234,.6)}

/* maison */
.valeurs__grille{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--filet)}
.valeurs__grille article{padding:36px 28px 0 0}
.valeurs__grille article+article{padding-left:28px;border-left:1px solid var(--filet)}
.valeurs__grille span{display:block;font:300 13px/1 var(--sans);letter-spacing:.16em;color:var(--sable);margin-bottom:40px}
.valeurs__grille h3{font:300 26px/1.2 var(--serif);margin-bottom:12px}
.valeurs__grille p{color:var(--gris);font-size:16.5px}
.galerie-maison{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,32px);padding:0 var(--marge) clamp(88px,11vw,176px);align-items:start}
.gm-1{grid-column:1/6;aspect-ratio:3/4}
.gm-2{grid-column:7/11;aspect-ratio:4/5;margin-top:120px}
.gm-3{grid-column:2/5;aspect-ratio:3/4;margin-top:-40px}
.gm-texte{grid-column:7/12;align-self:center;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.gm-citation{font:300 clamp(24px,2.4vw,36px)/1.3 var(--serif)}
.signature{background:var(--ardoise);display:grid;place-items:center;padding:clamp(48px,6vw,96px) var(--marge)}
.signature img{width:min(440px,72vw)}

/* contact */
.page[data-page="contact"]:not([hidden]){display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);min-height:calc(100svh - var(--h-haut,118px))}
.contact{padding:clamp(56px,7vw,112px) var(--marge);display:flex;flex-direction:column;gap:clamp(48px,5vw,72px)}
.coord{list-style:none;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--filet)}
.coord li{display:flex;gap:16px;padding:24px 16px 24px 0;border-bottom:1px solid var(--filet)}
.coord li>svg{font-size:22px;color:var(--sable);margin-top:2px}
.coord span{display:block;font:400 11.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gris);margin-bottom:6px}
.coord a{font:300 20px/1.3 var(--serif);border-bottom:1px solid transparent;transition:border-color .3s}
.coord a:hover{border-color:currentColor}
.coord em{font:300 italic 16px/1.4 var(--serif);color:var(--gris)}
.formulaire{display:grid;gap:22px;max-width:620px;background:var(--pierre);padding:clamp(28px,3.4vw,48px)}
.formulaire__titre{font:300 28px/1.2 var(--serif)}
.formulaire label{display:grid;gap:8px}
.formulaire label span{font:400 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gris)}
.formulaire input,.formulaire select,.formulaire textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(31,43,49,.3);padding:10px 0;font:300 18px/1.4 var(--sans);outline:0;transition:border-color .3s;border-radius:0;-webkit-appearance:none;appearance:none}
.formulaire select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231F2B31'/%3E%3C/svg%3E") right 4px center no-repeat}
.formulaire textarea{resize:vertical}
.formulaire input:focus,.formulaire select:focus,.formulaire textarea:focus{border-color:var(--encre)}
.formulaire input.erreur{border-color:#A33}
.formulaire__note{font:300 14px/1.4 var(--sans);color:var(--gris)}
.contact__image{position:sticky;top:var(--h-haut,118px);height:calc(100svh - var(--h-haut,118px));align-self:start}
.contact__image img{position:absolute;inset:0}

/* ---------- pied ---------- */
.pied{background:var(--ardoise);border-top:1px solid var(--filet-c);color:var(--lin);padding:clamp(72px,8vw,120px) var(--marge) 32px}
.pied__haut{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding-bottom:clamp(48px,6vw,88px);border-bottom:1px solid var(--filet-c)}
.pied__logo img{width:min(360px,72vw);-webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 62% 70% at 50% 50%,#000 70%,transparent 100%)}
.pied__slogan{font:300 italic clamp(20px,1.8vw,26px)/1.3 var(--serif);color:var(--sable-c)}
.pied__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:56px 0}
.pied__cols>div{display:flex;flex-direction:column;gap:12px;font:300 16px/1.4 var(--sans)}
.pied h3{font:400 11.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--sable);margin-bottom:10px}
.pied__cols a{color:rgba(245,241,234,.82);transition:color .3s;align-self:flex-start}
.pied__cols a:hover{color:var(--lin)}
.pied__cols span{color:rgba(245,241,234,.5);font-style:italic}
.pied__bas{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:28px;border-top:1px solid var(--filet-c);font:300 12.5px/1.4 var(--sans);letter-spacing:.06em;color:rgba(245,241,234,.5)}

/* ---------- menu mobile ---------- */
.menu{position:fixed;inset:0;z-index:80;background:var(--ardoise);color:var(--lin);display:flex;flex-direction:column;overflow-y:auto;animation:fondu .4s ease}
.menu__barre{display:flex;align-items:center;justify-content:space-between;height:var(--h-tete);padding:0 var(--marge);border-bottom:1px solid var(--filet-c);flex:none}
.menu__barre .tete__logo{justify-self:start}
.menu__liens{display:flex;flex-direction:column;padding:28px var(--marge);flex:1}
.menu__liens a{display:flex;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid var(--filet-c);font:300 32px/1.15 var(--serif);opacity:0;transform:translateY(14px);animation:apparait .7s var(--ease) forwards}
.menu__liens a span{font:300 12px/1 var(--sans);letter-spacing:.16em;color:var(--sable-c)}
.menu__liens a:nth-child(2){animation-delay:.05s}.menu__liens a:nth-child(3){animation-delay:.1s}.menu__liens a:nth-child(4){animation-delay:.15s}.menu__liens a:nth-child(5){animation-delay:.2s}.menu__liens a:nth-child(6){animation-delay:.25s}
.menu__wa{margin:0 var(--marge) 32px}
@keyframes apparait{to{opacity:1;transform:none}}
@keyframes fondu{from{opacity:0}}

/* ---------- visionneuse ---------- */
.visio{position:fixed;inset:0;z-index:90;background:rgba(22,38,46,.97);color:var(--lin);display:grid;grid-template-columns:72px minmax(0,1fr) 72px;grid-template-rows:minmax(0,1fr) auto;align-items:center;padding:24px 16px 20px;animation:fondu .45s ease}
.visio__fermer{position:absolute;top:14px;right:14px;z-index:2}
.visio__media{grid-column:2;height:100%;display:grid;place-items:center;min-height:0}
.visio__media img{max-width:100%;max-height:calc(100svh - 170px);width:auto;height:auto;object-fit:contain;transition:opacity .35s,transform .6s var(--ease)}
.visio__media img.change{opacity:0;transform:scale(.985)}
.visio__nav{width:56px;height:56px;display:grid;place-items:center;font-size:28px;border:1px solid var(--filet-c);border-radius:50%;justify-self:center;transition:background .3s,color .3s}
.visio__nav:hover{background:var(--lin);color:var(--ardoise)}
.visio__infos{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px 32px;padding:20px 8px 0;border-top:1px solid var(--filet-c);margin-top:16px}
.visio__univers{font:400 11.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--sable-c);grid-column:1}
.visio__nom{font:300 24px/1.25 var(--serif);grid-column:1}
.visio__pos{grid-column:2;grid-row:1/3;font:300 13px/1 var(--sans);letter-spacing:.14em;color:rgba(245,241,234,.6)}
.visio__infos .bouton{grid-column:3;grid-row:1/3;min-height:48px}

/* ---------- rideau, curseur ---------- */
.rideau{position:fixed;inset:0;z-index:100;background:var(--ardoise);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transform:translateY(100%);pointer-events:none}
.rideau img{width:min(320px,62vw);opacity:0;transition:opacity .5s;-webkit-mask-image:radial-gradient(ellipse 60% 68% at 50% 50%,#000 68%,transparent 100%);mask-image:radial-gradient(ellipse 60% 68% at 50% 50%,#000 68%,transparent 100%)}
.rideau #rideau-titre{font:300 italic clamp(28px,3vw,44px)/1 var(--serif);color:var(--sable-c);opacity:0;transform:translateY(12px);transition:opacity .5s,transform .7s var(--ease)}
.rideau.monte{transform:translateY(0);transition:transform .75s var(--ease-o);pointer-events:auto}
.rideau.monte #rideau-titre{opacity:1;transform:none;transition-delay:.25s}
.rideau.part{transform:translateY(-100%);transition:transform .85s var(--ease-o)}
.rideau.intro{transform:none}
.rideau.intro img{opacity:1;animation:respire 3.2s var(--ease) both}
@keyframes respire{0%{opacity:0;transform:scale(.94);filter:blur(4px)}35%{opacity:1;filter:blur(0)}100%{transform:scale(1.03)}}
.rideau__barre{position:relative;width:min(220px,50vw);height:1px;background:rgba(207,195,180,.22);overflow:hidden;display:none}
.rideau__barre i{position:absolute;inset:0;background:var(--sable-c);transform:scaleX(var(--charge,0));transform-origin:left;transition:transform .5s var(--ease)}
.rideau__mot{display:none;font:300 11px/1 var(--sans);letter-spacing:.42em;text-transform:uppercase;color:rgba(207,195,180,.75);padding-left:.42em;animation:apparait-mot 1.4s .5s var(--ease) both}
@keyframes apparait-mot{from{opacity:0;letter-spacing:.2em}}
.rideau.intro .rideau__barre,.rideau.intro .rideau__mot{display:block}
.rideau.intro span#rideau-titre{display:none}
.rideau.intro.part{transform:translateY(-100%);transition:transform 1.1s .25s var(--ease-o)}
.rideau.intro.part img,.rideau.intro.part .rideau__barre,.rideau.intro.part .rideau__mot{opacity:0;transition:opacity .4s}
.curseur{position:fixed;left:0;top:0;z-index:95;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;background:var(--lin);color:var(--ardoise);display:grid;place-items:center;font:400 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;pointer-events:none;transform:translate3d(var(--x,-200px),var(--y,-200px),0) scale(var(--s,0));transition:transform .15s linear,opacity .3s;mix-blend-mode:normal}
.curseur span{transform:translateX(.12em)}

/* ---------- responsive ---------- */
@media (max-width:1200px){
  .tete__nav{gap:22px}
  .tete__nav a{letter-spacing:.14em}
  .univers__grille{grid-template-columns:repeat(2,1fr)}
  .univers__grille .tuile-u:nth-child(even){margin-top:64px}
  .porte__texte--d{display:none}
  .porte__texte--g{width:min(30vw,380px)}
}
@media (max-width:1024px){
  :root{--h-tete:72px}
  .tete{grid-template-columns:1fr auto}
  .tete__nav{display:none}
  .tete__logo{justify-self:start}
  .tete__logo img{height:52px}
  .tete__burger{display:grid}
  .porte{height:160vh}
  .porte__scene{--H:min(calc(100svh - var(--h-haut,118px) - 36svh),560px)}
  .porte__arches{top:auto;bottom:7svh}
  .arche--g,.arche--d{display:none}
  .porte__texte--g{top:calc(var(--h-haut,118px) + 4svh);transform:translateY(calc(var(--tx,0px) * -.6));width:auto;right:var(--marge)}
  .porte__titre{font-size:clamp(30px,6.4vw,46px)}
  .porte__titre span{display:inline}
  .porte__poignee{right:-24px}
  .porte__indice{display:none}
  .manifeste{grid-template-columns:1fr}
  .manifeste__images{grid-column:1}
  .manifeste__aside{display:none}
  .matiere{grid-template-columns:1fr}
  .matiere__image{position:relative;top:0;aspect-ratio:4/5}
  .showroom{grid-template-columns:1fr}
  .page-tete{grid-template-columns:1fr;align-items:start}
  .page-tete--plein{align-items:flex-end;min-height:min(calc(100svh - var(--h-haut,118px)),720px)}
  .page-tete__texte{padding-bottom:0}
  .chapitre{grid-template-columns:1fr}
  .chapitre__tete,.chapitre__images{grid-column:1}
  .chapitre__tete{position:static}
  .sf,.sf:nth-child(even){grid-template-columns:1fr}
  .sf:nth-child(even) .sf__texte{order:0}
  .mains{grid-template-columns:1fr}
  .gestes__liste,.valeurs__grille{grid-template-columns:1fr 1fr}
  .gestes__liste li:nth-child(3),.valeurs__grille article:nth-child(3){padding-left:0;border-left:0}
  .gestes__liste li:nth-child(n+3),.valeurs__grille article:nth-child(n+3){border-top:1px solid var(--filet);margin-top:36px}
  .galerie-maison{grid-template-columns:1fr 1fr}
  .gm-1,.gm-2,.gm-3,.gm-texte{grid-column:auto;margin-top:0}
  .gm-texte{grid-column:1/-1;order:-1;margin-bottom:24px}
  .page[data-page="contact"]:not([hidden]){grid-template-columns:1fr}
  .contact__image{position:relative;top:0;height:auto;aspect-ratio:4/3}
  .mosaique{columns:2}
  .details__grille{grid-template-columns:1fr 1fr}
  .detail:nth-child(n){grid-column:auto;margin-top:0}
  .detail:nth-child(even){margin-top:56px}
  .insta__grille{grid-template-columns:repeat(3,1fr)}
  .pied__cols{grid-template-columns:1fr 1fr}
  .visio{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto;padding:64px 12px 16px}
  .visio__media{grid-column:1}
  .visio__nav{position:absolute;top:50%;width:44px;height:44px;font-size:22px;background:rgba(22,38,46,.6)}
  .visio__nav--g{left:10px}.visio__nav--d{right:10px}
  .visio__infos{grid-template-columns:1fr auto;gap:8px 16px}
  .visio__pos{grid-column:2;grid-row:1}
  .visio__infos .bouton{grid-column:1/-1;grid-row:auto;margin-top:8px}
  .visio__nom{grid-column:1/-1}
}
@media (max-width:900px){
  .ambiances{height:auto!important}
  .ambiances__scene{position:relative;height:auto;padding:88px 0}
  .ambiances__piste{overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important;scrollbar-width:none;padding-bottom:8px}
  .ambiances__piste::-webkit-scrollbar{display:none}
  .carte-a,.carte-a--fin{scroll-snap-align:start;width:76vw}
  .ambiances__aide{display:none}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .bandeau-maquette{font-size:10.5px}
  .bloc{padding:88px var(--marge)}
  .univers__grille{gap:28px 12px}
  .univers__grille .tuile-u:nth-child(even){margin-top:40px}
  .tuile-u__nom{font-size:19px}
  .tuile-u__nom svg{display:none}
  .media--b{margin-top:72px}
  .matiere__duo .media:nth-child(2){margin-top:40px}
  .liste-num li{grid-template-columns:44px 1fr}
  .showroom__grande{width:86%}
  .showroom__petite{width:48%;border-width:6px}
  .insta__grille{gap:4px}
  .mosaique{column-gap:12px}
  .piece{margin-bottom:28px}
  .piece__leg{grid-template-columns:1fr}
  .piece__num{grid-row:auto}
  .piece__nom{font-size:16.5px}
  .piece__univers{font-size:12.5px}
  .filtres{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--marge) * -1) 40px;padding:0 var(--marge)}
  .filtres::-webkit-scrollbar{display:none}
  .chapitre__images{grid-template-columns:1fr}
  .chapitre__images figure:nth-child(3){margin-top:0}
  .sf__images .media:nth-child(2){margin-bottom:0}
  .gestes__liste,.valeurs__grille{grid-template-columns:1fr}
  .gestes__liste li,.gestes__liste li+li,.valeurs__grille article,.valeurs__grille article+article{padding:28px 0;border-left:0;margin-top:0;border-top:0;border-bottom:1px solid var(--filet)}
  .coord{grid-template-columns:1fr}
  .pied__cols{grid-template-columns:1fr 1fr;gap:32px 20px}
  .fin__boutons .bouton{width:100%}
}
@media (hover:none),(pointer:coarse){.curseur{display:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .porte{height:auto}
  .porte__scene{position:relative}
  .arche--g,.arche--d{display:none}
}