@font-face{font-family:'Fraunces';font-style:normal;font-display:swap;font-weight:400 900;
  src:url('/fonts/fraunces-wonk.woff2') format('woff2-variations')}
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:400 900;
  font-stretch:62% 125%;src:url('/fonts/archivo-wdth.woff2') format('woff2-variations')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:500;
  src:url('/fonts/jetbrains-mono-500.woff2') format('woff2')}

:root{
  --nuit:#0A0807;
  --nuit-2:#18140F;
  --nuit-3:#1C1814;
  --braise:#C4551F;
  --braise-cl:#E8814A;

  --braise-fonce:#9A3D13;
  --os:#F2EBDF;

  --papier:#EFE8DA;
  --papier-2:#E4DBC9;
  --encre:#141110;
  --filet-clair:#C9BEA9;

  --disp:'Fraunces',Georgia,serif;
  --texte:'Archivo',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;

  --marge:clamp(20px,4.4vw,76px);
  --gouttiere:clamp(170px,15vw,240px);
  --max:1680px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{background:var(--nuit);color:var(--os);font-family:var(--texte);
  font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
section{scroll-margin-top:84px}
::selection{background:var(--braise);color:var(--os)}

.d{font-family:var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;
  font-weight:800;line-height:.94;letter-spacing:-.024em;text-wrap:balance}
.d-xxl{font-size:clamp(2.2rem,5.2vw,5.6rem);line-height:.9}
.d-xl{font-size:clamp(1.88rem,4.25vw,4rem)}
.d-l{font-size:clamp(1.7rem,3vw,2.8rem)}
.d-m{font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.08}
.mono{font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;line-height:1.5}

.lede{font-size:clamp(1.04rem,1.5vw,1.3rem);line-height:1.58;max-width:52ch}
p{max-width:64ch}
.pale{color:rgba(242,235,223,.68)}
strong{font-weight:650}

.nuit{background:var(--nuit);color:var(--os)}
.nuit-2{background:var(--nuit-2);color:var(--os)}
.nuit,.nuit-2{
  background-image:
    radial-gradient(60% 44% at 78% 8%,rgba(196,85,31,.11),transparent 68%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E")}

.clair{background:var(--papier);color:var(--encre);
  background-image:
    radial-gradient(circle at 18% 14%,rgba(196,85,31,.05),transparent 48%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E")}
.clair .pale{color:rgba(20,17,16,.66)}

.bloc{padding:clamp(62px,9vh,130px) var(--marge)}
.dedans{max-width:var(--max);margin:0 auto}
.carnet{display:grid;grid-template-columns:var(--gouttiere) minmax(0,1fr);gap:clamp(20px,3vw,54px)}
.marge{position:relative;padding-top:.55em}
.marge .mono{color:var(--braise-cl);display:block}
.marge .note{display:block;margin-top:14px;font-size:13.5px;line-height:1.5;
  color:rgba(242,235,223,.5);max-width:23ch}
.clair .marge .note{color:rgba(20,17,16,.55)}
.clair .marge .mono{color:var(--braise)}
.marge::before{content:'';position:absolute;top:0;left:0;width:34px;height:2px;background:var(--braise)}

.lien-txt{text-decoration:none;font-weight:600;border-bottom:2px solid var(--braise-cl);
  padding-bottom:2px;transition:color .25s}
.lien-txt:hover{color:var(--braise-cl)}
.clair .lien-txt{border-bottom-color:var(--braise)}
.clair .lien-txt:hover{color:var(--braise)}

.btn{display:inline-flex;align-items:center;gap:11px;padding:15px 26px;border-radius:3px;
  text-decoration:none;font-family:var(--texte);font-weight:650;font-size:15.5px;
  border:1px solid transparent;
  transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .25s,color .25s}
.btn i{font-style:normal;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.btn:hover i{transform:translateX(4px)}
.btn-plein{background:linear-gradient(180deg,#FFFBF3,var(--os) 72%);color:var(--nuit);
  border-color:rgba(0,0,0,.22);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 14px 30px -16px rgba(0,0,0,.95)}
.btn-plein:hover{transform:translateY(-2px);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 20px 38px -16px rgba(0,0,0,1)}
.btn-plein:active{transform:translateY(0)}
.btn-creux{background:transparent;color:inherit;border-color:rgba(242,235,223,.3)}
.btn-creux:hover{border-color:var(--braise-cl);color:var(--braise-cl);transform:translateY(-2px)}
.clair .btn-creux{border-color:rgba(20,17,16,.3)}
.clair .btn-creux:hover{border-color:var(--braise);color:var(--braise)}
.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

.tete-site{position:fixed;top:0;left:0;right:0;z-index:70;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:15px var(--marge);
  background:rgba(10,8,7,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(242,235,223,.1);color:var(--os);
  transition:background .35s,border-color .35s,color .35s}

.tete-site.au-sommet{background:transparent;border-bottom-color:transparent}
.tete-site.au-sommet::before{content:'';position:absolute;inset:-1px 0 auto 0;height:190%;
  z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,8,7,.92),rgba(10,8,7,.55) 52%,transparent)}
.tete-site.sur-clair{background:rgba(239,232,218,.88);border-bottom-color:rgba(201,190,169,.7);color:var(--encre)}
.tete-marque{display:flex;align-items:center;line-height:0;text-decoration:none}
.tete-marque img{width:auto;height:34px}
.tete-marque .encre{display:none}
.tete-site.sur-clair .tete-marque .blanc{display:none}
.tete-site.sur-clair .tete-marque .encre{display:block}

.nav-site{display:flex;align-items:center;gap:clamp(12px,1.7vw,26px)}
.nav-site a{text-decoration:none;font-size:14.5px;font-weight:550;
  color:rgba(242,235,223,.64);padding:6px 0;position:relative;transition:color .25s}
.tete-site.sur-clair .nav-site a{color:rgba(20,17,16,.66)}
.tete-site.sur-clair .nav-site a.btn-plein{color:var(--nuit)}
.nav-site a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--braise-cl);transform:scaleX(0);transform-origin:left;
  transition:transform .3s cubic-bezier(.22,1,.36,1)}
.nav-site a:hover,.nav-site a.ici{color:inherit}
.nav-site a:hover::after,.nav-site a.ici::after{transform:scaleX(1)}
.nav-site a.btn-plein{color:var(--nuit)}
.nav-site .btn{padding:11px 19px;font-size:14px}

.plume{display:none;width:46px;height:38px;position:relative;flex:0 0 auto}
.plume span{position:absolute;left:7px;height:2px;background:var(--os);border-radius:2px;
  transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s,width .42s,background .3s}
.tete-site.sur-clair .plume span{background:var(--encre)}
.plume span:nth-child(1){top:11px;width:32px}
.plume span:nth-child(2){top:18px;width:22px}
.plume span:nth-child(3){top:25px;width:28px}
.plume.ouvert span{background:var(--os)}
.plume.ouvert span:nth-child(1){top:18px;width:30px;transform:rotate(21deg)}
.plume.ouvert span:nth-child(2){opacity:0;width:0}
.plume.ouvert span:nth-child(3){top:18px;width:30px;transform:rotate(-24deg)}

.voile{position:fixed;inset:0;z-index:65;background:var(--nuit);
  background-image:radial-gradient(58% 40% at 76% 10%,rgba(196,85,31,.2),transparent 62%);
  color:var(--os);display:flex;flex-direction:column;justify-content:center;gap:6px;
  padding:104px var(--marge) 40px;opacity:0;visibility:hidden;transform:translateY(-10px);
  transition:opacity .38s,transform .45s cubic-bezier(.22,1,.36,1),visibility 0s .45s;
  overflow-y:auto}
.voile.ouvert{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.voile a.v-lien{font-family:var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;
  font-weight:800;font-size:clamp(1.8rem,7.6vw,2.8rem);line-height:1.06;text-decoration:none;
  padding:9px 0;display:flex;align-items:baseline;gap:14px;
  border-bottom:1px dotted rgba(242,235,223,.22);opacity:0;transform:translateY(16px)}
.voile.ouvert a.v-lien{animation:vmonte .5s cubic-bezier(.22,1,.36,1) forwards}
.voile.ouvert a.v-lien:nth-child(1){animation-delay:.06s}
.voile.ouvert a.v-lien:nth-child(2){animation-delay:.11s}
.voile.ouvert a.v-lien:nth-child(3){animation-delay:.16s}
.voile.ouvert a.v-lien:nth-child(4){animation-delay:.21s}
.voile.ouvert a.v-lien:nth-child(5){animation-delay:.26s}
.voile.ouvert a.v-lien:nth-child(6){animation-delay:.31s}
.voile.ouvert a.v-lien:nth-child(7){animation-delay:.36s}
@keyframes vmonte{to{opacity:1;transform:none}}
.voile a.v-lien em{font:500 11px/1 var(--mono);letter-spacing:.16em;font-style:normal;
  color:var(--braise-cl);flex:0 0 auto}
.voile-tel{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:18px 22px;border-radius:4px;background:var(--braise);color:#FFF6F0;
  text-decoration:none;font-weight:700;font-size:19px}
.voile-pied{margin-top:22px;color:rgba(242,235,223,.42)}

.barre-mob{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:10px;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:rgba(10,8,7,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-top:1px solid rgba(242,235,223,.14);
  transform:translateY(115%);transition:transform .42s cubic-bezier(.22,1,.36,1)}
.barre-mob.on{transform:none}
.barre-mob a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 10px;border-radius:3px;text-decoration:none;font-weight:650;font-size:15px}
.barre-mob .b1{background:var(--braise);color:#FFF6F0}
.barre-mob .b2{border:1px solid rgba(242,235,223,.34);color:var(--os)}

.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;
  justify-content:flex-end;overflow:hidden;isolation:isolate}
.scene{position:absolute;inset:0;z-index:-3;background:var(--nuit)}
.scene video,.scene img,.scene picture{width:100%;height:100%;display:block}
.scene video,.scene img{object-fit:cover;object-position:58% 50%}
.hero::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    linear-gradient(74deg,rgba(10,8,7,.8) 0 16%,rgba(10,8,7,.5) 40%,rgba(10,8,7,.1) 70%,transparent),
    linear-gradient(0deg,rgba(10,8,7,.95),rgba(10,8,7,.66) 26%,rgba(10,8,7,.2) 52%,transparent 74%)}
.hero::after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(58% 46% at 68% 30%,rgba(196,85,31,.12),transparent 70%)}

.releve-visuel{position:absolute;inset:0;z-index:2;pointer-events:none}
.releve-traits{position:absolute;inset:0;width:100%;height:100%}
.releve-traits path{fill:none;stroke:var(--braise-cl);stroke-width:1.4;
  stroke-dasharray:220;stroke-dashoffset:220;opacity:.85;vector-effect:non-scaling-stroke}
.pt{position:absolute;pointer-events:auto;opacity:0;transform:translateY(8px)}
.pt-oeil{position:absolute;left:-5.5px;top:-5.5px;width:11px;height:11px;border-radius:50%;
  background:var(--braise-cl);
  box-shadow:0 0 0 3px rgba(10,8,7,.55),0 0 0 0 rgba(232,129,74,.55)}
.pt-mot{position:absolute;left:16px;top:-17px;white-space:nowrap}
.pt-mot b{position:relative;z-index:2;display:block;
  font:500 11.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;
  color:var(--os)}
.pt-mot span{position:relative;z-index:2;display:block;margin-top:7px;
  font-size:13.5px;line-height:1.35;color:rgba(242,235,223,.86)}

.pt-mot::before{content:'';position:absolute;z-index:1;pointer-events:none;
  left:-26px;right:-26px;top:-20px;bottom:-20px;
  background:radial-gradient(closest-side,rgba(10,8,7,.86),rgba(10,8,7,.5) 62%,transparent);
}
.pt.gauche .pt-mot::before{left:-26px;right:-26px}
.pt.gauche .pt-mot{left:auto;right:20px;text-align:right}

.joue .pt{animation:ptEntre .7s cubic-bezier(.22,1,.36,1) forwards}
.joue .releve-traits path{animation:traitTire .75s cubic-bezier(.22,1,.36,1) forwards}
.joue .pt-oeil{animation:pouls 2.6s ease-out infinite}
@keyframes ptEntre{to{opacity:1;transform:none}}
@keyframes traitTire{to{stroke-dashoffset:0}}
@keyframes pouls{
  0%{box-shadow:0 0 0 3px rgba(10,8,7,.55),0 0 0 0 rgba(232,129,74,.5)}
  70%{box-shadow:0 0 0 3px rgba(10,8,7,.55),0 0 0 14px rgba(232,129,74,0)}
  100%{box-shadow:0 0 0 3px rgba(10,8,7,.55),0 0 0 0 rgba(232,129,74,0)}}

.joue .p1{animation-delay:.5s}   .joue .t1{animation-delay:.4s}   .joue .p1 .pt-oeil{animation-delay:1.15s}
.joue .p2{animation-delay:1s}    .joue .t2{animation-delay:.9s}   .joue .p2 .pt-oeil{animation-delay:1.65s}
.joue .p3{animation-delay:1.5s}  .joue .t3{animation-delay:1.4s}  .joue .p3 .pt-oeil{animation-delay:2.15s}

.hero.repos .pt{animation:none;opacity:.7;transition:opacity .5s}
.hero.repos .releve-traits path{animation:none;stroke-dashoffset:0;opacity:.5;transition:opacity .5s}
@media (hover:hover){
  .hero.repos .pt:hover{opacity:1}
  .hero.repos .pt:hover .pt-mot span{color:var(--os)}
}

.parole{position:relative;z-index:5;max-width:var(--max);width:100%;margin:0 auto;
  padding:0 var(--marge) clamp(26px,4vh,44px)}
.parole h1{font-size:clamp(2.25rem,5.4vw,5.7rem);max-width:15ch;text-wrap:pretty;
  opacity:0;transform:translateY(20px)}
.parole .qui{margin-top:22px;font-size:clamp(1.02rem,1.35vw,1.22rem);
  color:rgba(242,235,223,.74);max-width:44ch;opacity:0;transform:translateY(16px)}
.parole .agir{margin-top:32px;opacity:0;transform:translateY(16px)}
.joue .parole h1{animation:ptEntre .85s cubic-bezier(.22,1,.36,1) .15s forwards}
.joue .parole .qui{animation:ptEntre .85s cubic-bezier(.22,1,.36,1) 1.9s forwards}
.joue .parole .agir{animation:ptEntre .85s cubic-bezier(.22,1,.36,1) 2.1s forwards}

.hero:not(:has(.releve-visuel)) .parole .qui{animation-delay:.35s}
.hero-typo .plancher{border-top-color:rgba(242,235,223,.12)}
.hero:not(:has(.releve-visuel)) .parole .agir{animation-delay:.5s}

.plancher{position:relative;z-index:5;border-top:1px solid rgba(242,235,223,.16);
  background:linear-gradient(180deg,rgba(10,8,7,.5),rgba(10,8,7,.86))}
.plancher-in{max-width:var(--max);margin:0 auto;padding:16px var(--marge);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 26px;
  color:rgba(242,235,223,.6)}
.plancher-in a,.plancher-in button{text-decoration:none;transition:color .25s}
.plancher-in a:hover,.plancher-in button:hover{color:var(--braise-cl)}
.plancher-in .sep{color:rgba(242,235,223,.28)}
.revoir{display:inline-flex;align-items:center;gap:8px;color:rgba(242,235,223,.5)}
.revoir i{font-style:normal;font-size:13px}

.hero.questions .pt-mot{white-space:normal;width:clamp(190px,17vw,260px)}
.hero.questions .pt-mot b{font-size:10px;letter-spacing:.24em;
  color:var(--braise-cl);opacity:.9}
.hero.questions .pt-mot span{margin-top:9px;
  font-family:var(--texte);font-weight:500;
  font-size:clamp(.94rem,1.05vw,1.06rem);line-height:1.42;
  letter-spacing:.002em;color:rgba(242,235,223,.9);text-wrap:balance}
.hero.questions .pt-mot::before{left:-24px;right:-24px;top:-22px;bottom:-24px}
.hero.questions .pt.gauche .pt-mot{text-align:right}
.hero.questions .pt.gauche .pt-mot b{padding-right:2px}
@media (max-width:860px){
  .hero.questions .pt-mot{width:min(62vw,250px)}
  .hero.questions .pt-mot span{display:block;font-size:1rem}
}

.hero-typo{position:relative;min-height:100svh;display:flex;flex-direction:column;
  justify-content:flex-end;overflow:hidden;isolation:isolate;background:var(--nuit)}
.hero-typo::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;
  transition:background .5s ease-out;
  background:
    radial-gradient(48% 42% at var(--bx,81%) var(--by,14%),rgba(196,85,31,.26),transparent 66%),
    radial-gradient(70% 60% at 12% 96%,rgba(196,85,31,.07),transparent 70%)}
.hero-typo::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}

.typo-grille{position:relative;z-index:2;max-width:var(--max);width:100%;margin:0 auto;
  padding:clamp(104px,13vh,150px) var(--marge) clamp(30px,4vh,52px);
  display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr);
  gap:clamp(30px,4.5vw,80px);align-items:stretch;flex:1}

.typo-scene{position:absolute;top:0;right:0;bottom:0;width:38%;z-index:-1;overflow:hidden}
.typo-scene picture,.typo-scene img{width:100%;height:100%;display:block;object-fit:cover;object-position:52% 50%}
.typo-scene::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,var(--nuit) 0 2%,rgba(10,8,7,.72) 22%,rgba(10,8,7,.1) 62%,transparent),
    linear-gradient(0deg,rgba(10,8,7,.85),rgba(10,8,7,.12) 34%,transparent 62%)}

.typo-vue{position:relative}

.typo-filet::before{content:'';position:absolute;top:-6%;bottom:-4%;left:calc(-1 * clamp(15px,2.2vw,40px));
  width:1px;background:linear-gradient(180deg,transparent,rgba(242,235,223,.24) 18%,
    rgba(232,129,74,.5) 52%,rgba(242,235,223,.18) 82%,transparent);
  transform:scaleY(0);transform-origin:top;
  transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.joue .typo-filet::before{transform:scaleY(1)}

.typo-parole{display:flex;flex-direction:column;justify-content:flex-end}
.typo-parole h1{font-size:clamp(2.4rem,6.2vw,6.4rem);line-height:.9;max-width:13ch;
  text-wrap:pretty;opacity:0;transform:translateY(22px)}
.typo-parole .qui{margin-top:clamp(20px,2.4vh,30px);
  font-size:clamp(1rem,1.18vw,1.15rem);line-height:1.55;
  color:rgba(242,235,223,.78);max-width:44ch;opacity:0;transform:translateY(14px)}
.typo-parole .agir{margin-top:clamp(22px,2.6vh,32px);opacity:0;transform:translateY(14px)}
.joue .typo-parole h1{animation:ptEntre .9s cubic-bezier(.22,1,.36,1) .1s forwards}
.joue .typo-parole .qui{animation:ptEntre .8s cubic-bezier(.22,1,.36,1) .3s forwards}
.joue .typo-parole .agir{animation:ptEntre .8s cubic-bezier(.22,1,.36,1) .45s forwards}

.typo-releve{margin-top:clamp(30px,4.4vh,54px)}
.typo-releve>.mono{display:block;color:rgba(242,235,223,.6);
  margin-bottom:clamp(12px,1.6vh,20px);opacity:0;transform:translateY(10px)}
.joue .typo-releve>.mono{animation:ptEntre .7s cubic-bezier(.22,1,.36,1) .55s forwards}
.entrees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,30px)}

.entree{position:relative;padding:clamp(13px,1.7vh,18px) 0 0}
.entree::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,rgba(232,129,74,.8),rgba(242,235,223,.14) 70%,transparent);
  transform:scaleX(0);transform-origin:left;
  transition:transform .8s cubic-bezier(.22,1,.36,1)}
.entree-corps{opacity:0;transform:translateY(12px)}
.entree-tete{display:flex;align-items:baseline;gap:9px;margin-bottom:7px}
.entree-tete .num{font:500 10px/1 var(--mono);letter-spacing:.2em;color:var(--braise-cl)}
.entree-tete .quoi{font:500 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;
  color:rgba(242,235,223,.62)}
.entree p{font-size:clamp(.94rem,1vw,1.02rem);line-height:1.38;font-weight:500;
  color:rgba(242,235,223,.92);max-width:26ch;text-wrap:balance}
.joue .entree::before{transform:scaleX(1)}
.joue .entree-corps{animation:ptEntre .75s cubic-bezier(.22,1,.36,1) forwards}
.joue .e1::before{transition-delay:.7s}   .joue .e1 .entree-corps{animation-delay:.9s}
.joue .e2::before{transition-delay:.95s}  .joue .e2 .entree-corps{animation-delay:1.15s}
.joue .e3::before{transition-delay:1.2s}  .joue .e3 .entree-corps{animation-delay:1.4s}

@media (min-width:2000px){
  .typo-parole h1{font-size:7.6rem}
  .typo-parole .qui{font-size:1.34rem}
  .entree p{font-size:1.24rem}
}
@media (max-width:1080px){
  .typo-grille{grid-template-columns:minmax(0,1fr);gap:0;padding-top:clamp(96px,12vh,130px)}
  .typo-vue{display:none}
  .typo-scene{width:52%}
  .typo-parole h1{max-width:none}
  .entree p{max-width:none}
}

@media (max-width:860px){
  .hero-typo{min-height:92svh}
  .typo-scene{inset:0;width:100%}
  .typo-scene img{object-position:44% 56%}
  .typo-scene::after{background:
    linear-gradient(0deg,var(--nuit) 0 5%,rgba(10,8,7,.95) 30%,rgba(10,8,7,.86) 54%,rgba(10,8,7,.7) 78%,rgba(10,8,7,.5)),
    linear-gradient(90deg,rgba(10,8,7,.62),rgba(10,8,7,.2) 62%,transparent)}
  .typo-grille{padding-top:clamp(92px,12vh,124px);padding-bottom:clamp(22px,3vh,34px)}
  .typo-parole h1{font-size:clamp(2.2rem,9vw,3.2rem)}
  .typo-releve{margin-top:26px}
  .entrees{grid-template-columns:minmax(0,1fr);gap:0}
  .entree{padding:13px 0 13px}
  .entree p{font-size:1rem}
  .entree:last-child{border-bottom:1px solid rgba(242,235,223,.14);padding-bottom:16px}
}
@media (max-width:380px){
  .typo-parole h1{font-size:2rem}
  .entree p{font-size:.96rem}
}

.tete-page{position:relative;padding:clamp(126px,17vh,220px) var(--marge) clamp(52px,7vh,96px);
  overflow:hidden}
.tete-page .dedans{position:relative;z-index:2}
.tete-page h1{max-width:16ch}
.tete-page .qui{margin-top:22px;font-size:clamp(1.04rem,1.4vw,1.26rem);
  color:rgba(242,235,223,.72);max-width:52ch}
.tete-page::after{content:'';position:absolute;right:-8%;top:-30%;width:62%;height:150%;
  z-index:1;pointer-events:none;
  background:radial-gradient(50% 40% at 50% 50%,rgba(196,85,31,.16),transparent 72%)}

.img-ph{position:relative;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:9px;padding:28px 22px;text-align:center;overflow:hidden;
  background:repeating-linear-gradient(45deg,rgba(232,129,74,.06) 0 14px,transparent 14px 28px),
    var(--ph-bg,#1B1713);
  border:1px dashed var(--ph-line,rgba(242,235,223,.24));
  color:var(--ph-text,rgba(242,235,223,.72));min-height:220px}
.clair .img-ph{--ph-bg:#DFD5C2;--ph-line:rgba(20,17,16,.26);--ph-text:rgba(20,17,16,.7)}
.img-ph::before{content:attr(data-format);position:absolute;top:11px;left:13px;
  font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.ph-desc{font-size:14px;line-height:1.5;max-width:36ch;font-weight:500}
.ph-search{font:500 10.5px/1.4 var(--mono);letter-spacing:.05em;padding:5px 11px;
  border-radius:20px;background:rgba(242,235,223,.07);border:1px solid rgba(242,235,223,.15);opacity:.85}
.clair .ph-search{background:rgba(20,17,16,.06);border-color:rgba(20,17,16,.14)}

.bande{position:relative;min-height:clamp(320px,52vh,560px);display:flex;
  align-items:center;overflow:hidden}
.bande>.img-ph,.bande>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.bande>.img-ph{align-items:flex-end;justify-content:flex-end;padding:18px;opacity:.5;text-align:right}

.bande::after{content:'';position:absolute;inset:0;
  background:linear-gradient(92deg,rgba(10,8,7,.92),rgba(10,8,7,.5) 52%,
    rgba(10,8,7,.26) 76%,rgba(10,8,7,.16))}

.bande.sujet::after{
  background:linear-gradient(92deg,rgba(10,8,7,.975),rgba(10,8,7,.955) 44%,
    rgba(10,8,7,.46) 64%,rgba(10,8,7,.18) 88%,rgba(10,8,7,.3))}

@media (max-width:860px){
  .bande::after,.bande.sujet::after{
    background:linear-gradient(180deg,rgba(10,8,7,.45),rgba(10,8,7,.74) 20%,
      rgba(10,8,7,.9) 36%,rgba(10,8,7,.94))}
}
.bande-mot{position:relative;z-index:2;max-width:var(--max);margin:0 auto;
  padding:clamp(48px,8vh,96px) var(--marge);width:100%}
.bande-mot .d{max-width:19ch;color:var(--os)}
.bande-mot cite{font-style:normal;display:block;margin-top:22px;color:var(--braise-cl)}

.releve-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  gap:clamp(26px,4vw,62px);align-items:start}
.symptomes{display:flex;flex-direction:column;gap:10px}
.sym{display:flex;align-items:flex-start;gap:14px;text-align:left;width:100%;
  padding:17px 20px;border-radius:3px;
  background:linear-gradient(180deg,var(--nuit-3),#171310 100%);
  border:1px solid rgba(242,235,223,.13);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 12px 24px -18px rgba(0,0,0,.9);
  font-size:16.5px;font-weight:550;line-height:1.42;
  transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s,background .2s}
.sym:hover{transform:translateY(-2px);border-color:rgba(232,129,74,.55)}
.sym .coche{flex:0 0 auto;width:21px;height:21px;margin-top:2px;border-radius:2px;
  border:1.5px solid rgba(242,235,223,.32);position:relative;transition:all .22s}
.sym .coche::after{content:'';position:absolute;left:6px;top:2px;width:6px;height:11px;
  border:solid #FFF6F0;border-width:0 2px 2px 0;transform:rotate(43deg) scale(.4);
  opacity:0;transition:all .22s}
.sym.pris{border-color:var(--braise);background:linear-gradient(180deg,#2A1A12,#1E1310)}
.sym.pris .coche{background:var(--braise);border-color:var(--braise)}
.sym.pris .coche::after{opacity:1;transform:rotate(43deg) scale(1)}

.lecture{position:sticky;top:104px;padding:clamp(24px,3vw,38px);
  background:var(--papier);color:var(--encre);border-radius:3px;
  box-shadow:0 30px 60px -34px rgba(0,0,0,.95);min-height:300px}
.lecture .mono{color:var(--braise)}
.lecture-vide{color:rgba(20,17,16,.6);font-size:16.5px;margin-top:18px}
.lect-item{padding:20px 0;border-bottom:1px dotted rgba(20,17,16,.22)}
.lect-item:last-of-type{border-bottom:0}
.lect-item h3{font-family:var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;
  font-weight:700;font-size:1.16rem;line-height:1.2;margin-bottom:9px}
.lect-item p{font-size:15.5px;line-height:1.58;color:rgba(20,17,16,.74);max-width:none}
.lect-item a{display:inline-block;margin-top:11px;font:500 11px/1 var(--mono);
  letter-spacing:.16em;text-transform:uppercase;color:var(--braise);text-decoration:none;
  border-bottom:1px solid rgba(196,85,31,.45);padding-bottom:4px}
.lecture-pied{margin-top:26px;padding-top:22px;border-top:1px solid rgba(20,17,16,.2);display:none}
.lecture-pied.on{display:block}
.lecture .btn-creux{border-color:rgba(20,17,16,.3);color:var(--encre)}
.lecture .btn-creux:hover{border-color:var(--braise);color:var(--braise)}

.chantiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,268px),1fr));
  gap:clamp(16px,2vw,26px)}
.chantier{display:flex;flex-direction:column;text-decoration:none;overflow:hidden;border-radius:3px;
  background:linear-gradient(180deg,var(--nuit-3),#151210 74%);
  border:1px solid rgba(242,235,223,.12);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 18px 36px -28px rgba(0,0,0,.95);
  transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}
.chantier:hover{transform:translateY(-4px);border-color:rgba(232,129,74,.55);
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 28px 48px -28px rgba(0,0,0,1)}
.chantier .vue{aspect-ratio:4/3;position:relative;overflow:hidden;flex:0 0 auto}
.chantier .vue .img-ph,.chantier .vue img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;border:0;min-height:0}
.chantier .corps{padding:22px 22px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.chantier .num{font:500 10.5px/1 var(--mono);letter-spacing:.2em;color:var(--braise-cl)}
.chantier h3{font-family:var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;
  font-weight:700;font-size:1.32rem;line-height:1.1}
.chantier p{font-size:15px;line-height:1.55;color:rgba(242,235,223,.7);max-width:none;flex:1}
.chantier .suite{font:500 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  display:flex;align-items:center;gap:8px}
.chantier .suite i{font-style:normal;transition:transform .3s}
.chantier:hover .suite i{transform:translateX(5px)}

.ligne{background:#080808;color:#F3EFE7;position:relative;overflow:hidden}
.ligne::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--braise-cl)}
.ligne .mono,.ligne .marge .mono{color:var(--braise-cl)}
.ligne .d{font-family:'Archivo',system-ui,sans-serif;font-weight:900;font-stretch:78%;
  letter-spacing:-.022em;line-height:.9;font-variation-settings:normal}
.ligne .marge::before{background:var(--braise-cl)}
.ligne .marge .note{color:rgba(243,239,231,.55)}
.web-logo{height:38px;width:auto;margin-bottom:26px}
.ligne-liste{list-style:none;margin-top:26px;display:grid;gap:0}
.ligne-liste li{padding:15px 0;border-top:1px solid rgba(243,239,231,.15);font-size:16px;
  color:rgba(243,239,231,.84)}
.ligne-liste li:last-child{border-bottom:1px solid rgba(243,239,231,.15)}
.ligne .btn-creux{border-color:rgba(243,239,231,.32);color:#F3EFE7}
.ligne .btn-creux:hover{border-color:var(--braise-cl);color:var(--braise-cl)}
.btn-or{background:var(--braise-cl);color:#0E0D0C;border-color:rgba(0,0,0,.25);
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 12px 26px -14px rgba(254,214,25,.45)}
.btn-or:hover{transform:translateY(-2px)}

.faq{border-top:1px solid rgba(242,235,223,.18)}
.q{border-bottom:1px solid rgba(242,235,223,.18)}
.clair .faq{border-top-color:var(--filet-clair)}
.clair .q{border-bottom-color:var(--filet-clair)}
.q>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:22px;
  padding:24px 0;text-align:left;font-family:var(--disp);
  font-variation-settings:'SOFT' 0,'WONK' 1;font-weight:700;
  font-size:clamp(1.02rem,1.5vw,1.24rem);line-height:1.25;transition:color .25s}
.q>button:hover{color:var(--braise-cl)}
.clair .q>button:hover{color:var(--braise)}
.q>button i{font-style:normal;font-size:24px;line-height:1;flex:0 0 auto;
  transition:transform .34s cubic-bezier(.22,1,.36,1),color .25s}
.q.ouvert>button i{transform:rotate(45deg);color:var(--braise-cl)}
.rep{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.22,1,.36,1)}
.q.ouvert .rep{max-height:540px}
.rep p{padding-bottom:26px;color:rgba(242,235,223,.72);font-size:16.5px}
.clair .rep p{color:rgba(20,17,16,.7)}

.form-grille{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:clamp(28px,4vw,68px);align-items:start}
.champs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.champ{display:flex;flex-direction:column;gap:7px}
.champ.large{grid-column:1/-1}
.champ label{font:500 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:rgba(242,235,223,.6)}
.champ input,.champ textarea{font-family:var(--texte);font-size:16px;color:var(--os);
  background:rgba(242,235,223,.045);border:1px solid rgba(242,235,223,.18);border-radius:3px;
  padding:15px 16px;transition:border-color .25s,background .25s,box-shadow .25s}
.champ input:hover,.champ textarea:hover{border-color:rgba(242,235,223,.3)}
.champ textarea{min-height:132px;resize:vertical}
.champ input:focus,.champ textarea:focus{outline:0;border-color:var(--braise-cl);
  background:rgba(242,235,223,.08);box-shadow:0 0 0 3px rgba(196,85,31,.16)}

.champ input:user-invalid{border-color:rgba(214,88,60,.7)}
.champ input::placeholder,.champ textarea::placeholder{color:rgba(242,235,223,.34)}
.pot{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.form-note{font-size:14px;color:rgba(242,235,223,.55);margin-top:16px;max-width:52ch}
.form-etat{margin-top:18px;padding:16px 18px;border-radius:3px;font-size:15.5px;display:none}
.form-etat.ok{display:block;background:rgba(196,85,31,.18);border:1px solid rgba(232,129,74,.5)}
.form-etat.non{display:block;background:rgba(242,235,223,.06);border:1px solid rgba(242,235,223,.25)}
.joindre{display:grid;gap:0;margin-top:30px}
.joindre a{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:6px 18px;padding:15px 0;border-top:1px solid rgba(242,235,223,.16);text-decoration:none;
  transition:color .25s,padding-left .3s cubic-bezier(.22,1,.36,1)}
.joindre a:last-child{border-bottom:1px solid rgba(242,235,223,.18)}
.joindre a:hover{color:var(--braise-cl);padding-left:8px}
.joindre .quoi{font:500 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:rgba(242,235,223,.5)}
.joindre .val{font-family:var(--texte);font-weight:600;font-size:1.02rem;
  color:rgba(242,235,223,.78);overflow-wrap:anywhere;line-height:1.3}

.joindre a:first-child .val{font-family:var(--disp);
  font-variation-settings:'SOFT' 0,'WONK' 1;font-weight:700;
  font-size:clamp(1.06rem,1.35vw,1.24rem);color:var(--os)}

.points{list-style:none;display:grid;gap:0;margin-top:30px}
.points li{padding:19px 0 19px 34px;border-top:1px solid rgba(242,235,223,.18);
  position:relative;font-size:16.5px;line-height:1.56}
.points li:last-child{border-bottom:1px solid rgba(242,235,223,.18)}
.points li::before{content:'';position:absolute;left:0;top:29px;width:16px;height:2px;
  background:var(--braise-cl)}
.clair .points li{border-color:var(--filet-clair)}
.clair .points li:last-child{border-bottom-color:var(--filet-clair)}
.clair .points li::before{background:var(--braise)}

.etapes{counter-reset:e;display:grid;gap:0;margin-top:34px}
.etape-l{counter-increment:e;display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:clamp(18px,2.4vw,34px);padding:26px 0;border-top:1px solid rgba(242,235,223,.18)}
.etape-l:last-child{border-bottom:1px solid rgba(242,235,223,.18)}
.etape-l::before{content:counter(e,decimal-leading-zero);font:500 12px/1 var(--mono);
  letter-spacing:.14em;color:var(--braise-cl);padding-top:7px}
.etape-l h3{font-family:var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;font-weight:700;
  font-size:clamp(1.16rem,1.8vw,1.5rem);line-height:1.16;margin-bottom:9px;text-wrap:balance}
.clair .etape-l{border-color:var(--filet-clair)}
.clair .etape-l:last-child{border-bottom-color:var(--filet-clair)}
.clair .etape-l::before{color:var(--braise)}

.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:clamp(24px,3.4vw,56px)}
.duo>div>.img-ph{aspect-ratio:3/4}
.mosaique{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.mosaique .img-ph{min-height:190px}
.mosaique .g2{grid-column:span 2}

.mosaique.duo{grid-template-columns:repeat(2,minmax(0,1fr))}

.note-prod{margin-top:34px;padding:18px 20px;border:1px dashed rgba(242,235,223,.24);
  border-radius:3px;background:rgba(242,235,223,.03)}
.clair .note-prod{border-color:rgba(20,17,16,.24);background:rgba(20,17,16,.03)}
.note-prod b{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.16em;
  text-transform:uppercase;color:var(--braise-cl);margin-bottom:9px}
.clair .note-prod b{color:var(--braise)}
.note-prod p{font-size:14.5px;line-height:1.6;color:rgba(242,235,223,.62);max-width:64ch}
.clair .note-prod p{color:rgba(20,17,16,.62)}

.pied{background:var(--nuit-2);color:var(--os);padding:clamp(52px,7vh,86px) var(--marge) 34px;
  border-top:1px solid rgba(242,235,223,.1)}
.pied-haut{max-width:var(--max);margin:0 auto;display:grid;
  grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.pied-marque img{height:44px;width:auto;margin-bottom:16px}
.pied-quoi{font-size:15px;color:rgba(242,235,223,.6);max-width:30ch}
.pied-col{display:flex;flex-direction:column;gap:11px}
.pied-titre{color:rgba(242,235,223,.45);margin-bottom:5px}
.pied-col a{text-decoration:none;font-size:15.5px;color:rgba(242,235,223,.8);
  transition:color .25s,transform .3s cubic-bezier(.22,1,.36,1)}
.pied-col a:hover{color:var(--braise-cl);transform:translateX(4px)}
.pied-bas{max-width:var(--max);margin:clamp(38px,5vh,60px) auto 0;padding-top:24px;
  border-top:1px solid rgba(242,235,223,.16);display:flex;flex-wrap:wrap;gap:14px;
  justify-content:space-between;align-items:center;color:rgba(242,235,223,.5)}
.pied-bas a{text-decoration:none;transition:color .25s}
.pied-bas a:hover{color:var(--braise-cl)}
.credit-site{display:inline-flex;align-items:center;gap:8px}
.credit-site img{height:15px;width:auto;opacity:.75}

.monte{opacity:0;transform:translateY(22px);
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.monte.vu{opacity:1;transform:none}

@media (min-width:2000px){
  :root{--max:1860px;--gouttiere:270px}
  body{font-size:18.5px}
  .d-xxl{font-size:6rem}
  .d-xl{font-size:4.6rem}
  .d-l{font-size:3.3rem}
  .d-m{font-size:2.05rem}
  .lede{font-size:1.4rem}
  .parole h1{font-size:6.3rem}
  .parole .qui{font-size:1.38rem}
  .pt-mot b{font-size:12px}
  .pt-mot span{font-size:15px}
  .bloc{padding:148px var(--marge)}
  .mono{font-size:12px}
}

@media (max-width:1080px){
  .carnet{grid-template-columns:minmax(0,1fr);gap:20px}
  .marge{padding-top:0}
  .marge .note{max-width:none}
  .releve-grille{grid-template-columns:minmax(0,1fr)}
  .lecture{position:static;min-height:0}
  .form-grille{grid-template-columns:minmax(0,1fr)}
  .pied-haut{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

@media (max-width:860px){
  .nav-site a{display:none}
  .nav-site .btn{display:none}
  .plume{display:block}
  .barre-mob{display:flex}
  body{padding-bottom:76px}
  .bloc{padding:clamp(48px,7vh,72px) var(--marge)}
  .hero{min-height:92svh}
  .scene video,.scene img{object-position:62% 45%}
  .hero::before{background:
    linear-gradient(0deg,rgba(10,8,7,.96),rgba(10,8,7,.62) 40%,rgba(10,8,7,.2) 72%,transparent),
    linear-gradient(90deg,rgba(10,8,7,.5),transparent 60%)}

  .scene img{object-position:50% 50%}
  .p1,.t1{display:none}
  .pt-mot span{display:none}
  .p2{left:62%!important;top:23%!important}
  .p3{left:80%!important;top:40%!important}
  .releve-traits .t2{d:path('M 62 23 L 62 17')}
  .releve-traits .t3{d:path('M 80 40 L 80 34')}
  .parole h1{font-size:clamp(2.05rem,8.2vw,3rem);max-width:none}
  .plancher-in{font-size:10px}
  .champs{grid-template-columns:minmax(0,1fr)}
  .mosaique{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pied-haut{grid-template-columns:minmax(0,1fr);gap:30px}
  .tete-marque img{height:30px}
  .bande{min-height:clamp(280px,44vh,380px)}
  .actions .btn{flex:1;justify-content:center;min-width:180px}
}
@media (max-width:480px){
  .mosaique{grid-template-columns:minmax(0,1fr)}
  .mosaique .g2{grid-column:span 1}
}
@media (max-width:380px){
  .d-xxl{font-size:1.82rem}
  .d-xl{font-size:1.6rem}
  .parole h1{font-size:1.9rem}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important}
  .monte{opacity:1;transform:none}
  .voile.ouvert a.v-lien{opacity:1;transform:none}
  .pt,.parole h1,.parole .qui,.parole .agir{opacity:1;transform:none}
  .releve-traits path{stroke-dashoffset:0}
  .hero.repos .pt{opacity:1}
  .hero.repos .releve-traits path{opacity:.5}
}

*{-webkit-tap-highlight-color:transparent}
a,button,.sym,.chantier,.q>button{touch-action:manipulation}
.btn:active{transform:translateY(1px) scale(.985)}
.sym:active{transform:scale(.99)}
.chantier:active{transform:translateY(-2px) scale(.996)}
.barre-mob a:active{transform:scale(.97)}
.q>button:active span{opacity:.72}

:focus{outline:none}
:focus-visible{outline:2px solid var(--braise-cl);outline-offset:3px;border-radius:2px}
.clair :focus-visible{outline-color:var(--braise)}

.bloc,.bande,.tete-page{position:relative}
.clair::before,.nuit-2::before,.ligne::after{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(232,129,74,.34) 22%,rgba(232,129,74,.34) 78%,transparent)}
.ligne::after{background:linear-gradient(90deg,transparent,rgba(254,214,25,.3) 22%,rgba(254,214,25,.3) 78%,transparent);top:3px}
.clair::before{background:linear-gradient(90deg,transparent,rgba(196,85,31,.4) 22%,rgba(196,85,31,.4) 78%,transparent)}

.clair{box-shadow:inset 0 26px 44px -34px rgba(20,17,16,.5),
                  inset 0 -26px 44px -34px rgba(20,17,16,.42)}

.tete-page{padding-top:clamp(140px,20vh,240px);padding-bottom:clamp(58px,8vh,104px)}
.tete-page h1{font-size:clamp(2.4rem,6.1vw,6rem);line-height:.9;max-width:14ch}
.tete-page .dedans::before{
  content:'';position:absolute;left:0;top:calc(-1 * clamp(22px,3vh,36px));width:100%;height:1px;
  background:linear-gradient(90deg,rgba(232,129,74,.8),rgba(242,235,223,.16) 46%,transparent);
  transform:scaleX(0);transform-origin:left;
  animation:tireFilet 1.15s cubic-bezier(.22,1,.36,1) .15s forwards}
@keyframes tireFilet{to{transform:scaleX(1)}}
.tete-page > .dedans > .mono{display:block;margin-bottom:clamp(16px,2vh,24px)}
.tete-page::after{right:-6%;top:-38%;width:66%;height:170%;
  background:radial-gradient(48% 42% at 50% 50%,rgba(196,85,31,.22),transparent 70%)}
.tete-page .qui{color:rgba(242,235,223,.74)}

.points li{transition:padding-left .34s cubic-bezier(.22,1,.36,1),color .25s}
.points li::before{transition:width .34s cubic-bezier(.22,1,.36,1),background .25s}
@media (hover:hover){
  .points li:hover{padding-left:44px}
  .points li:hover::before{width:26px;background:var(--braise-cl)}
  .clair .points li:hover::before{background:var(--braise)}
}

.etape-l{transition:background .3s,padding-left .34s cubic-bezier(.22,1,.36,1)}
.etape-l::before{transition:color .3s,transform .34s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){
  .etape-l:hover{background:linear-gradient(90deg,rgba(232,129,74,.07),transparent 62%);padding-left:14px}
  .etape-l:hover::before{color:var(--os);transform:translateY(-2px)}
  .clair .etape-l:hover{background:linear-gradient(90deg,rgba(196,85,31,.07),transparent 62%)}
  .clair .etape-l:hover::before{color:var(--encre)}
}

.chantier .vue::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent 45%,rgba(21,18,16,.72));opacity:.85;transition:opacity .4s}
.chantier .vue img,.chantier .vue .img-ph{transition:transform .7s cubic-bezier(.22,1,.36,1)}
.chantier:hover .vue img,.chantier:hover .vue .img-ph{transform:scale(1.045)}
.chantier:hover .vue::after{opacity:.6}
.chantier h3{transition:color .28s}
.chantier:hover h3{color:var(--braise-cl)}

.chantier .corps{position:relative}
.chantier .corps::after{content:'';position:absolute;left:22px;right:22px;bottom:0;height:2px;
  background:var(--braise);transform:scaleX(0);transform-origin:left;
  transition:transform .45s cubic-bezier(.22,1,.36,1)}
.chantier:hover .corps::after{transform:scaleX(1)}

.q{position:relative;transition:background .3s}
.q::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--braise);
  transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.q.ouvert::before{transform:scaleY(1)}
.q>button{transition:color .25s,padding-left .34s cubic-bezier(.22,1,.36,1)}
.q.ouvert>button{padding-left:20px}
.q.ouvert .rep p{padding-left:20px}
@media (hover:hover){ .q:hover{background:rgba(242,235,223,.02)} .clair .q:hover{background:rgba(20,17,16,.02)} }

.bande img{transition:transform .9s cubic-bezier(.22,1,.36,1);will-change:transform}
.bande-mot .d{text-shadow:0 2px 40px rgba(10,8,7,.7)}
.bande-mot cite{display:inline-flex;align-items:center;gap:10px;
  text-shadow:0 1px 6px rgba(10,8,7,.95),0 0 22px rgba(10,8,7,.8)}
.bande-mot cite::before{content:'';width:26px;height:1px;background:var(--braise-cl)}

.lecture{
  box-shadow:0 30px 60px -34px rgba(0,0,0,.95),0 1px 0 rgba(255,255,255,.6) inset;
  background-image:radial-gradient(circle at 14% 8%,rgba(196,85,31,.06),transparent 52%)}
.lecture::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--braise)}
.lecture{position:relative;overflow:hidden}

@media (min-width:861px){ .lecture{position:sticky;top:104px} }
@media (max-width:860px){ .lecture{top:auto} }
.lect-item{animation:ptEntre .55s cubic-bezier(.22,1,.36,1) forwards;opacity:0;transform:translateY(10px)}
.sym{position:relative;overflow:hidden}
.sym::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--braise);
  transform:scaleY(0);transform-origin:center;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.sym.pris::after{transform:scaleY(1)}

.champ{position:relative}
.champ label{transition:color .25s}
.champ:focus-within label{color:var(--braise-cl)}
.champ input,.champ textarea{box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.champ input:hover,.champ textarea:hover{border-color:rgba(242,235,223,.34)}
.champ input:focus,.champ textarea:focus{box-shadow:0 0 0 3px rgba(196,85,31,.16)}
.champ input:user-invalid,.champ textarea:user-invalid{border-color:rgba(217,90,60,.75)}
.clair .champ label{color:rgba(20,17,16,.6)}
.clair .champ:focus-within label{color:var(--braise)}
.clair .champ input,.clair .champ textarea{color:var(--encre);
  background:rgba(255,255,255,.5);border-color:rgba(20,17,16,.2)}
.clair .champ input::placeholder,.clair .champ textarea::placeholder{color:rgba(20,17,16,.36)}
.clair .form-note,.clair .joindre .quoi{color:rgba(20,17,16,.55)}
.clair .joindre a{border-color:rgba(20,17,16,.18)}
.clair .joindre a:last-child{border-bottom-color:rgba(20,17,16,.18)}
.clair .joindre a:hover{color:var(--braise)}
.clair .form-etat.non{background:rgba(20,17,16,.05);border-color:rgba(20,17,16,.2)}

.btn{position:relative;overflow:hidden;isolation:isolate}
.btn::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.34) 48%,transparent 66%);
  transform:translateX(-130%);transition:transform .85s cubic-bezier(.22,1,.36,1)}
.btn-plein:hover::after{transform:translateX(130%)}
.btn-creux::after,.btn-or::after{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.16) 48%,transparent 66%)}
.btn-or:hover::after{transform:translateX(130%)}

.cascade > *{opacity:0;transform:translateY(16px)}
.cascade.vu > *{animation:ptEntre .62s cubic-bezier(.22,1,.36,1) forwards}
.cascade.vu > *:nth-child(1){animation-delay:.02s}
.cascade.vu > *:nth-child(2){animation-delay:.08s}
.cascade.vu > *:nth-child(3){animation-delay:.14s}
.cascade.vu > *:nth-child(4){animation-delay:.2s}
.cascade.vu > *:nth-child(5){animation-delay:.26s}
.cascade.vu > *:nth-child(6){animation-delay:.32s}
.cascade.vu > *:nth-child(7){animation-delay:.38s}
.cascade.vu > *:nth-child(n+8){animation-delay:.44s}

.pied-col a{position:relative;display:inline-flex;align-items:center;gap:0}
.pied-col a::before{content:'';width:0;height:1px;background:var(--braise-cl);
  transition:width .32s cubic-bezier(.22,1,.36,1),margin-right .32s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){
  .pied-col a:hover{transform:none}
  .pied-col a:hover::before{width:14px;margin-right:8px}
}

.tete-site{transition:background .35s,border-color .35s,color .35s,padding .35s cubic-bezier(.22,1,.36,1)}
.tete-site.dense{padding-top:9px;padding-bottom:9px}
.tete-site.dense .tete-marque img{height:28px}
.tete-marque img{transition:height .35s cubic-bezier(.22,1,.36,1)}

.progres{position:fixed;top:0;left:0;height:2px;z-index:75;width:100%;
  background:linear-gradient(90deg,var(--braise),var(--braise-cl));
  transform:scaleX(0);transform-origin:left;pointer-events:none}

@media (min-width:2000px){
  .tete-page h1{font-size:6.4rem}
  .lecture{padding:44px}
}

@media (prefers-reduced-motion:reduce){
  .cascade > *,.lect-item{opacity:1;transform:none;animation:none}
  .tete-page .dedans::before{transform:scaleX(1);animation:none}
  .btn::after{display:none}
  .progres{display:none}
}

.eviter{position:absolute;left:12px;top:-60px;z-index:99;
  padding:12px 20px;border-radius:3px;background:var(--os);color:var(--nuit);
  font-weight:650;font-size:15px;text-decoration:none;
  transition:top .25s cubic-bezier(.22,1,.36,1)}
.eviter:focus-visible{top:12px}

.clair .marge .mono,.clair .mono,.lecture .mono{color:var(--braise-fonce)}
.clair .marge::before,.lecture::before{background:var(--braise-fonce)}
.clair .points li::before,.clair .etape-l::before{background:var(--braise-fonce)}
.clair .etape-l::before{background:none;color:var(--braise-fonce)}
.lect-item a{color:var(--braise-fonce);border-bottom-color:rgba(154,61,19,.5)}
.clair .lien-txt{border-bottom-color:var(--braise-fonce)}
.clair .lien-txt:hover,.clair .q>button:hover,.clair .joindre a:hover{color:var(--braise-fonce)}
.clair .q.ouvert>button i,.clair .q::before{color:var(--braise-fonce);background:var(--braise-fonce)}
.clair .q.ouvert>button i{background:none}
.clair .btn-creux:hover{border-color:var(--braise-fonce);color:var(--braise-fonce)}

.clair .joindre a{color:var(--encre)}
.clair .joindre .val{color:var(--encre)}
.clair .joindre a.discret .val{color:rgba(20,17,16,.66)}
.clair .joindre a.discret:hover .val{color:var(--braise-fonce)}
.clair .form-etat.ok{background:rgba(196,85,31,.1);border-color:rgba(154,61,19,.45);color:var(--encre)}
.clair .lecture-vide{color:rgba(20,17,16,.66)}

.ph-search{color:rgba(242,235,223,.8)}
.clair .ph-search,.img-ph.clair-ph .ph-search{color:rgba(20,17,16,.75)}
.clair .img-ph{--ph-text:rgba(20,17,16,.78)}

.clair .joindre a:first-child .val{color:var(--encre)}
.clair .joindre .quoi{color:rgba(20,17,16,.6)}

.barre-mob .b1{background:#B34712}

.marge .note{color:rgba(242,235,223,.66)}
.clair .marge .note{color:rgba(20,17,16,.7)}
.ligne .marge .note{color:rgba(243,239,231,.66)}
.pied-titre{color:rgba(242,235,223,.62)}
.typo-releve>.mono{color:rgba(242,235,223,.6)}
.typo-releve .reserve{color:rgba(242,235,223,.5)}
.plancher-in .sep{color:rgba(242,235,223,.5)}
.plancher-in{color:rgba(242,235,223,.68)}
.form-note{color:rgba(242,235,223,.66)}
.joindre .quoi{color:rgba(242,235,223,.62)}
.clair .form-note,.clair .joindre .quoi{color:rgba(20,17,16,.7)}
.lecture-vide{color:rgba(20,17,16,.7)}
.entree-tete .quoi{color:rgba(242,235,223,.62)}
.ligne-liste li{color:rgba(243,239,231,.88)}
.chantier p{color:rgba(242,235,223,.76)}
.pale{color:rgba(242,235,223,.74)}
.clair .pale{color:rgba(20,17,16,.72)}
.rep p{color:rgba(242,235,223,.78)}
.clair .rep p{color:rgba(20,17,16,.74)}
.lect-item p{color:rgba(20,17,16,.78)}
.parole .qui,.typo-parole .qui,.tete-page .qui{color:rgba(242,235,223,.78)}

.pied-col a{padding:9px 0}
.pied-bas a{padding:8px 0;display:inline-block}
.plume{width:48px;height:44px}
.plume span:nth-child(1){top:14px}
.plume span:nth-child(2){top:21px}
.plume span:nth-child(3){top:28px}
.plume.ouvert span:nth-child(1),.plume.ouvert span:nth-child(3){top:21px}
.tete-marque{padding:7px 0}
@media (max-width:860px){
  .joindre a{padding:19px 0}
  .voile a.v-lien{padding:12px 0}
}

@media (max-width:860px){ p .lien-txt{display:inline-block;padding:8px 0} }

@media (max-width:860px){

  body{font-size:16px;line-height:1.55}
  .lede{font-size:1.02rem;line-height:1.5}
  p{max-width:none}

  .marge .note{display:none}
  .marge{display:flex;align-items:center;gap:12px;margin-bottom:6px}
  .marge::before{position:static;width:22px;flex:0 0 22px}
  .carnet{gap:14px}

  .bloc{padding:clamp(44px,6.5vh,62px) var(--marge)}
  .d-xl{font-size:clamp(1.72rem,7.4vw,2.3rem);line-height:.98}
  .d-l{font-size:clamp(1.5rem,6.2vw,1.9rem)}
  .carnet>div>.lede{margin-top:14px!important}

  .actions{gap:10px}
  .actions .btn{flex:0 1 auto;min-width:0;padding:15px 22px;font-size:15px}
  .typo-parole .agir .btn,.tete-page .actions .btn{width:auto}

  .typo-parole .qui{font-size:1rem;line-height:1.45;margin-top:16px}
  .typo-parole .qui .suite-desktop{display:none}
  .typo-parole .agir{margin-top:22px}
  .typo-grille{padding-top:clamp(88px,11vh,120px);gap:28px}

  .points li{padding:16px 0 16px 0}
  .points li::before{top:22px}
  .points li strong{display:block;margin-bottom:3px;
    font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;
    color:var(--braise-cl)}
  .clair .points li strong{color:var(--braise-fonce)}
  .points li{padding-left:0}
  .points li::before{display:none}

  .etape-l{grid-template-columns:minmax(0,1fr);gap:6px;padding:20px 0}
  .etape-l::before{padding-top:0;margin-bottom:2px}
  .etape-l h3{font-size:1.14rem}

  .bande-mot .d{font-size:clamp(1.55rem,6.6vw,2rem)}
  .bande-mot cite{margin-top:14px;font-size:10px}

  .sym{padding:15px 17px;font-size:15.5px}
  .q>button{padding:19px 0;font-size:1.02rem}
  .rep p{font-size:15.5px;padding-bottom:20px}
  .lecture{padding:22px}

  .champs{gap:13px}
  .champ input,.champ textarea{padding:13px 14px}

  .chantier .vue{aspect-ratio:16/9}
  .chantier .corps{padding:18px 18px 22px}

  .pied{padding-top:clamp(40px,6vh,60px)}
  .pied-haut{gap:26px}
  .pied-quoi{font-size:14px}
}

@media (max-width:420px){
  .d-xl{font-size:1.68rem}
  .bande-mot .d{font-size:1.5rem}
}
@media (max-width:860px){ .points li .pt-fin{display:none} }

.barre-mob{left:0;right:0;width:100%;transform-origin:center bottom!important}
.barre-mob:not(.on){transform:translateY(115%)!important}
.barre-mob.on{transform:translateY(0)!important}

@media (max-width:860px){ .typo-releve>.mono{color:rgba(242,235,223,.82)} }

.typo-parole{position:relative}
.hero-typo .sceau{
  position:absolute;z-index:0;pointer-events:none;user-select:none;
  right:1%;top:47%;width:min(14.5vw,186px);aspect-ratio:1;
  background:url('/images/marque-sceau.0a760e18.webp') center/contain no-repeat;
  opacity:0;transform:translateY(14px);
  transition:opacity 1.2s cubic-bezier(.22,1,.36,1),transform 1.4s cubic-bezier(.22,1,.36,1)}
.joue .hero-typo .sceau,.hero-typo.joue .sceau{opacity:.16;transform:none}
.hero-typo .typo-grille{z-index:2}
.typo-parole h1,.typo-parole .qui,.typo-parole .agir,.typo-releve{position:relative;z-index:2}

@media (max-width:1180px){ .hero-typo .sceau{display:none} }
@media (prefers-reduced-motion:reduce){ .hero-typo .sceau{transform:none} }

.typo-parole .promesse{
  margin-top:clamp(18px,2.2vh,26px);
  font-size:clamp(1.12rem,1.52vw,1.5rem);line-height:1.3;font-weight:600;
  color:var(--os);max-width:26ch;letter-spacing:-.004em;
  opacity:0;transform:translateY(14px)}
.typo-parole .qui{margin-top:clamp(9px,1.1vh,14px);
  font-size:clamp(.95rem,1.02vw,1.02rem);color:rgba(242,235,223,.66);max-width:44ch}
.joue .typo-parole .promesse{animation:ptEntre .8s cubic-bezier(.22,1,.36,1) .28s forwards}
.joue .typo-parole .qui{animation-delay:.4s}
.joue .typo-parole .agir{animation-delay:.52s}

.typo-parole .promesse::after{content:'';display:block;width:52px;height:2px;
  margin-top:clamp(14px,1.8vh,20px);background:var(--braise);
  transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.22,1,.36,1) .7s}
.joue .typo-parole .promesse::after{transform:scaleX(1)}

.btn{gap:0;padding:0;overflow:hidden;font-size:15.5px}
.btn > span,.btn{align-items:center}
.btn-plein{
  padding:0 8px 0 26px;height:56px;
  background:linear-gradient(180deg,#FFFDF8,#EFE7D9 62%,#E6DCCA);
  color:var(--nuit);border:1px solid rgba(0,0,0,.24);border-radius:4px;
  box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 -1px 0 rgba(0,0,0,.06) inset,
             0 12px 22px -12px rgba(0,0,0,.9),0 2px 0 rgba(0,0,0,.35);
  font-weight:700;letter-spacing:-.002em}
.btn-plein i{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;margin-left:16px;border-radius:3px;
  background:linear-gradient(180deg,var(--braise-cl),var(--braise));
  color:#FFF6F0;font-size:16px;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 4px 10px -4px rgba(120,42,14,.9)}
.btn-plein:hover{transform:translateY(-2px);
  box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 18px 30px -12px rgba(0,0,0,.95),0 2px 0 rgba(0,0,0,.35)}
.btn-plein:hover i{transform:translateX(3px)}
.btn-plein:active{transform:translateY(1px);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 6px 14px -10px rgba(0,0,0,.9),0 1px 0 rgba(0,0,0,.35)}
.nav-site .btn-plein{height:44px;padding:0 6px 0 18px;font-size:14.5px}
.nav-site .btn-plein i{width:30px;height:30px;margin-left:12px;font-size:14px}
.btn-creux{padding:0 24px;height:56px;border-radius:4px;
  border:1px solid rgba(242,235,223,.34);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset}
.btn-creux i{margin-left:12px}
.btn-or{padding:0 8px 0 26px;height:56px;border-radius:4px;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 12px 22px -12px rgba(0,0,0,.9),0 2px 0 rgba(0,0,0,.3)}
.btn-or i{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  margin-left:16px;border-radius:3px;background:rgba(14,13,12,.9);color:var(--braise-cl)}

.nav-site a{font-size:15px;font-weight:600;color:rgba(242,235,223,.8)}
.tete-site.sur-clair .nav-site a{color:rgba(20,17,16,.78)}
.nav-site a::after{height:2px;bottom:2px}

.typo-scene img{transform:scale(1.035);transition:transform 2.2s cubic-bezier(.22,1,.36,1)}
.joue .typo-scene img{transform:scale(1)}

@media (max-width:860px){
  .typo-parole .promesse{font-size:1.08rem;max-width:none;margin-top:14px}
  .typo-parole .promesse::after{width:42px;margin-top:12px}
  .typo-parole .qui{font-size:.94rem}
  .btn-plein,.btn-creux,.btn-or{height:52px}
  .btn-plein i,.btn-or i{width:34px;height:34px;margin-left:12px}
  .actions .btn{padding-left:20px}
}
@media (prefers-reduced-motion:reduce){
  .typo-parole .promesse::after{transform:scaleX(1)}
  .typo-scene img{transform:none}
}

.typo-parole .promesse{
  margin-top:clamp(26px,3.2vh,40px);
  padding-top:clamp(20px,2.4vh,28px);
  font-family:var(--texte);font-weight:550;
  font-size:clamp(1.06rem,1.32vw,1.28rem);line-height:1.34;
  letter-spacing:.004em;color:rgba(242,235,223,.94);max-width:30ch;
  position:relative}
.typo-parole .promesse::after{display:none}
.typo-parole .promesse::before{content:'';position:absolute;top:0;left:0;
  width:64px;height:2px;background:var(--braise);
  transform:scaleX(0);transform-origin:left;
  transition:transform .8s cubic-bezier(.22,1,.36,1) .5s}
.joue .typo-parole .promesse::before{transform:scaleX(1)}
.typo-parole .qui{margin-top:clamp(10px,1.2vh,15px);
  font-size:clamp(.92rem,.98vw,1rem);color:rgba(242,235,223,.6);max-width:44ch}

.btn::after{display:none!important}
.btn-plein i{transition:width .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),
             background .3s}
.btn-plein:hover i{width:46px;transform:none;
  background:linear-gradient(180deg,#F09257,var(--braise-cl))}
.btn-plein:hover span,.btn-plein:hover{color:var(--nuit)}
.btn-or i{transition:width .3s cubic-bezier(.22,1,.36,1)}
.btn-or:hover i{width:46px}
.btn-creux{transition:border-color .28s,color .28s,background .28s,transform .22s cubic-bezier(.22,1,.36,1)}
.btn-creux:hover{background:rgba(242,235,223,.06)}
.typo-parole .promesse{max-width:34ch}
@media (max-width:860px){ .typo-parole .coupe{display:none} }

.svc-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:0 clamp(24px,3vw,48px);margin-top:clamp(22px,3vh,32px)}
.svc{padding:20px 0;border-top:1px solid rgba(242,235,223,.16);position:relative}
.svc::before{content:'';position:absolute;top:-1px;left:0;width:0;height:1px;
  background:var(--braise-cl);transition:width .45s cubic-bezier(.22,1,.36,1)}
.svc:hover::before{width:60px}
.svc h3{font-family:var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;font-weight:700;
  font-size:clamp(1.02rem,1.28vw,1.18rem);line-height:1.24;margin-bottom:8px;text-wrap:balance}
.svc p{font-size:15px;line-height:1.5;color:rgba(242,235,223,.74);max-width:42ch}

.svc-tete{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}
.svc-tete h3{margin-bottom:0}
.svc-prix{font:500 12.5px/1 var(--mono);letter-spacing:.06em;color:var(--braise-cl);
  white-space:nowrap;flex-shrink:0}
.svc-format{display:block;margin-top:7px;font:500 12px/1.45 var(--mono);letter-spacing:.04em;
  color:rgba(242,235,223,.44)}
.clair .svc-format{color:rgba(20,17,16,.5)}
.clair .svc-prix{color:var(--braise)}
@media (max-width:520px){
  .svc-tete{flex-direction:column;gap:4px}
  .svc-prix{font-size:12px}
}
.clair .svc{border-top-color:var(--filet-clair)}
.clair .svc p{color:rgba(20,17,16,.74)}
@media (max-width:860px){
  .svc-liste{grid-template-columns:minmax(0,1fr)}
  .svc{padding:16px 0}
  .svc p{font-size:14.5px}
}

.tete-page.avec-vue{padding-right:clamp(20px,4.4vw,76px)}
.tete-vue{position:absolute;top:0;right:0;bottom:0;width:36%;z-index:0;overflow:hidden}
.tete-vue img{width:100%;height:100%;object-fit:cover;object-position:52% 50%;
  transform:scale(1.04);transition:transform 2.4s cubic-bezier(.22,1,.36,1)}
.tete-page.avec-vue.vu .tete-vue img,.tete-vue img{transform:scale(1)}
.tete-vue::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,var(--nuit) 0 3%,rgba(10,8,7,.8) 26%,rgba(10,8,7,.16) 66%,transparent),
    linear-gradient(0deg,rgba(10,8,7,.9),rgba(10,8,7,.18) 32%,transparent 60%)}
.tete-page.avec-vue h1,.tete-page.avec-vue .qui{max-width:17ch}
.tete-page.avec-vue .qui{max-width:44ch}
@media (max-width:1080px){
  .tete-vue{width:46%}
  .tete-page.avec-vue h1{max-width:13ch}
}
@media (max-width:860px){

  .tete-vue{inset:0;width:100%}
  .tete-vue img{object-position:56% 46%}
  .tete-vue::after{background:
    linear-gradient(0deg,var(--nuit) 0 6%,rgba(10,8,7,.94) 32%,rgba(10,8,7,.82) 60%,rgba(10,8,7,.66)),
    linear-gradient(90deg,rgba(10,8,7,.6),rgba(10,8,7,.2) 66%,transparent)}
  .tete-page.avec-vue h1,.tete-page.avec-vue .qui{max-width:none}
}

.tete-page.avec-vue{overflow:hidden}
.tete-vue{position:absolute;top:0;right:0;bottom:0;width:36%;z-index:0;overflow:hidden}
.tete-vue img{width:100%;height:100%;object-fit:cover;object-position:52% 50%;
  transform:scale(1.04);transition:transform 2.4s cubic-bezier(.22,1,.36,1)}
.tete-page.avec-vue.vu .tete-vue img,.tete-page.avec-vue .tete-vue img{transform:scale(1)}
.tete-vue::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,var(--nuit) 0 3%,rgba(10,8,7,.78) 24%,rgba(10,8,7,.16) 64%,transparent),
    linear-gradient(0deg,rgba(10,8,7,.9),rgba(10,8,7,.2) 38%,transparent 66%),
    linear-gradient(180deg,rgba(10,8,7,.85),transparent 26%)}
.tete-page.avec-vue .dedans{max-width:var(--max);margin:0 auto}
.tete-page.avec-vue h1,.tete-page.avec-vue .qui{max-width:15ch}
.tete-page.avec-vue .qui{max-width:48ch}
@media (max-width:1080px){
  .tete-vue{width:50%}
  .tete-page.avec-vue h1{max-width:none}
}
@media (max-width:860px){
  .tete-vue{inset:0;width:100%}
  .tete-vue img{object-position:56% 46%}
  .tete-vue::after{background:
    linear-gradient(0deg,var(--nuit) 0 4%,rgba(10,8,7,.94) 32%,rgba(10,8,7,.8) 60%,rgba(10,8,7,.6)),
    linear-gradient(180deg,rgba(10,8,7,.9),transparent 30%)}
}


@keyframes respire{
  0%   {transform:translate3d(0,0,0) scale(1)}
  50%  {transform:translate3d(-1.6%,1.1%,0) scale(1.06)}
  100% {transform:translate3d(1.2%,-.8%,0) scale(1.02)}
}
.hero-typo::before{animation:respire 26s ease-in-out infinite alternate;will-change:transform}
.tete-page::after{animation:respire 32s ease-in-out infinite alternate;will-change:transform}
.nuit::before,.nuit-2::before{}
@media (prefers-reduced-motion:reduce){
  .hero-typo::before,.tete-page::after{animation:none}
}

@media (min-width:861px){
  .pied-col{gap:0}
  .pied-col a{padding:4px 0}
  .pied-titre{margin-bottom:10px}
  .pied-haut{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));
    gap:clamp(24px,3vw,56px)}
}

.pied-bas a.credit-site{display:inline-flex;align-items:center;gap:11px;padding:0}
.credit-site img{height:17px;width:auto;opacity:.9;display:block;
  transition:opacity .25s,transform .3s cubic-bezier(.22,1,.36,1)}
.credit-site:hover img{opacity:1;transform:translateY(-1px)}
.credit-site::before{content:'';width:1px;height:16px;background:rgba(242,235,223,.22);
  margin-right:3px}
.pied-bas{align-items:center;gap:16px 28px}
@media (max-width:640px){
  .pied-bas{flex-direction:column;align-items:flex-start}
  .credit-site::before{display:none}
}

.lecture-tete{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.lecture-vider{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:rgba(20,17,16,.5);border-bottom:1px solid rgba(20,17,16,.22);padding-bottom:3px;
  transition:color .25s,border-color .25s}
.lecture-vider:hover{color:var(--braise-fonce);border-color:var(--braise-fonce)}
.lecture-note{margin-top:16px;font-size:13.5px;line-height:1.5;
  color:rgba(20,17,16,.62);max-width:44ch}
@media (max-width:860px){ .lecture-note{font-size:13px} }

.champ label .facultatif{margin-left:8px;letter-spacing:.1em;opacity:.55;text-transform:none}
.depot{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;
  padding:16px 18px;border:1px dashed rgba(242,235,223,.3);border-radius:3px;
  background:rgba(242,235,223,.04);transition:border-color .25s,background .25s}
.depot:hover{border-color:rgba(242,235,223,.5);background:rgba(242,235,223,.07)}
.depot input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.depot input[type=file]:focus-visible + .depot-mot{outline:2px solid var(--braise-cl);outline-offset:4px;border-radius:2px}
.depot-mot{font-weight:600;font-size:15.5px;color:var(--os);
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.depot-mot::before{content:'+';display:inline-block;margin-right:10px;
  font:500 17px/1 var(--mono);color:var(--braise-cl);transform:translateY(1px)}
.depot.plein{border-style:solid;border-color:rgba(232,129,74,.6);background:rgba(196,85,31,.1)}
.depot.plein .depot-mot::before{content:'\2713';font-size:14px}
.depot.trop-gros{border-color:rgba(217,90,60,.8);background:rgba(196,85,31,.1)}
.depot.trop-gros .depot-mot::before{content:'!';}
.depot-aide{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:rgba(242,235,223,.55)}
.depot.plein .depot-aide{display:none}
.depot-retirer{position:relative;z-index:2;margin-left:auto;
  font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:rgba(242,235,223,.7);border-bottom:1px solid rgba(242,235,223,.3);padding-bottom:3px}
.depot-retirer:hover{color:var(--braise-cl);border-color:var(--braise-cl)}
.depot-note{margin-top:10px;font-size:13.5px;line-height:1.5;color:rgba(242,235,223,.6)}
.clair .depot{border-color:rgba(20,17,16,.3);background:rgba(255,255,255,.4)}
.clair .depot:hover{border-color:rgba(20,17,16,.5)}
.clair .depot-mot{color:var(--encre)}
.clair .depot-mot::before{color:var(--braise-fonce)}
.clair .depot-aide,.clair .depot-note{color:rgba(20,17,16,.62)}
.clair .depot-retirer{color:rgba(20,17,16,.7);border-color:rgba(20,17,16,.3)}
.clair .depot.plein{border-color:var(--braise-fonce);background:rgba(196,85,31,.08)}

.btn-plein:hover i,.btn-or:hover i,.btn:hover i{width:38px;transform:none}
.nav-site .btn-plein:hover i{width:30px}
@media (max-width:860px){
  .btn-plein:hover i,.btn-or:hover i{width:34px}
}
.btn-plein i,.btn-or i{transition:background .28s,box-shadow .28s,color .28s}
.btn-plein:hover i{
  background:linear-gradient(180deg,#EE8F55,#C85A24);
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 5px 14px -5px rgba(120,42,14,1)}
.btn-plein:hover{transform:translateY(-2px)}
.btn-or:hover i{background:#0A0908}

.btn-creux:hover i{transform:none}

.mosaique img{width:100%;height:100%;min-height:190px;object-fit:cover;display:block}

.vue-mosaique{width:100%;height:100%;min-height:190px;object-fit:cover;display:block;border-radius:0}
.mosaique .vue-mosaique{aspect-ratio:16/9}
.mosaique .vue-mosaique.g2{grid-column:span 2}
@media (max-width:480px){ .mosaique .vue-mosaique.g2{grid-column:span 1} }

.tete-vue img{object-position:50% 50%}

.tete-page.p-menu .tete-vue img{object-position:50% 100%}
.tete-page.p-cuisine .tete-vue img{object-position:50% 46%}
.tete-page.p-services .tete-vue img{object-position:50% 58%}

.ref{position:relative;display:block;overflow:hidden}
.ref img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.ref::after{content:attr(data-note);position:absolute;left:0;right:0;bottom:0;
  padding:11px 14px;z-index:2;
  font:500 10px/1.45 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--os);background:linear-gradient(0deg,rgba(10,8,7,.94),rgba(10,8,7,.72) 62%,transparent);
  text-align:left}
.ref::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(232,129,74,.55)}
.clair .ref::before{box-shadow:inset 0 0 0 1px rgba(196,85,31,.5)}
.mosaique .ref{aspect-ratio:1/1}
.mosaique .ref.g2{aspect-ratio:16/9;grid-column:span 2}
@media (max-width:480px){ .mosaique .ref.g2{grid-column:span 1} }
.mosaique .vue-mosaique.carre{aspect-ratio:1/1}

.tete-page.avec-vue .dedans::before{width:min(100%,54%)}
@media (max-width:1080px){ .tete-page.avec-vue .dedans::before{width:100%} }

.tete-vue{width:42%}
.tete-vue img{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 18%,#000 62%),
                     linear-gradient(0deg,transparent 0,#000 30%),
                     linear-gradient(180deg,transparent 0,#000 18%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 18%,#000 62%),
             linear-gradient(0deg,transparent 0,#000 30%),
             linear-gradient(180deg,transparent 0,#000 18%);
  mask-composite:intersect}

.tete-vue::after{background:linear-gradient(180deg,rgba(10,8,7,.7),transparent 22%)}

@media (min-width:861px){
  .typo-scene{width:44%}
  .typo-scene img{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 16%,#000 58%),
                       linear-gradient(0deg,transparent 0,#000 26%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 16%,#000 58%),
               linear-gradient(0deg,transparent 0,#000 26%);
    mask-composite:intersect}
  .typo-scene::after{background:linear-gradient(180deg,rgba(10,8,7,.72),transparent 20%)}
}
@media (max-width:1080px){ .tete-vue{width:54%} }
@media (max-width:860px){

  .tete-vue{width:100%}
  .tete-vue img{-webkit-mask-image:none;mask-image:none}
  .typo-scene img{-webkit-mask-image:none;mask-image:none}
}

.tete-page .marge .mono{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.marque-ds{height:19px;width:auto;display:block;opacity:.95}
@media (max-width:860px){ .marque-ds{height:17px} }

.tete-page .marge .mono{display:block}
.marque-ds{margin-bottom:10px}

.legal{max-width:70ch}
.legal h2{font-size:clamp(1.24rem,1.7vw,1.6rem);line-height:1.14}
.legal p{font-size:1.02rem;line-height:1.62}
.legal .legal-liste{margin-left:0}
.legal .legal-liste li{padding:9px 0 9px 30px;font-size:1rem;border-top:none}
.legal .legal-liste li::before{top:19px;width:14px}
.legal .legal-liste li:first-child{border-top:1px solid rgba(242,235,223,.14)}
.legal .legal-liste li{border-bottom:1px solid rgba(242,235,223,.14)}
@media (hover:hover){ .legal .legal-liste li:hover{padding-left:34px} }
@media (max-width:860px){
  .legal .legal-liste li{padding-left:0}
  .legal .legal-liste li::before{display:none}
  .legal .legal-liste li strong{display:inline}
}

@media (max-width:860px){

  .hero-typo{display:flex;flex-direction:column;min-height:auto}
  .hero-typo .typo-scene{position:relative;inset:auto;width:100%;
    height:40svh;min-height:250px;max-height:340px;flex:0 0 auto;z-index:1}
  .hero-typo .typo-scene img{
    object-position:52% 48%;
    -webkit-mask-image:linear-gradient(0deg,transparent 0,#000 34%);
    mask-image:linear-gradient(0deg,transparent 0,#000 34%)}

  .hero-typo .typo-scene::after{background:linear-gradient(180deg,rgba(10,8,7,.86),transparent 34%)}
  .hero-typo .typo-grille{padding-top:22px;padding-bottom:clamp(24px,3.5vh,38px)}

  .tete-page.avec-vue{display:flex;flex-direction:column;padding-top:0;overflow:hidden}
  .tete-page.avec-vue .tete-vue{position:relative;inset:auto;width:100%;
    height:34svh;min-height:210px;max-height:290px;flex:0 0 auto;z-index:1}
  .tete-page.avec-vue .tete-vue img{
    -webkit-mask-image:linear-gradient(0deg,transparent 0,#000 32%);
    mask-image:linear-gradient(0deg,transparent 0,#000 32%)}
  .tete-page.avec-vue .tete-vue::after{background:linear-gradient(180deg,rgba(10,8,7,.86),transparent 34%)}
  .tete-page.avec-vue .dedans{padding-top:26px}
  .tete-page.avec-vue::after{display:none}
  .tete-page.avec-vue .dedans::before{top:calc(-1 * clamp(14px,2vh,20px))}
}
@media (max-width:860px){

  .tete-page.avec-vue{padding-left:0;padding-right:0}
  .tete-page.avec-vue .dedans{padding-left:var(--marge);padding-right:var(--marge)}
  .tete-page.avec-vue .tete-vue{margin:0}

  .tete-page.avec-vue .dedans::before{top:calc(-1 * clamp(10px,1.6vh,16px))}
}

@media (max-width:860px){
  .tete-marque img{height:42px}
  .tete-site.dense .tete-marque img{height:36px}

  .voile{gap:0;padding-top:96px;justify-content:flex-start}
  .voile a.v-lien{
    font-weight:600;
    font-size:clamp(1.32rem,5vw,1.62rem);
    line-height:1.14;letter-spacing:-.006em;
    padding:17px 0;gap:16px;align-items:baseline;
    border-bottom:1px solid rgba(242,235,223,.12)}
  .voile a.v-lien:first-child{border-top:1px solid rgba(242,235,223,.12)}
  .voile a.v-lien em{font-size:10px;letter-spacing:.2em;
    color:rgba(232,129,74,.85);min-width:20px}

  .voile a.v-lien{position:relative}
  .voile a.v-lien::after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:0;
    background:var(--braise-cl);transition:width .3s cubic-bezier(.22,1,.36,1)}
  .voile a.v-lien:active::after{width:100%}

  .voile-tel{margin-top:30px;font-size:16px;font-weight:650;padding:17px 20px;
    background:linear-gradient(180deg,var(--braise-cl),var(--braise));
    box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 12px 24px -12px rgba(120,42,14,.9)}
  .voile-tel span:last-child{font:500 15px/1 var(--mono);letter-spacing:.06em}
  .voile-pied{margin-top:26px;font-size:11px}
}
@media (max-width:380px){
  .tete-marque img{height:38px}
  .voile a.v-lien{font-size:1.24rem;padding:15px 0}
}

@media (max-width:380px){
  .voile-tel{font-size:15px;padding:16px 16px;gap:10px}
  .voile-tel span:first-child{white-space:nowrap}
  .voile-tel span:last-child{font-size:13.5px;letter-spacing:.02em}
}

@media (max-width:860px){
  .pied{padding-top:clamp(34px,5vh,46px)}
  .pied-haut{grid-template-columns:1fr 1fr;gap:26px 22px;align-items:start}
  .pied-haut > :first-child{grid-column:1 / -1}
  .pied-marque img{height:38px}
  .pied-quoi{font-size:13.5px;line-height:1.5;margin-top:12px;max-width:44ch}

  .pied-col{gap:0}
  .pied-col a{padding:7px 0;font-size:14.5px;line-height:1.3}
  .pied-titre{margin-bottom:8px;font-size:10px}

  .pied-haut > :last-child{grid-column:1 / -1}
  .pied-haut > :last-child a{overflow-wrap:anywhere}

  .pied-bas{margin-top:26px;padding-top:18px;gap:12px 20px}
  .pied-bas span,.pied-bas a{font-size:10px}
}
@media (max-width:380px){
  .pied-col a{font-size:14px;padding:6px 0}
  .pied-haut{gap:22px 16px}
}

.tete-page.p-farnham .tete-vue img{object-position:50% 46%}

@media (max-width:860px){
  .pied-col a,.pied-bas a,.plancher-in a{position:relative}
  .pied-col a::after,.pied-bas a::after,.plancher-in a::after{
    content:'';position:absolute;left:0;right:0;top:50%;
    height:44px;transform:translateY(-50%);

    pointer-events:auto}
}

.ligne{background:var(--nuit);
  background-image:
    radial-gradient(60% 44% at 78% 8%,rgba(196,85,31,.11),transparent 68%),
    radial-gradient(48% 40% at 8% 92%,rgba(196,85,31,.07),transparent 70%);
  color:var(--os)}

.ligne::before{height:2px}
.ligne::after{background:none}

.ligne .mono,.ligne .marge .mono{color:var(--braise-cl)}
.ligne .marge::before{background:var(--braise)}
.ligne .marge .note{color:rgba(242,235,223,.6)}

.ligne .d{font-family:var(--disp);font-weight:700;font-stretch:normal;
  font-variation-settings:'SOFT' 0,'WONK' 1;letter-spacing:-.012em;line-height:1.02}
.ligne-liste li{border-top-color:rgba(242,235,223,.15);color:rgba(242,235,223,.84)}
.ligne-liste li:last-child{border-bottom-color:rgba(242,235,223,.15)}

.web-logo{height:34px}

.btn-or{background:linear-gradient(180deg,#FFFDF8,#EFE7D9 62%,#E6DCCA);
  color:var(--nuit);border:1px solid rgba(0,0,0,.24);
  box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 -1px 0 rgba(0,0,0,.06) inset,
             0 12px 22px -12px rgba(0,0,0,.9),0 2px 0 rgba(0,0,0,.35)}
.btn-or i{background:linear-gradient(180deg,var(--braise-cl),var(--braise));color:#FFF6F0;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 4px 10px -4px rgba(120,42,14,.9)}
.ligne .btn-creux{border-color:rgba(242,235,223,.34);color:var(--os)}
.ligne .btn-creux:hover{border-color:var(--braise-cl);color:var(--braise-cl)}

.nav-sm{position:relative;display:inline-flex}
.nav-sm>a{display:inline-flex;align-items:center;gap:7px}
.nav-sm>a::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);
  opacity:.6;transition:transform .18s ease,opacity .18s ease}
.nav-sm[data-ouvert="1"]>a::after{transform:rotate(-135deg) translateY(-1px);opacity:1}
.sm{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);
  min-width:264px;padding:10px;border-radius:4px;
  background:rgba(16,13,12,.97);border:1px solid rgba(242,235,223,.14);
  box-shadow:0 18px 44px rgba(0,0,0,.5);
  display:flex;flex-direction:column;gap:2px;
  opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:60}
.sm[hidden]{display:none}
.nav-sm[data-ouvert="1"] .sm{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.sm a{display:block;padding:9px 12px;border-radius:3px;font-size:14.5px;line-height:1.3;
  color:rgba(242,235,223,.82);white-space:nowrap}
.sm a:hover,.sm a:focus-visible{background:rgba(242,235,223,.08);color:var(--creme)}

.sm .sm-fille{margin-left:13px;padding-left:13px;font-size:13.5px;
  color:rgba(242,235,223,.64);border-left:1px solid rgba(242,235,223,.18);border-radius:0 3px 3px 0}
.sm .sm-fille:hover,.sm .sm-fille:focus-visible{color:var(--creme);border-left-color:var(--braise)}
.sm .sm-fille.ici{border-left-color:var(--braise)}
.sm .sm-tout{margin-top:7px;padding-top:12px;border-top:1px solid rgba(242,235,223,.14);
  font:500 11.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;
  color:var(--braise-cl)}

.sm a.ici{color:var(--braise-cl);background:rgba(196,85,31,.14)}
.sm a.ici::after{display:none}
.voile a.v-lien.ici{color:var(--braise-cl)}

.sm::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}

.v-sous-liste{display:flex;flex-direction:column;gap:2px;margin:-2px 0 10px 0;padding-left:44px}
.v-sous{font:500 14px/1.45 var(--texte);color:rgba(242,235,223,.62);padding:5px 0}
.v-sous:hover,.v-sous:focus-visible{color:var(--creme)}

@media (max-width:980px){ .nav-sm{display:none} }
@media (prefers-reduced-motion:reduce){
  .sm,.nav-sm>a::after{transition:none}
}

@media (max-width:860px){
  .pied-bas a[href*="dsmedia"]{display:inline-flex;align-items:center;min-height:44px}
}

.part-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:clamp(18px,2.4vw,30px);margin-top:clamp(24px,3vh,34px)}
.part{display:flex;flex-direction:column;gap:16px}
.part-plaque{display:flex;align-items:center;justify-content:center;
  height:132px;padding:22px 26px;border-radius:4px;background:var(--os);
  box-shadow:0 10px 26px rgba(0,0,0,.34)}

.part-plaque img{max-width:min(228px,100%);max-height:100%;width:auto;height:auto;display:block}
/* logo carre : la contrainte de hauteur le rendait deux fois plus petit
   que les logos larges. Il remplit la plaque, avec moins de marge. */
.part-plaque.tuile{padding:13px}
.part-plaque.tuile img{max-width:100%;max-height:100%;border-radius:4px}


.part h3{font-family:var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;font-weight:700;
  font-size:clamp(1.02rem,1.28vw,1.18rem);line-height:1.24;margin-bottom:6px}
.part p{font-size:15px;line-height:1.5;color:rgba(242,235,223,.74);max-width:42ch}
.part-role{display:block;margin-top:7px;font:500 12px/1.45 var(--mono);letter-spacing:.04em;
  color:var(--braise-cl)}
@media (max-width:860px){ .part-plaque{height:112px;padding:18px 20px} }

/* Bandes en fenêtre : la photo reste fixe derrière, la bande glisse dessus.
   Même mécanique au bureau et au téléphone (clip-path + enfant fixe, iOS compris).
   Cadrage par photo : --fx au bureau, --fm au téléphone. */
.bande{min-height:clamp(460px,76vh,880px);clip-path:inset(0);isolation:isolate;overflow:visible}
.bande>img{position:fixed;top:0;left:0;width:100vw;height:100lvh;object-fit:cover;
  object-position:var(--fx,56% 50%);z-index:0;transform:none!important;transition:none}
.bande::after{z-index:1}
.bande .bande-mot{z-index:2}
.bande-mot .d{font-size:clamp(2.3rem,4.4vw,4.1rem);max-width:17ch;line-height:1.04}

.bande img[src*="bande-accueil"]{--fx:50% 46%;--fm:31% 42%}
.bande img[src*="salle-pleine-bande"]{--fx:50% 40%;--fm:44% 38%}
.bande img[src*="bande-salle"]{--fx:50% 50%;--fm:54% 46%}
.bande img[src*="bande-cuisine"]{--fx:50% 42%;--fm:60% 44%}
.bande img[src*="bande-farnham"]{--fx:50% 55%;--fm:34% 56%}
.bande img[src*="bande-martin"]{--fx:50% 50%;--fm:56% 50%}
.bande img[src*="bande-menu"]{--fx:60% 42%;--fm:66% 44%}
.bande img[src*="bar-soiree"]{--fx:50% 38%;--fm:40% 34%}
.bande img[src*="bistro-soiree"]{--fx:56% 52%;--fm:62% 54%}
.bande img[src*="tournage"]{--fx:58% 50%;--fm:72% 52%}

@media (max-width:860px){
  .bande{min-height:72svh;align-items:flex-end}
  .bande>img{object-position:var(--fm,50% 50%)}
  .bande::after,.bande.sujet::after{
    background:linear-gradient(180deg,rgba(10,8,7,.34) 0,rgba(10,8,7,0) 16%,rgba(10,8,7,0) 38%,
      rgba(10,8,7,.55) 62%,rgba(10,8,7,.9) 86%,rgba(10,8,7,.94))}
  .bande-mot{padding-top:0;padding-bottom:clamp(34px,6svh,54px)}
  .bande-mot .d{font-size:clamp(2.05rem,8.9vw,2.75rem);max-width:15ch;
    text-shadow:0 2px 18px rgba(10,8,7,.85),0 0 46px rgba(10,8,7,.6)}
}
@media (prefers-reduced-motion:reduce){
  .bande{clip-path:none;overflow:hidden}
  .bande>img{position:absolute;width:100%;height:100%}
}

/* Relevé au téléphone : la barre d'action devient le chemin vers la réponse */
.barre-mob .b-releve{display:none}
#lecture{scroll-margin-top:84px}
@media (max-width:860px){
  .barre-mob.releve .b1,.barre-mob.releve .b2{display:none}
  .barre-mob.releve .b-releve{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;
    gap:2px;padding:9px 18px;min-height:52px;border-radius:4px;text-decoration:none;
    background:linear-gradient(180deg,#F4ECDF,#E9DECD);color:var(--encre);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 -6px 24px rgba(0,0,0,.35);position:relative;overflow:hidden}
  .barre-mob.releve .b-releve::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--braise)}
  .br-n{font:500 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9A3C0F}
  .br-t{font:600 15.5px/1.25 var(--texte);display:flex;gap:8px;align-items:center}
  .br-t i{font-style:normal;color:var(--braise)}
  .barre-mob.pulse .b-releve{animation:relevePulse .6s cubic-bezier(.22,1,.36,1)}
}
@keyframes relevePulse{0%{transform:scale(.97);filter:brightness(1.12)}100%{transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){ .barre-mob.pulse .b-releve{animation:none} }
.lecture-tete{flex-wrap:wrap;row-gap:10px}
.lecture-tete .mono,.lecture-vider{white-space:nowrap}

/* Menu plein écran : six chantiers, puis l'offre complémentaire en grille */
.voile .v-groupe{display:flex;align-items:stretch;border-bottom:1px dotted rgba(242,235,223,.22);
  opacity:0;transform:translateY(16px)}
.voile .v-groupe a.v-lien{flex:1;border-bottom:0;opacity:1;transform:none;animation:none}
.voile.ouvert .v-groupe{animation:vmonte .5s cubic-bezier(.22,1,.36,1) forwards}
.voile.ouvert > a.v-lien:nth-child(1){animation-delay:.05s}
.voile.ouvert > .v-groupe{animation-delay:.09s}
.voile.ouvert > a.v-lien:nth-child(4){animation-delay:.13s}
.voile.ouvert > a.v-lien:nth-child(5){animation-delay:.17s}
.voile.ouvert > a.v-lien:nth-child(6){animation-delay:.21s}
.voile.ouvert > a.v-lien:nth-child(7){animation-delay:.25s}
.voile.ouvert > a.v-lien:nth-child(8){animation-delay:.29s}
.voile a.v-lien.ici{color:var(--braise-cl)}
.v-deplie{flex:0 0 52px;position:relative;background:none;border:0;border-left:1px solid rgba(242,235,223,.1);
  cursor:pointer;color:var(--os)}
.v-deplie span::before,.v-deplie span::after{content:'';position:absolute;left:50%;top:50%;width:14px;height:1.5px;
  margin:-.75px 0 0 -7px;background:currentColor;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.v-deplie span::after{transform:rotate(90deg)}
.v-deplie[aria-expanded="true"] span::after{transform:rotate(0)}
.v-deplie[aria-expanded="true"]{color:var(--braise-cl)}
.voile .v-sous-liste{display:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 18px;
  margin:0;padding:12px 0 14px 36px;border-bottom:1px solid rgba(242,235,223,.12);
  background:linear-gradient(90deg,rgba(196,85,31,.08),transparent 70%)}
.voile .v-sous-liste.ouvert{display:grid;animation:vmonte .35s cubic-bezier(.22,1,.36,1) both}
.voile a.v-sous{font:500 14px/1.3 var(--texte);color:rgba(242,235,223,.74);text-decoration:none;
  padding:8px 0 8px 12px;position:relative}
.voile a.v-sous::before{content:'';position:absolute;left:0;top:50%;width:5px;height:1px;background:var(--braise-cl)}
.voile a.v-sous:hover,.voile a.v-sous:focus-visible{color:var(--creme)}
.v-aussi{margin-top:20px;opacity:0}
.voile.ouvert .v-aussi{animation:vmonte .5s .33s cubic-bezier(.22,1,.36,1) forwards}
.v-aussi .mono{font-size:10px;letter-spacing:.2em;color:rgba(242,235,223,.5);margin-bottom:8px}
.v-aussi-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px}
.voile a.v-sec{font:500 14.5px/1.3 var(--texte);color:rgba(242,235,223,.82);text-decoration:none;
  padding:9px 0;border-bottom:1px solid rgba(242,235,223,.08)}
.voile a.v-sec.ici{color:var(--braise-cl)}
.voile a.v-sec:hover,.voile a.v-sec:focus-visible{color:var(--creme)}
@media (max-width:860px){
  .voile .v-groupe{border-bottom:1px solid rgba(242,235,223,.12)}
  .voile a.v-lien{padding:13px 0;font-size:clamp(1.22rem,4.7vw,1.5rem)}
  .voile .v-groupe a.v-lien{border-bottom:0}
  .voile-tel{margin-top:22px}
  .voile-pied{margin-top:18px}
}
@media (max-width:380px){ .voile a.v-lien{padding:11px 0;font-size:1.16rem} .voile a.v-sec{font-size:13.5px} }
@media (prefers-reduced-motion:reduce){ .voile .v-groupe,.v-aussi{opacity:1;transform:none;animation:none!important} }
.voile .v-sous-liste{grid-template-columns:minmax(0,1fr);padding:8px 0 10px 36px}
.voile a.v-sous{padding:7px 0 7px 14px}
@media (max-width:860px){
  .voile{padding-top:108px}
  .voile .v-aussi{margin-top:24px}
}
.tete-site.menu-ouvert::before{opacity:0}

/* ================= Modules métier : posés sur le comptoir ================= */
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.comptoir{position:relative;isolation:isolate;overflow-x:clip;
  background:#2A1A12 url('/images/comptoir-noyer.webp') center/cover no-repeat;
  box-shadow:inset 0 14px 22px -10px rgba(0,0,0,.85),inset 0 -14px 22px -10px rgba(0,0,0,.85)}
.comptoir::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(48% 62% at 68% 46%,rgba(255,196,128,.2),transparent 70%),
    radial-gradient(130% 90% at 50% 50%,transparent 38%,rgba(6,4,3,.72)),
    linear-gradient(180deg,rgba(10,8,7,.55),rgba(10,8,7,.3) 30%,rgba(10,8,7,.42))}
.comptoir::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;z-index:-1;
  background:linear-gradient(180deg,rgba(255,214,170,.22),transparent)}
@media (max-width:860px){ .comptoir{background-image:url('/images/comptoir-noyer-m.webp')} }
.comptoir .marge .note{color:rgba(242,235,223,.72)}
.atelier-tete{max-width:62ch;margin-bottom:clamp(28px,4vh,46px)}
.atelier-tete .lede{margin-top:18px;color:rgba(242,235,223,.82)}
.atelier-tete .d{text-shadow:0 2px 24px rgba(0,0,0,.6)}

/* Feuille de papier, pince, champs */
.feuille{position:relative;color:var(--encre);
  background:#F3ECDF url('/images/papier-fiche.webp') center/cover;
  border-radius:2px;padding:clamp(34px,4vw,54px) clamp(20px,3.4vw,52px) clamp(26px,3vw,40px);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 1px 2px rgba(0,0,0,.35),0 18px 30px -8px rgba(0,0,0,.55),0 50px 70px -30px rgba(0,0,0,.6);
  transform:rotate(-.35deg)}
.feuille::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:2px;
  background:linear-gradient(115deg,rgba(255,236,206,.22),transparent 40%,rgba(0,0,0,.05))}
.pince{position:absolute;top:-16px;left:50%;width:112px;height:34px;margin-left:-56px;border-radius:5px 5px 3px 3px;
  background:linear-gradient(180deg,#5A5550,#2A2826 42%,#1B1918);
  box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 6px 10px -4px rgba(0,0,0,.7)}
.pince::before{content:'';position:absolute;left:14px;right:14px;top:6px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,#9A948C,#E8E2D9,#8D877F)}
.pince::after{content:'';position:absolute;left:50%;top:-10px;width:44px;height:14px;margin-left:-22px;
  border:3px solid #8D877F;border-bottom:0;border-radius:10px 10px 0 0}
.feuille-tete{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(20,17,16,.6);
  padding-bottom:14px;border-bottom:2px solid rgba(20,17,16,.78);margin-bottom:22px}
.f-champ{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;
  padding:10px 0;border-bottom:1px solid rgba(20,17,16,.16)}
.f-lab{font:500 14.5px/1.3 var(--texte);color:rgba(20,17,16,.78)}
.f-val{display:inline-flex;align-items:baseline;gap:4px;flex:0 0 auto}
.f-val input{width:6.4ch;text-align:right;font:500 17px/1.2 var(--mono);color:#173A6E;
  background:rgba(23,58,110,.05);border:0;border-bottom:1.5px solid rgba(23,58,110,.55);border-radius:2px 2px 0 0;
  padding:5px 6px 3px;-moz-appearance:textfield}
.f-val input:focus{outline:none;background:rgba(23,58,110,.1);border-bottom-color:#173A6E}
.f-val .u{font:500 14px/1 var(--mono);color:rgba(20,17,16,.6)}
.fiche-nom{display:block;margin-bottom:6px}
.fiche-nom input{width:100%;font:700 clamp(1.15rem,1.6vw,1.4rem)/1.2 var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;
  color:var(--encre);background:transparent;border:0;border-bottom:1.5px dashed rgba(20,17,16,.35);padding:4px 0}
.fiche-nom input:focus{outline:none;border-bottom-color:var(--braise)}
.curseur{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto}
.curseur input[type=range]{width:clamp(120px,14vw,190px);accent-color:var(--braise)}
.curseur output{font:500 17px/1 var(--mono);color:#173A6E;min-width:4.4ch;text-align:right}
.f-curseur{align-items:center}

/* Fiche de coût */
.fiche{max-width:980px}
.fiche-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,64px)}
.fiche-col{position:relative}
.fiche-col+.fiche-col::before{content:'';position:absolute;left:calc(clamp(22px,4vw,64px) / -2);top:0;bottom:0;border-left:1px dashed rgba(20,17,16,.22)}
.fiche-res{margin-top:16px}
.fiche-res div{display:flex;justify-content:space-between;gap:12px;padding:7px 0}
.fiche-res dt{font-size:14px;color:rgba(20,17,16,.66)}
.fiche-res dd{font:500 16px/1.2 var(--mono);color:var(--encre)}
.fiche-res .gros{border-top:2px solid rgba(20,17,16,.78);margin-top:6px;padding-top:12px}
.fiche-res .gros dt{font-weight:700;color:var(--encre);font-size:15px}
.fiche-res .gros dd{font:700 clamp(1.3rem,2vw,1.7rem)/1 var(--disp);color:var(--braise-fonce)}
.fiche-case{margin-top:14px;display:inline-block;font:500 11px/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--braise-fonce);border:1.5px solid currentColor;border-radius:3px;padding:6px 9px;transform:rotate(-1.4deg)}
.fiche-verdict{margin-top:26px;padding:16px 18px;background:rgba(196,85,31,.09);border-left:3px solid var(--braise);
  font:500 16px/1.5 var(--texte);color:var(--encre)}
.fiche-verdict strong{font-weight:700}
.flash{animation:flashNb .5s ease-out}
@keyframes flashNb{0%{background:rgba(232,129,74,.35)}100%{background:transparent}}

/* Pertes */
.pertes{max-width:980px}
.pertes-grille{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start}
.pertes-cases{list-style:none;margin-top:18px;display:grid;gap:8px}
.pertes-cases li{display:flex;align-items:center;gap:10px;font:500 14.5px/1.3 var(--texte);color:rgba(20,17,16,.74)}
.pertes-cases .trait{width:46px;height:12px;background:
  linear-gradient(80deg,transparent 0 6px,#173A6E 6px 7.6px,transparent 7.6px 14px,#173A6E 14px 15.6px,transparent 15.6px 22px,#173A6E 22px 23.6px,transparent 23.6px 30px,#173A6E 30px 31.6px,transparent 31.6px),
  linear-gradient(170deg,transparent 45%,#173A6E 45% 55%,transparent 55%);opacity:.75}
.pertes-res{background:rgba(20,17,16,.04);border:1.5px solid rgba(20,17,16,.7);border-radius:2px;padding:16px 18px}
.pertes-res div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dotted rgba(20,17,16,.25)}
.pertes-res dt{font-size:14.5px;color:rgba(20,17,16,.7)}
.pertes-res dd{font:500 16.5px/1.2 var(--mono)}
.pertes-res .gros{border-bottom:0;padding-top:14px}
.pertes-res .gros dt{font-weight:700;color:var(--encre)}
.pertes-res .gros dd{font:700 clamp(1.5rem,2.6vw,2.1rem)/1 var(--disp);color:var(--braise-fonce)}
.pertes-res .note-res{border:0;border-top:2px solid rgba(20,17,16,.78);flex-direction:column;gap:4px;padding-top:12px}
.pertes-res .note-res dd{color:#173A6E}

/* Addition : reçu thermique */
.addition{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:clamp(28px,5vw,80px);align-items:start;max-width:1080px}
.addition-entrees{background:rgba(10,8,7,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(242,235,223,.14);border-radius:4px;padding:clamp(18px,2.6vw,30px)}
.addition-entrees .f-champ{border-bottom-color:rgba(242,235,223,.14)}
.addition-entrees .f-lab{color:rgba(242,235,223,.86)}
.addition-entrees .f-val input{color:var(--os);background:rgba(242,235,223,.07);border-bottom-color:var(--braise-cl)}
.addition-entrees .f-val .u{color:rgba(242,235,223,.6)}
.addition-entrees .curseur output{color:var(--os)}
.addition-aide{margin-top:12px;font-size:14px;color:rgba(242,235,223,.62)}
.recu{position:relative;color:#1E1B18;background:#F7F4EE;padding:26px 24px 34px;font-family:var(--mono);
  box-shadow:0 2px 3px rgba(0,0,0,.3),0 24px 40px -14px rgba(0,0,0,.7);transform:rotate(.8deg);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/14px 10px repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/14px 10px repeat-x}
.recu::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.035),transparent 12%,transparent 88%,rgba(0,0,0,.04));}
.recu-tete{text-align:center;font:700 15px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.recu-tete span{font-weight:500;font-size:11.5px;letter-spacing:.14em;color:rgba(30,27,24,.66)}
.recu-sep{border-top:1.5px dashed rgba(30,27,24,.5);margin:14px 0}
.recu dl div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13.5px}
.recu dd{font-weight:500;white-space:nowrap}
.recu-total div{font-size:15px!important;font-weight:700;padding-top:2px}
.recu-total dd{font:700 clamp(1.6rem,2.6vw,2.1rem)/1 var(--disp)!important;color:#1E1B18}
.recu-pb{margin-top:10px;border:1.5px solid #1E1B18;padding:6px 10px}
.recu-pb div{font-size:12.5px!important;align-items:center}
.recu-pb dd{font-size:15px}
.recu-pied{margin-top:16px;text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(30,27,24,.6)}

/* Plan de salle */
.plan{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.plan-feuille{position:relative;background:#F4F1EA url('/images/papier-fiche.webp') center/cover;color:#1B2D45;
  padding:clamp(18px,2.4vw,30px);border-radius:2px;transform:rotate(-.4deg);
  box-shadow:0 1px 2px rgba(0,0,0,.35),0 22px 36px -12px rgba(0,0,0,.65)}
.plan-feuille .feuille-tete{color:rgba(27,45,69,.7);border-bottom-color:rgba(27,45,69,.7)}
.plan-dessin{position:relative}
.plan-svg{display:block;width:100%;height:auto}
.plan-svg .mur{fill:none;stroke:#1B2D45;stroke-width:5}
.plan-svg .cloison{stroke:#1B2D45;stroke-width:3}
.plan-svg .hach{stroke:rgba(27,45,69,.28);stroke-width:1.4}
.plan-svg .cuisine{stroke:none}
.plan-svg .lbl{font:600 11px var(--mono);letter-spacing:.14em;fill:rgba(27,45,69,.72);text-anchor:middle}
.plan-svg .lbl.s{font-size:9px}.plan-svg .lbl.xs{font-size:7.5px}
.plan-svg .passe,.plan-svg .bar,.plan-svg .caisse-z,.plan-svg .hote{fill:rgba(27,45,69,.08);stroke:#1B2D45;stroke-width:1.6}
.plan-svg .tables rect,.plan-svg .tables circle{fill:rgba(255,255,255,.4);stroke:#1B2D45;stroke-width:1.6}
.plan-svg .tabourets circle{fill:none;stroke:#1B2D45;stroke-width:1.2}
.plan-svg .porte{fill:none;stroke:#1B2D45;stroke-width:1.2;stroke-dasharray:3 3}
.plan-svg .porte-j{stroke:#1B2D45;stroke-width:3}
.plan-svg .ouverture{stroke:#F4F1EA;stroke-width:6}
.plan-svg .haut-parleurs rect{fill:#1B2D45}
.plan-svg .z{opacity:0;transition:opacity .45s ease}
.plan-svg .z rect,.plan-svg .z circle{fill:rgba(196,85,31,.16);stroke:#C4551F;stroke-width:2;stroke-dasharray:6 4}
.plan-svg .z-lumiere circle{fill:rgba(255,190,90,.38);stroke:none}
.plan-svg .z-circulation path{fill:none;stroke:#C4551F;stroke-width:3;stroke-dasharray:8 6;stroke-linecap:round}
.plan-svg .z-son circle{fill:none;stroke-width:2.5}
.plan[data-actif="entree"] .z-entree,.plan[data-actif="son"] .z-son,.plan[data-actif="lumiere"] .z-lumiere,
.plan[data-actif="circulation"] .z-circulation,.plan[data-actif="caisse"] .z-caisse{opacity:1}
.plan[data-actif="son"] .haut-parleurs rect{fill:#C4551F}
.plan-pts{position:absolute;inset:0;pointer-events:none}
.plan-pt{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;
  transform:translate(-50%,-50%);padding:6px}
.plan-pt .n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  background:#1B2D45;color:#F4F1EA;font:600 13px/1 var(--mono);box-shadow:0 0 0 4px rgba(244,241,234,.9),0 4px 10px rgba(0,0,0,.25);
  transition:background .25s,transform .25s}
.plan-pt .t{display:none}
.plan-pt[aria-pressed="true"] .n{background:var(--braise);transform:scale(1.14)}
.plan-pt[aria-pressed="false"] .n{animation:pointRespire 2.8s ease-in-out infinite}
.plan-pt:nth-child(2) .n{animation-delay:.5s}.plan-pt:nth-child(3) .n{animation-delay:1.1s}.plan-pt:nth-child(4) .n{animation-delay:1.7s}.plan-pt:nth-child(5) .n{animation-delay:2.2s}
@keyframes pointRespire{0%,100%{box-shadow:0 0 0 4px rgba(244,241,234,.9),0 0 0 4px rgba(196,85,31,0)}50%{box-shadow:0 0 0 4px rgba(244,241,234,.9),0 0 0 11px rgba(196,85,31,.28)}}
.plan-pt[data-pt="entree"]{left:25%;top:84%}
.plan-pt[data-pt="son"]{left:37%;top:40%}
.plan-pt[data-pt="lumiere"]{left:12.8%;top:21%}
.plan-pt[data-pt="circulation"]{left:58%;top:61%}
.plan-pt[data-pt="caisse"]{left:78%;top:76%}
.plan-fiches{display:grid}
.plan-fiche{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s,transform .35s,visibility 0s .35s;
  background:rgba(10,8,7,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(242,235,223,.14);
  border-top:3px solid var(--braise);border-radius:4px;padding:clamp(20px,2.6vw,32px)}
.plan-fiche.on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.plan-fiche .mono{color:var(--braise-cl)}
.plan-fiche h3{font:700 clamp(1.3rem,2vw,1.7rem)/1.15 var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;margin:10px 0 14px}
.plan-fiche .q{font:500 clamp(1.02rem,1.3vw,1.14rem)/1.5 var(--texte);color:var(--os);padding-left:14px;border-left:2px solid var(--braise-cl);margin-bottom:14px}
.plan-fiche p:last-child{color:rgba(242,235,223,.78);line-height:1.6}

/* Canette */
.canette-mod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;max-width:1080px}
.canette-reglages{background:rgba(10,8,7,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(242,235,223,.14);border-radius:4px;padding:clamp(18px,2.6vw,30px)}
.canette-reglages .f-champ{flex-direction:column;align-items:stretch;border-bottom:0}
.canette-reglages .f-lab{color:rgba(242,235,223,.86)}
.canette-reglages .f-val input{width:100%;text-align:left;font:700 1.3rem/1.2 var(--disp);color:var(--os);background:rgba(242,235,223,.07);border-bottom-color:var(--braise-cl);padding:10px 12px}
.teintes{border:0;margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.teintes legend{margin-bottom:10px;display:block;width:100%}
.teinte{display:inline-flex;align-items:center;gap:10px;background:rgba(242,235,223,.06);border:1px solid rgba(242,235,223,.2);
  color:var(--os);border-radius:40px;padding:8px 16px 8px 8px;font:600 14px var(--texte);cursor:pointer}
.teinte span{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.teinte[data-t="cuivre"] span{background:linear-gradient(135deg,#E8814A,#8A3410)}
.teinte[data-t="creme"] span{background:linear-gradient(135deg,#FBF4E6,#CDBFA3)}
.teinte[data-t="nuit"] span{background:linear-gradient(135deg,#3A3530,#0E0C0B)}
.teinte[aria-pressed="true"]{border-color:var(--braise-cl);background:rgba(232,129,74,.14)}
.canette-scene{position:relative;display:grid;place-items:center;padding:30px 0 40px;perspective:900px}
.canette{position:relative;width:clamp(170px,19vw,230px);aspect-ratio:.52;animation:canetteTourne 9s ease-in-out infinite alternate;transform-style:preserve-3d}
@keyframes canetteTourne{0%{transform:rotateY(-9deg) rotateZ(-1deg)}100%{transform:rotateY(9deg) rotateZ(1deg)}}
.canette-haut{position:absolute;left:4%;right:4%;top:0;height:7%;border-radius:50%/60%;
  background:linear-gradient(90deg,#6E6A65,#E7E3DD 30%,#9B968F 55%,#F2EFEA 72%,#7A756F)}
.canette-haut::after{content:'';position:absolute;left:12%;right:12%;top:22%;height:44%;border-radius:50%;background:radial-gradient(ellipse,#BDB8B1,#77726C)}
.canette-corps{position:absolute;left:0;right:0;top:5%;bottom:3%;border-radius:12px/8px;overflow:hidden;
  background:var(--can-fond);display:grid;place-items:center}
.canette-corps::after{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.08) 18%,rgba(255,255,255,.34) 30%,rgba(255,255,255,.04) 42%,rgba(0,0,0,.05) 62%,rgba(255,255,255,.12) 74%,rgba(0,0,0,.6))}
.canette-bas{position:absolute;left:3%;right:3%;bottom:0;height:5%;border-radius:0 0 50% 50%/0 0 100% 100%;
  background:linear-gradient(90deg,#55514C,#CFCAC3 32%,#8E8982 60%,#4A4642)}
.canette.t-cuivre{--can-fond:linear-gradient(180deg,#B5491A,#8A3410 55%,#5E220A);--etq:#FBF2E4;--etq-acc:#FFD9B8}
.canette.t-creme{--can-fond:linear-gradient(180deg,#F6EDDC,#E2D3B6);--etq:#1E1712;--etq-acc:#B34712}
.canette.t-nuit{--can-fond:linear-gradient(180deg,#24201C,#0D0B0A);--etq:#F2EBDF;--etq-acc:#E8814A}
.etiq{position:relative;z-index:1;text-align:center;padding:0 12%;color:var(--etq)}
.etiq-sur{font:600 9.5px/1.3 var(--mono);letter-spacing:.24em;text-transform:uppercase;opacity:.82}
.etiq-nom{font:800 clamp(1.4rem,2.3vw,1.95rem)/1.02 var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;margin:12px 0;
  overflow-wrap:anywhere;hyphens:auto}
.etiq-filet{width:38px;height:2px;margin:0 auto 12px;background:var(--etq-acc)}
.etiq-sous{font:600 9.5px/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--etq-acc)}
.canette-ombre{width:70%;max-width:200px;height:22px;margin-top:-6px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%)}

/* Coupe acoustique */
.coupe{max-width:1080px}
.coupe-vue{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:clamp(20px,3vw,40px);align-items:center;
  background:rgba(10,8,7,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(242,235,223,.14);border-radius:4px;padding:clamp(16px,2.4vw,30px)}
.coupe-svg{width:100%;height:auto;display:block}
.coupe-svg .piece{fill:rgba(242,235,223,.03);stroke:rgba(242,235,223,.55);stroke-width:2}
.coupe-svg .plafond,.coupe-svg .plancher{fill:rgba(242,235,223,.35)}
.coupe-svg .panneaux-p rect,.coupe-svg .panneaux-m rect{fill:#C4551F;opacity:0;transition:opacity .5s}
.coupe[data-plafond="1"] .panneaux-p rect,.coupe[data-murs="1"] .panneaux-m rect{opacity:.95}
.coupe-svg .table rect,.coupe-svg .table circle{fill:rgba(242,235,223,.8)}
.coupe-svg .table path{fill:none;stroke:rgba(242,235,223,.8);stroke-width:4}
.coupe-svg .rayons path{fill:none;stroke:#E8814A;stroke-width:1.6;stroke-linecap:round}
.coupe-lecture .mono{color:var(--braise-cl)}
.coupe-etat{font:700 clamp(1.15rem,1.7vw,1.45rem)/1.25 var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;margin:10px 0 18px;min-height:2.5em}
.jauge{height:10px;border-radius:6px;background:linear-gradient(90deg,#5E8F5A,#C9A13A 55%,#C4551F);position:relative}
.jauge span{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--os);
  box-shadow:0 0 0 3px rgba(10,8,7,.8);transition:left .6s cubic-bezier(.22,1,.36,1)}
.jauge-l{display:flex;justify-content:space-between;margin-top:8px;font:500 11px var(--mono);letter-spacing:.08em;color:rgba(242,235,223,.62);text-transform:uppercase}
.coupe-ctrl{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.bascule{display:inline-flex;align-items:center;gap:10px;font:600 14.5px var(--texte);color:var(--os);cursor:pointer;
  background:rgba(10,8,7,.62);border:1px solid rgba(242,235,223,.22);border-radius:40px;padding:10px 18px 10px 12px}
.bascule::before{content:'';width:34px;height:18px;border-radius:12px;background:rgba(242,235,223,.18);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.6);transition:background .3s;
  background-image:radial-gradient(circle at 9px 50%,#F2EBDF 6px,transparent 6.5px)}
.bascule[aria-pressed="true"]::before{background-color:var(--braise);background-image:radial-gradient(circle at 25px 50%,#FFF6F0 6px,transparent 6.5px)}

/* Semaine à la porte */
.semaine{max-width:1080px}
.ecran{background:linear-gradient(180deg,#171310,#0E0B09);border:1px solid rgba(242,235,223,.14);border-radius:14px;
  padding:clamp(16px,2.4vw,28px);box-shadow:0 0 0 6px #1E1A17,0 0 0 7px rgba(242,235,223,.08),0 30px 60px -20px rgba(0,0,0,.8)}
.ecran-tete{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ecran-tete .mono{color:var(--braise-cl)}
.ecran-pic{font:500 14px/1.4 var(--texte);color:rgba(242,235,223,.86);min-height:1.4em}
.grille-heures{display:grid;grid-template-columns:auto repeat(12,minmax(0,1fr));gap:4px;font:500 10.5px var(--mono);color:rgba(242,235,223,.6)}
.grille-heures .h{text-align:center;padding-bottom:4px}
.grille-heures .j{padding-right:8px;align-self:center;text-transform:uppercase;letter-spacing:.08em}
.grille-heures button{aspect-ratio:1.5;border:0;border-radius:3px;cursor:pointer;background:rgba(232,129,74,var(--a));
  box-shadow:inset 0 0 0 1px rgba(242,235,223,.05);transition:transform .2s,box-shadow .2s;padding:0}
.grille-heures button:hover,.grille-heures button:focus-visible,.grille-heures button.sel{transform:scale(1.12);box-shadow:0 0 0 2px var(--os);outline:none;position:relative;z-index:1}
.ecran-pied{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:14px;font:500 10.5px var(--mono);color:rgba(242,235,223,.55);text-transform:uppercase;letter-spacing:.08em}
.echelle{width:120px;height:8px;border-radius:4px;background:linear-gradient(90deg,rgba(232,129,74,.08),rgba(232,129,74,1))}

/* Encaissement */
.encaisse{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:start;max-width:1080px}
.encaisse-choix{display:grid;gap:10px}
.choix{display:flex;align-items:center;gap:14px;text-align:left;font:600 15.5px/1.35 var(--texte);color:var(--os);cursor:pointer;
  background:rgba(10,8,7,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(242,235,223,.18);border-radius:4px;padding:16px 18px}
.choix .coche{flex:0 0 20px;height:20px;border:1.5px solid rgba(242,235,223,.5);border-radius:3px;position:relative}
.choix[aria-pressed="true"]{border-color:var(--braise-cl);background:rgba(196,85,31,.18)}
.choix[aria-pressed="true"] .coche{background:var(--braise);border-color:var(--braise)}
.choix[aria-pressed="true"] .coche::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #FFF6F0;border-width:0 2px 2px 0;transform:rotate(45deg)}
.encaisse-res{background:rgba(10,8,7,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(242,235,223,.14);border-radius:4px;padding:clamp(18px,2.6vw,32px)}
.appareils{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end}
.app{text-align:center;opacity:.28;filter:grayscale(1);transition:opacity .45s,filter .45s,transform .45s}
.app.on{opacity:1;filter:none;transform:translateY(-4px)}
.app-dessin{position:relative;margin:0 auto 14px;height:150px}
.app-dessin.fixe{width:170px}
.app-dessin.fixe .e1{position:absolute;left:10px;right:10px;top:0;height:100px;border-radius:8px;background:linear-gradient(160deg,#2B2724,#0E0C0B);
  box-shadow:inset 0 0 0 6px #1A1715,inset 0 0 0 7px rgba(242,235,223,.1)}
.app-dessin.fixe .e1::after{content:'';position:absolute;inset:12px;border-radius:3px;background:linear-gradient(135deg,rgba(232,129,74,.5),rgba(232,129,74,.08))}
.app-dessin.fixe .e2{position:absolute;right:-6px;bottom:22px;width:56px;height:42px;border-radius:6px;background:linear-gradient(160deg,#2B2724,#0E0C0B);box-shadow:inset 0 0 0 4px #1A1715}
.app-dessin.fixe .pied{position:absolute;left:62px;width:46px;bottom:0;height:52px;background:linear-gradient(90deg,#3A3530,#1A1715,#3A3530);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%)}
.app-dessin.mobile{width:84px}
.app-dessin.mobile .e1{position:absolute;inset:0 0 50px 0;border-radius:12px 12px 4px 4px;background:linear-gradient(160deg,#2B2724,#0E0C0B);box-shadow:inset 0 0 0 5px #1A1715}
.app-dessin.mobile .e1::after{content:'';position:absolute;inset:10px;border-radius:3px;background:linear-gradient(135deg,rgba(232,129,74,.5),rgba(232,129,74,.08))}
.app-dessin.mobile .clavier{position:absolute;left:0;right:0;bottom:0;height:54px;border-radius:4px 4px 14px 14px;background:linear-gradient(180deg,#24201C,#0E0C0B);
  background-image:radial-gradient(circle,rgba(242,235,223,.35) 3px,transparent 3.5px);background-size:22px 15px;background-position:6px 6px}
.app-nom{font:700 1.02rem/1.25 var(--disp);color:var(--os)}
.app-role{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--braise-cl);margin-top:4px}
.encaisse-txt{margin-top:22px;padding-top:18px;border-top:1px solid rgba(242,235,223,.14);font-size:16px;line-height:1.6;color:rgba(242,235,223,.86)}

/* Plats à l'image */
.plats{max-width:980px}
.plats-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,64px)}
.crit{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(20,17,16,.15)}
.crit-l{font:500 14.5px/1.3 var(--texte);color:rgba(20,17,16,.8)}
.pts{display:inline-flex;gap:6px;flex:0 0 auto}
.pts .note-pt{width:24px;height:24px;border-radius:50%;border:1.5px solid #173A6E;background:transparent;cursor:pointer;padding:0;position:relative}
.pts .note-pt::after{content:'';position:absolute;inset:-8px}
.pts .note-pt.on{background:#173A6E}
.plat-total{margin-top:14px;font:500 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(20,17,16,.62)}
.plat-total span{font:700 1.7rem/1 var(--disp);color:var(--braise-fonce);margin-right:4px}

/* Téléphone */
@media (max-width:860px){
  .comptoir .carnet{grid-template-columns:minmax(0,1fr);gap:14px}
  .fiche-grille,.plats-grille,.pertes-grille,.addition,.plan,.canette-mod,.encaisse,.coupe-vue{grid-template-columns:minmax(0,1fr)}
  .fiche-col+.fiche-col{padding-top:24px;border-top:1px dashed rgba(20,17,16,.3)}
  .fiche-col+.fiche-col::before{display:none}
  .feuille{transform:none;padding-top:38px}
  .recu{transform:none;max-width:420px}
  .canette-mod{gap:6px}
  .canette-scene{order:-1;padding:10px 0 20px}
  .canette{width:150px}
  .plan-feuille{transform:none;padding:14px}
  .plan-pt .n{width:28px;height:28px;font-size:12px}
  .grille-heures{gap:2px;font-size:9px}
  .grille-heures .j{padding-right:4px}
  .appareils{gap:10px}
  .app-dessin{transform:scale(.8);transform-origin:bottom center;margin-bottom:6px}
  .f-lab{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .canette,.plan-pt .n{animation:none!important}
}

.feuille-tete,.fiche-verdict,.plan-feuille .feuille-tete{max-width:none}
.coupe-svg .rayons path{stroke-width:1.8}
.app-dessin.fixe .pied{left:70px;width:30px;height:44px;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}
.plan-pt[data-pt="son"]{left:33%;top:49%}
.plan-pt[data-pt="lumiere"]{left:19%;top:19.5%}
.plan-pt[data-pt="circulation"]{left:67%;top:71%}

.champ-aide{font-size:13.5px;line-height:1.4;color:rgba(242,235,223,.62);margin-top:-2px}
.pied-bas .credit-site{text-transform:none;letter-spacing:.02em;font-family:var(--texte);font-size:13px;color:rgba(242,235,223,.7)}
.pied-bas .credit-site img{height:17px;width:auto}
.dsm-link{position:relative;color:var(--os);text-decoration:none;padding:1px 3px;margin:0 -1px;
  background:linear-gradient(#FED619,#FED619) left bottom/0 100% no-repeat;transition:background-size .35s cubic-bezier(.22,1,.36,1),color .2s;
  border-bottom:1px solid rgba(242,235,223,.5)}
.dsm-link:hover,.dsm-link:focus-visible{background-size:100% 100%;color:#111;border-bottom-color:transparent;outline:none}

/* Rythme vertical : quatre pas, plutôt que des marges écrites à la main */
.esp-s{margin-top:14px}.esp{margin-top:22px}.esp-l{margin-top:32px}.esp-xl{margin-top:40px}
.esp-bas{margin-bottom:clamp(28px,4vh,40px)}
.note-avant{margin:0 0 14px}
.releve-etiq{display:block;margin-bottom:6px;opacity:.7}
.accent{color:var(--braise-cl)}
.sous-tete{padding-top:clamp(126px,17vh,200px)}
.sous-tete.haute{padding-top:clamp(130px,20vh,220px);min-height:72vh}
img.portrait{aspect-ratio:3/4}
.lede-douce{color:rgba(243,239,231,.78);max-width:61ch}
.releve-ligne{margin:0 0 18px}
.releve-ligne[hidden]{display:none!important}
.etiq-sur{opacity:1;color:color-mix(in srgb,var(--etq) 82%,transparent)}
@media (max-width:860px){
  .bande::after,.bande.sujet::after{
    background:linear-gradient(180deg,rgba(10,8,7,.34) 0,rgba(10,8,7,0) 14%,rgba(10,8,7,.08) 30%,
      rgba(10,8,7,.62) 52%,rgba(10,8,7,.9) 78%,rgba(10,8,7,.95))}
  .bande img[src*="tournage"]{--fm:34% 50%}
}
.pied-bas .credit-site .dsm-link{font:inherit;letter-spacing:inherit;text-transform:none;min-height:0;display:inline;color:var(--os)}
.pied-bas .credit-site .dsm-link::after{display:none}
.pied-bas .credit-site .dsm-link:hover,.pied-bas .credit-site .dsm-link:focus-visible{color:#111}
@media (min-width:2000px){
  .comptoir .atelier{zoom:1.22}
  .atelier-tete{max-width:72ch}
}
p,.lede,li{text-wrap:pretty}
.plan-fiche .plan-titre{font:700 clamp(1.3rem,2vw,1.7rem)/1.15 var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;margin:10px 0 14px;color:var(--os)}
.plan-fiche .plan-titre+p{color:rgba(242,235,223,.84);line-height:1.6;font-size:1.05rem}
h1 .h1-sur{display:block;margin-bottom:22px;font-family:var(--mono);font-size:11px;font-weight:500;line-height:1.4;font-variation-settings:normal}
.pied-lieu{display:block;margin-top:10px;font-size:14px;color:rgba(242,235,223,.6)}
@media (max-width:860px){
  .barre-mob{padding:7px 12px calc(6px + env(safe-area-inset-bottom) * .6)}
  .barre-mob a{padding:0 10px;height:46px}
  .barre-mob.releve .b-releve{height:auto;min-height:48px;padding:6px 16px}
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom) * .6)}
}

/* ===== Passe DA externe ===== */
.clair .champ-aide{color:rgba(20,17,16,.66)}
.nav-tel{font:500 13px/1 var(--mono);letter-spacing:.06em;text-decoration:none;color:inherit;opacity:.86;white-space:nowrap;padding:8px 2px;border-bottom:1px solid transparent;transition:border-color .25s,opacity .25s}
.nav-tel:hover{opacity:1;border-bottom-color:var(--braise-cl)}
@media (max-width:1180px){ .nav-tel{display:none} }
.svc-format{opacity:1;color:rgba(242,235,223,.62)}
.clair .svc-format{color:rgba(20,17,16,.62)}
@media (max-width:860px){
  .tete-page.avec-vue .dedans{width:100%;margin:0}
  .typo-parole h1{font-size:clamp(2.35rem,10.2vw,3.1rem)}
  .grille-heures button{aspect-ratio:.8}
}
@media (min-width:1280px){ .tete-page.avec-vue h1{max-width:13ch} }
.joue .typo-parole h1{animation:none;opacity:1;transform:none}
.typo-parole h1{opacity:1;transform:none}
.module-suite{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:clamp(28px,4vh,44px)}
.module-suite-note{font-size:14px;color:rgba(242,235,223,.74);max-width:38ch}

/* Matières : planchette sous les feuilles, ardoise pour les réglages, reçu coupé aux deux bouts */
.module.feuille{box-shadow:
  0 1px 0 rgba(255,255,255,.6) inset,0 1px 2px rgba(0,0,0,.3),
  0 0 0 12px #5E4129,0 0 0 13px rgba(255,214,170,.12),0 0 0 14px rgba(0,0,0,.45),
  0 26px 40px -6px rgba(0,0,0,.6),0 60px 80px -30px rgba(0,0,0,.6);
  margin:14px}
.module.feuille .pince{top:-25px}
.f-val input{background:transparent}
.f-val input:focus{background:rgba(23,58,110,.06)}
.recu-total dd{font:700 clamp(1.5rem,2.4vw,1.9rem)/1 var(--mono)!important;letter-spacing:-.02em}
.recu{-webkit-mask:
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/14px 10px repeat-x,
    linear-gradient(#000 0 0) center/100% calc(100% - 20px) no-repeat,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/14px 10px repeat-x;
  mask:
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/14px 10px repeat-x,
    linear-gradient(#000 0 0) center/100% calc(100% - 20px) no-repeat,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/14px 10px repeat-x;
  padding-top:34px;
  background:linear-gradient(90deg,rgba(0,0,0,.035),transparent 8%,transparent 92%,rgba(0,0,0,.04)),
    linear-gradient(180deg,#F8F5EF,#F2EEE6 40%,#F7F4EE 70%,#EFEBE3);
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.45));box-shadow:none}

.addition-entrees,.canette-reglages,.encaisse-res,.coupe-vue,.plan-fiche{
  backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:3px;
  border:10px solid #5A3E28;
  background:
    radial-gradient(60% 40% at 30% 30%,rgba(255,255,255,.05),transparent 70%),
    radial-gradient(40% 30% at 75% 70%,rgba(255,255,255,.035),transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E"),
    linear-gradient(160deg,#2B302F,#1E2221 60%,#252A29);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 3px 14px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,214,170,.14),0 22px 34px -12px rgba(0,0,0,.75)}
.plan-fiche{border-top-width:10px}
.plan-fiche::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--braise)}
.plan-fiche{position:relative}
.choix{backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--encre);
  background:#F3ECDF url('/images/papier-fiche.webp') center/cover;border:0;border-radius:2px;
  box-shadow:0 1px 2px rgba(0,0,0,.35),0 10px 16px -8px rgba(0,0,0,.6)}
.choix:nth-child(odd){transform:rotate(-.4deg)}.choix:nth-child(even){transform:rotate(.35deg)}
.choix .coche{border-color:rgba(20,17,16,.5)}
.choix[aria-pressed="true"]{background:#F3ECDF url('/images/papier-fiche.webp') center/cover;box-shadow:0 0 0 2px var(--braise),0 1px 2px rgba(0,0,0,.35),0 10px 16px -8px rgba(0,0,0,.6)}
.ecran{border-radius:24px;border:14px solid #121110;box-shadow:0 0 0 1px rgba(242,235,223,.14),inset 0 0 0 1px rgba(242,235,223,.06),0 30px 60px -20px rgba(0,0,0,.85);position:relative}
.ecran::before{content:'';position:absolute;top:-9px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#2A2826}
.app-dessin.fixe .pied{left:72px;width:26px;height:40px;bottom:6px;clip-path:none;background:linear-gradient(90deg,#2A2622,#4A443E,#2A2622);border-radius:2px}
.app-dessin.fixe::after{content:'';position:absolute;left:44px;width:82px;bottom:0;height:8px;border-radius:50%;background:linear-gradient(180deg,#4A443E,#1A1715)}
@media (max-width:860px){
  .fiche-grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
  .fiche-col+.fiche-col{padding-top:0;border-top:0}
  .fiche-col+.fiche-col::before{display:block;left:-8px}
  .fiche .f-champ{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0}
  .fiche .f-lab{font-size:12.5px}
  .fiche .f-val input{width:100%;max-width:9ch;text-align:left;font-size:16px}
  .fiche-res div{flex-direction:column;gap:2px;padding:5px 0}
  .fiche-res dt{font-size:12.5px}
  .fiche-nom input{font-size:1.02rem}
  .fiche-case{font-size:9.5px;letter-spacing:.06em}
  .module.feuille{margin:12px 6px;padding-left:16px;padding-right:16px;box-shadow:
    0 1px 2px rgba(0,0,0,.3),0 0 0 8px #5E4129,0 0 0 9px rgba(0,0,0,.45),0 22px 30px -8px rgba(0,0,0,.6)}
  .module.feuille .pince{top:-21px}
}
.lecture{background:#F1EADC url('/images/papier-fiche.webp') center/cover}
.lecture.vide{background-image:
  linear-gradient(90deg,transparent 0 46px,rgba(196,85,31,.28) 46px 47.5px,transparent 47.5px),
  repeating-linear-gradient(180deg,transparent 0 31px,rgba(23,58,110,.16) 31px 32px),
  url('/images/papier-fiche.webp');background-size:auto,auto,cover;background-position:0 0,0 70px,center}
.lecture.vide .lecture-vide{font-size:17px;line-height:32px;margin-top:22px;padding-left:44px}
@media (min-width:861px){ .lecture.vide{min-height:260px} }

/* Canette photographique : canette vierge, teinte en multiplication, impression dans le relief */
.canette{width:clamp(170px,17vw,232px);aspect-ratio:520/1309;animation:none;transform:none;isolation:isolate;position:relative}
.canette>img{position:absolute;inset:0;width:100%;height:100%;display:block}
.canette .can-img{filter:drop-shadow(16px 18px 16px rgba(0,0,0,.55)) drop-shadow(2px 3px 3px rgba(0,0,0,.5))}
.canette .can-teinte,.canette .etiq,.canette .can-relief,.canette .can-reflets{
  -webkit-mask:url('/images/canette-corps.png') center/100% 100% no-repeat;mask:url('/images/canette-corps.png') center/100% 100% no-repeat}
.canette .can-teinte{position:absolute;inset:0;background:var(--can-c);mix-blend-mode:multiply;transition:background .5s}
.canette .etiq{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:0 15%;text-align:center;color:var(--etq);z-index:auto}
.canette .can-relief{mix-blend-mode:multiply;opacity:.42}
.canette .can-reflets{mix-blend-mode:screen;opacity:.5;filter:grayscale(1) contrast(4.2) brightness(.62)}
.canette.t-cuivre{--can-c:#BD4E1D;--etq:#FBF2E4;--etq-acc:#FFD3A8}
.canette.t-creme{--can-c:#F3E6CA;--etq:#2A1C14;--etq-acc:#A8410F}
.canette.t-nuit{--can-c:#2B2622;--etq:#F2EBDF;--etq-acc:#E8814A}
.canette.t-nuit .can-reflets{opacity:.62}
.canette .etiq-sur{font:600 clamp(7.5px,.62vw,9.5px)/1.3 var(--mono);letter-spacing:.26em;text-transform:uppercase;opacity:1}
.canette .etiq-nom{font:800 clamp(1.25rem,2vw,1.8rem)/1 var(--disp);font-variation-settings:'SOFT' 0,'WONK' 1;margin:12px 0 11px;
  overflow-wrap:anywhere;letter-spacing:-.01em}
.canette .etiq-filet{width:34px;height:2px;margin:0 auto 11px;background:var(--etq-acc)}
.canette .etiq-sous{font:600 clamp(7.5px,.6vw,9px)/1.3 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--etq-acc)}
.canette-scene{perspective:none}
.canette-ombre{width:78%;max-width:210px;height:20px;margin-top:-12px;background:radial-gradient(ellipse,rgba(0,0,0,.78),rgba(0,0,0,.35) 45%,transparent 72%)}
@media (max-width:860px){ .canette{width:150px} }
.canette .can-reflets{opacity:.42;filter:grayscale(1) contrast(7) brightness(.42)}
.canette .can-relief{opacity:.6}
.canette.t-cuivre{--can-c:#A23C10}
.canette.t-creme{--can-c:#F6E7C6}
.canette.t-nuit{--can-c:#1F1B18}
.canette .etiq{padding:14% 13% 0}
.canette .etiq-nom{font-size:clamp(1.5rem,2.5vw,2.25rem)}
.canette .etiq-sur{font-size:clamp(8px,.7vw,10px)}
.canette .etiq-sous{font-size:clamp(8px,.66vw,9.5px)}
.canette .etiq-filet{width:40px}
.canette .etiq-nom{hyphens:none;overflow-wrap:normal;word-break:normal;max-width:100%}
.canette.t-creme{--can-c:#FFF1D6}
.canette.t-creme .can-relief{opacity:.48}
.canette .etiq-sur,.canette .etiq-sous{white-space:nowrap}
@media (max-width:860px){ .canette .etiq-sur,.canette .etiq-sous{font-size:7px;letter-spacing:.16em} .canette .etiq{padding:14% 10% 0} }

/* 2.4.4 : sceau et filet gaufrés (relief à sec dans le fond) */
.hero-typo .sceau{background:none;
  filter:drop-shadow(-1px -1px 0 rgba(255,232,204,.16)) drop-shadow(1.5px 2px 0 rgba(0,0,0,.82)) drop-shadow(3px 5px 7px rgba(0,0,0,.45))}
.hero-typo .sceau::before{content:'';position:absolute;inset:0;
  background:linear-gradient(140deg,#2B231D 0%,#1C1612 45%,#120E0B 100%);
  -webkit-mask:url('/images/marque-sceau.0a760e18.webp') center/contain no-repeat;
          mask:url('/images/marque-sceau.0a760e18.webp') center/contain no-repeat}
.joue .hero-typo .sceau,.hero-typo.joue .sceau{opacity:1}
.typo-filet::before{width:2px;
  background:linear-gradient(90deg,rgba(0,0,0,.7) 0 1px,rgba(255,232,204,.15) 1px 2px);
  -webkit-mask:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);
          mask:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}

/* 2.4.4 : /services en carte de restaurant, posée sur le comptoir */
.carte-sect{padding-top:clamp(70px,10vh,140px);padding-bottom:clamp(70px,10vh,140px)}
.carte-resto{position:relative;max-width:1120px;margin:0 auto;color:var(--encre);
  background:#F2EADB url('/images/papier-carte.webp') 0 0/520px repeat;
  padding:clamp(54px,6vw,92px) clamp(22px,5.4vw,84px) clamp(44px,5vw,70px);border-radius:3px;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 -2px 0 rgba(120,96,64,.18) inset,
    0 1px 2px rgba(0,0,0,.4),0 2px 0 #D9CDB6,0 3px 0 #C9BB9F,0 4px 3px rgba(0,0,0,.35),
    0 26px 40px -12px rgba(0,0,0,.6),0 70px 90px -40px rgba(0,0,0,.7);
  transform:rotate(-.4deg)}
.carte-resto::before{content:'';position:absolute;inset:clamp(10px,1.3vw,18px);pointer-events:none;
  border:1px solid rgba(20,17,16,.55);outline:1px solid rgba(20,17,16,.3);outline-offset:4px}
.carte-resto::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:3px;
  background:radial-gradient(90% 60% at 30% 0%,rgba(255,240,214,.35),transparent 60%),
    linear-gradient(110deg,transparent 55%,rgba(60,40,20,.06))}
.carte-entete{text-align:center;max-width:52ch;margin:0 auto clamp(36px,5vw,62px)}
.carte-sceau{display:block;width:64px;height:64px;margin:0 auto 16px;position:relative;
  filter:drop-shadow(-1px -1px 0 rgba(255,255,255,.75)) drop-shadow(1px 1.5px 0 rgba(90,66,40,.38)) drop-shadow(1px 2px 2px rgba(60,40,20,.18))}
.carte-sceau::before{content:'';position:absolute;inset:0;background:#E9DFCC;
  -webkit-mask:url('/images/marque-sceau.0a760e18.webp') center/contain no-repeat;
          mask:url('/images/marque-sceau.0a760e18.webp') center/contain no-repeat}
.carte-sur{font:500 11px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:rgba(20,17,16,.62)}
.carte-titre{font-family:var(--disp);font-variation-settings:'SOFT' 50,'WONK' 1;font-weight:800;
  font-size:clamp(3rem,7vw,5.6rem);line-height:.95;letter-spacing:-.02em;margin:14px 0 10px}
.carte-sous{font:500 12px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--braise);
  display:flex;align-items:center;justify-content:center;gap:14px}
.carte-sous::before,.carte-sous::after{content:'';width:42px;height:1px;background:currentColor;opacity:.6}
.carte-mot{margin-top:22px;font-size:15.5px;line-height:1.55;color:rgba(20,17,16,.74);text-wrap:balance}
.carte-cols{columns:2;column-gap:clamp(40px,6vw,96px);column-rule:1px solid rgba(20,17,16,.22)}
.carte-cat{break-inside:avoid;padding:0 0 clamp(34px,4vw,50px);scroll-margin-top:96px}
.carte-cat-titre{font-family:var(--disp);font-variation-settings:'SOFT' 50,'WONK' 1;font-weight:700;
  font-size:clamp(1.5rem,2.1vw,1.9rem);line-height:1.1;text-align:center;margin:0}
.carte-cat-titre::after{content:'';display:block;width:36px;height:2px;margin:12px auto 0;background:var(--braise)}
.carte-cat-note{text-align:center;font-size:14px;line-height:1.45;color:rgba(20,17,16,.6);margin:12px auto 20px;max-width:34ch;text-wrap:balance}
.plats{list-style:none;margin:0;padding:0}
.plat{padding:13px 0 15px}
.plat+.plat{border-top:1px dashed rgba(20,17,16,.16)}
.plat-ligne{display:flex;align-items:flex-end;gap:10px}
.plat h4{flex:0 1 auto;font-family:var(--disp);font-variation-settings:'SOFT' 0,'WONK' 0;font-weight:700;
  font-size:clamp(1.06rem,1.3vw,1.2rem);line-height:1.2;margin:0;text-wrap:pretty}
.plat-points{flex:1 1 24px;min-width:24px;height:1px;margin-bottom:.36em;
  background:radial-gradient(circle,rgba(20,17,16,.55) 1px,transparent 1.3px) 0 50%/7px 3px repeat-x;height:3px}
.plat-prix{flex:0 0 auto;font:600 14px/1.15 var(--mono);letter-spacing:.02em;color:var(--encre);text-align:right;white-space:nowrap}
.plat-prix small{display:block;font:500 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(20,17,16,.55)}
.plat-desc{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:rgba(20,17,16,.78)}
.plat-desc .lien-txt{color:inherit}
.plat-format{margin:6px 0 0;font:500 11.5px/1.5 var(--mono);letter-spacing:.03em;color:rgba(20,17,16,.52)}
.carte-lien{display:inline-flex;gap:8px;margin-top:6px;font:600 13px/1 var(--texte);color:var(--braise);text-decoration:none;
  border-bottom:1.5px solid rgba(196,85,31,.4);padding-bottom:4px;transition:border-color .2s}
.carte-lien:hover{border-color:var(--braise)}
.carte-pied{margin-top:clamp(10px,2vw,24px);padding-top:clamp(28px,3.4vw,42px);border-top:1px solid rgba(20,17,16,.3);
  text-align:center}
.carte-pied-mot{font-family:var(--disp);font-variation-settings:'SOFT' 50,'WONK' 1;font-weight:600;font-size:clamp(1.2rem,1.8vw,1.5rem);margin:0 0 20px}
.carte-pied .actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 26px}
.carte-tel{font:600 15px/1 var(--mono);letter-spacing:.06em;color:var(--encre);text-decoration:none;border-bottom:1.5px solid rgba(20,17,16,.35);padding-bottom:4px}
@media (max-width:860px){
  .carte-cols{columns:1}
  .carte-resto{transform:none;padding:52px 22px 40px;background-size:380px}
  .carte-resto::before{inset:9px;outline-offset:3px}
  .carte-cat{padding-bottom:30px}
  .carte-cat+.carte-cat{padding-top:30px;border-top:1px solid rgba(20,17,16,.22)}
  .plat-prix{font-size:13px}
}
@media (min-width:2000px){ .carte-resto{max-width:1340px;zoom:1.12} }
.carte-resto>*{position:relative;z-index:1}
.carte-entete p{max-width:none;margin-left:auto;margin-right:auto}
.carte-sur{padding-left:.28em}
.carte-sous{padding-left:.24em}
.carte-sous::before{margin-right:.24em}
/* 2.4.5 : noyer en mosaïque à taille réelle (net sur iMac 27 et sur les longues sections) */
.comptoir{background:#24170F url('/images/noyer-tuile.webp') 50% 0/1100px auto repeat}
@media (max-width:860px){ .comptoir{background-image:url('/images/noyer-tuile.webp');background-size:680px auto} }
@media (min-width:2000px){ .comptoir{background-size:1240px auto} }