:root{
  --papier:#F0EAD9;
  --hors:#E4DCC6;
  --encre:#191713;
  --encre-doux:#5A5347;
  --gris-archive:#8A8273;
  --rouge:#C63B1E;
  --rouge-vif:#A32B12;
  --soufre:#E3B93C;
  --sarcelle:#6FD1B4;
  --vert-nuit:#3F7A4D;
  --filet:rgba(25,23,19,.22);
  --ease:cubic-bezier(.22,1,.36,1);
  --display:"Bricolage Grotesque",Impact,sans-serif;
  --text:"Space Grotesk",Futura,sans-serif;
  --mono:"IBM Plex Mono","Courier New",monospace;
  --gothic:"Pirata One",serif;
   
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)' opacity='0.20'/%3E%3C/svg%3E");
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
 
html,body{overflow-x:clip}

body{
  background:var(--hors);
  background-image:var(--grain),radial-gradient(rgba(25,23,19,.055) 1px,transparent 1.4px);
  background-size:140px 140px,26px 26px;
  color:var(--encre);
  font-family:var(--text);
  font-size:16px;
  line-height:1.6;
  transition:background-color .6s ease;
}
 
body,.card,.toc,.temo,.guichet-row,.gal-piece,.co-piece{
  transition:background-color .55s ease,color .55s ease,border-color .55s ease,box-shadow .55s ease;
}
@media (prefers-reduced-motion:reduce){
  body,.card,.toc,.temo,.guichet-row,.gal-piece,.co-piece{transition:none}
}
 
html.bl-nofade body,html.bl-nofade .card,html.bl-nofade .toc,html.bl-nofade .temo,html.bl-nofade .guichet-row,html.bl-nofade .gal-piece,html.bl-nofade .co-piece{transition:none!important}

::selection{background:var(--rouge);color:var(--papier)}

 
.mono-xs{font-family:var(--mono);font-size:11px;letter-spacing:.14em}
.title-xl{font-family:var(--display);font-weight:800;font-size:clamp(40px,7vw,92px);line-height:.96;letter-spacing:-.03em;margin:14px 0 10px;text-wrap:balance}
.title-l{font-family:var(--display);font-weight:800;font-size:clamp(30px,4.6vw,52px);line-height:1.04;letter-spacing:-.02em;margin:8px 0 14px}
.title-m{font-family:var(--display);font-weight:800;font-size:clamp(24px,3.4vw,34px);line-height:1.05;letter-spacing:-.01em}

 
a{color:inherit}
.ink-link{
  color:var(--encre);
  text-decoration:underline;
  text-decoration-thickness:1.5px;
  text-underline-offset:4px;
  text-decoration-color:rgba(25,23,19,.45);
  cursor:pointer;
}
.ink-link:hover{color:var(--rouge);text-decoration-style:double;text-decoration-color:var(--rouge)}
.ink-big{display:inline-block;margin-top:20px;font-size:18px;letter-spacing:.05em}

 
.toc{
  position:sticky;top:0;z-index:40;
  background:var(--hors);
  background-image:var(--grain);background-size:140px 140px;
  border-bottom:1.5px solid var(--encre);
  display:flex;flex-direction:row;align-items:center;
  gap:20px;height:58px;padding:0 26px;
}
.toc-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;flex:none}
.toc-logo b{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.01em;color:var(--encre);line-height:1}
.toc-logo:hover b{color:var(--rouge)}
.toc-logo-carte{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border:2px solid var(--encre);border-radius:8px;
  background:#F2EEE3;color:#D8391F;
  font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.02em;
  position:relative;
}
.toc-logo-carte::after{
  content:"";position:absolute;top:-4px;right:-4px;width:8px;height:8px;
  border-radius:50%;background:var(--hors);border:1.5px solid var(--encre);
}
body.noir .toc-logo-carte{background:#2E2820;color:var(--rouge-vif)}
.toc-links{flex:1;display:flex;justify-content:space-evenly;align-items:center;min-width:0}
.toc-links a{
  font-family:var(--text);font-weight:600;font-size:13.5px;letter-spacing:.01em;
  color:var(--encre-doux);text-decoration:none;
  border-bottom:2px solid transparent;padding:5px 1px;white-space:nowrap;
  transition:color .12s ease;
}
.toc-links a:hover{color:var(--rouge)}
.toc-links a.cur{color:var(--encre);border-bottom-color:var(--rouge)}
.toc-salon{
  flex:none;font-family:var(--mono);font-size:11px;letter-spacing:.08em;
  color:var(--encre);text-decoration:none;position:relative;
  border:1.5px solid var(--encre);border-radius:999px;padding:8px 16px;
  transition:background .12s ease,color .12s ease;
}
.toc-salon:hover{background:var(--encre);color:var(--papier)}
.toc .mt-unread-badge{transform:translate(-8px,-10px);position:absolute}
 
@media (min-width:861px){ section[id],article[id]{scroll-margin-top:72px} }

 
.lecture-jauge{position:fixed;top:0;left:0;right:0;height:3px;z-index:80;background:transparent;pointer-events:none}
 
.lecture-jauge span{display:block;height:100%;width:100%;background:var(--rouge);transform:scaleX(0);transform-origin:0 50%;will-change:transform}

 
.retour-haut{
  position:fixed;left:16px;bottom:64px;z-index:70;
  display:inline-flex;align-items:center;gap:5px;
  background:var(--encre);color:var(--papier);text-decoration:none;
  padding:8px 13px;border-radius:999px;font-size:11px;letter-spacing:.08em;
  box-shadow:3px 3px 0 rgba(25,23,19,.25);
  opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;
}
.retour-haut.on{opacity:1;pointer-events:auto;transform:none}
.retour-haut:hover{background:var(--rouge)}
@media (min-width:861px){ .retour-haut{bottom:22px} }

main{margin-right:0}
.sec{padding:clamp(14px,3vh,30px) 4%}

 
.card{
  position:relative;
  width:min(880px,100%);
  margin:0 auto;
  background:var(--papier);
  background-image:var(--grain);
  background-size:140px 140px;
  border:1.5px solid var(--encre);
  box-shadow:6px 6px 0 rgba(25,23,19,.14);
  padding:clamp(26px,5vw,56px);
  transform:rotate(var(--tilt,0deg));
  transition:background-color .6s ease;
}
 
.card[data-tilt="-0.5"]{--tilt:-.5deg}
.sec-1 .card{margin-left:5%}
.sec-2 .card{width:min(760px,100%);margin-left:12%}
.sec-3 .card{margin-right:6%}
.sec-3 .help{margin-left:12%;margin-top:26px}
.sec-4 .card{margin-left:2%}

 
.sec-4b .card{margin-right:2%;position:relative}
 
.pack-cover{
  position:relative;
  margin:14px 0 22px;
  border:1.5px solid var(--encre);
  overflow:hidden;
  cursor:zoom-in;
  line-height:0;
}
.pack-cover img.pack-vignette{display:block;width:100%;height:auto;transition:filter .25s}
.pack-cover:hover img.pack-vignette{filter:brightness(1.06)}
 
.pack-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;gap:9px;
  background:none;border:0;cursor:pointer;z-index:4;padding:6px;
}
.pack-play svg{width:74px;height:52px;filter:drop-shadow(3px 4px 0 rgba(25,23,19,.4));transition:transform .14s ease}
.pack-play:hover svg{transform:scale(1.08)}
.pack-play .pp-fond{fill:var(--rouge);transition:fill .14s ease}
.pack-play:hover .pp-fond{fill:var(--rouge-vif,#A32B12)}
.pack-play .pp-tri{fill:#fff}
.pack-play .mono-xs{color:var(--papier);background:rgba(25,23,19,.72);padding:3px 10px;border-radius:3px;letter-spacing:.08em}
.pack-cover iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.pack-cover.pack-lecteur img.pack-vignette,.pack-cover.pack-lecteur .pack-play{display:none}
.pack-badge{position:absolute;top:12px;right:12px;background:var(--rouge);color:var(--papier);padding:4px 12px;letter-spacing:.14em;font-weight:700;line-height:1.4}
.pack-zoom{
  position:absolute;right:12px;bottom:12px;
  background:var(--papier);border:1px solid var(--encre);
  padding:3px 9px;letter-spacing:.06em;
  opacity:.85;transition:opacity .2s;line-height:1.5;
}
.pack-cover:hover .pack-zoom{opacity:1}
.pack-body{max-width:64ch}
.pack-price{font-size:1.35rem;margin:6px 0 12px}
.pack-price .mono-xs{color:rgba(25,23,19,.72)}
.pack-list{list-style:none;padding:0;margin:0 0 16px;border-top:1px dashed var(--encre)}
.pack-list li{padding:7px 0 7px 20px;border-bottom:1px dashed rgba(25,23,19,.28);position:relative}
.pack-list li::before{content:"»;";position:absolute;left:2px;color:var(--rouge);font-weight:700}
.pack-cta{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:baseline;margin-bottom:12px}
.ink-big{font-size:1.12rem;font-weight:700}
.pack-note{border-left:3px solid var(--rouge);padding-left:12px;color:rgba(25,23,19,.78);max-width:56ch}
@media (max-width:760px){
  .sec-4b .card{margin-right:0}
}
.sec-5 .card{margin-left:4%}

 
.card::before{
  content:"";
  position:absolute;top:-7px;left:0;right:0;height:14px;
  background-image:radial-gradient(circle,var(--hors) 4.5px,transparent 5.5px);
  background-size:24px 14px;background-position:2px 50%;background-repeat:repeat-x;
}

 
.side{
  position:absolute;right:12px;top:50%;
  transform:translateY(-50%);
  writing-mode:vertical-rl;
  font-family:var(--mono);font-size:10px;letter-spacing:.4em;
  color:var(--gris-archive);
  z-index:5;  
}
.side-rouge{color:var(--rouge)}
.section-label{
  position:absolute;left:-13px;top:34px;
  writing-mode:vertical-rl;
  background:var(--encre);color:var(--papier);
  padding:12px 5px;letter-spacing:.26em;
  z-index:6;  
}

.headrow{
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  border-bottom:1.5px solid var(--encre);
  padding-bottom:12px;margin-bottom:26px;
}
.head-tools{display:flex;align-items:center;gap:10px}
.lang{display:inline-flex;gap:4px;align-items:center}
.lang-link{
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  padding:2px 7px;border:1.5px solid transparent;text-decoration:none;color:var(--encre-doux);
}
.lang-link:hover{color:var(--rouge)}
.lang-link.cur{border-color:var(--encre);color:var(--encre)}
 
.mt-hint{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:2px 4px}
 
.son-toggle{cursor:pointer;background:none;border:none;color:var(--encre);padding:2px 4px}
.son-toggle svg{width:16px;height:16px;fill:currentColor;transition:opacity .15s ease}
.son-toggle .snd-off{display:none}
.son-toggle[aria-pressed="false"] .snd-on{display:none}
.son-toggle[aria-pressed="false"] .snd-off{display:block}
.son-toggle:hover{color:var(--rouge)}
.toc .son-toggle{margin-left:10px;flex:none}
 
#modeNoir{
  background:var(--papier);border:1.5px solid var(--encre);border-radius:6px;
  width:60px;height:30px;padding:0;gap:0;
  display:inline-flex;align-items:center;justify-content:center;position:relative;
  box-shadow:2px 2px 0 rgba(25,23,19,.18);transition:background .15s ease,color .15s ease;
}
#modeNoir:hover{background:var(--rouge);border-color:var(--rouge)}
#modeNoir:hover svg{fill:#F0EAD9!important;opacity:1!important}
#modeNoir svg{width:15px;height:15px;fill:var(--encre);transition:opacity .15s ease}
#modeNoir .mn-lune{margin-right:-2px}
#modeNoir .mn-soleil{margin-left:-2px}
#modeNoir .mn-slash{font-family:var(--mono);font-size:11px;line-height:1;color:var(--encre-doux);opacity:.8;margin:0 2px;transform:translateY(-1px)}
#modeNoir:hover .mn-slash{color:#F0EAD9;opacity:1}
#modeNoir[aria-pressed="false"] .mn-lune{opacity:1}
#modeNoir[aria-pressed="false"] .mn-soleil{opacity:.22}
#modeNoir[aria-pressed="true"] .mn-lune{opacity:.22}
#modeNoir[aria-pressed="true"] .mn-soleil{opacity:1;fill:var(--soufre)}

 
.punch{position:relative;width:min(300px,72%);height:130px}
.punch .chip{
  position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;
  border-radius:50%;
  background:radial-gradient(circle at 42% 36%,#0F0D0A 0 60%,#231E15 100%);
  box-shadow:0 0 0 1.5px rgba(25,23,19,.3),inset 0 1px 0 rgba(240,234,217,.07);
  opacity:0;transform:scale(0);
}
.punch.perced .chip{animation:punchIn .3s cubic-bezier(.2,1.5,.3,1) forwards;will-change:transform,opacity}
.punch.perced .punch-stamp{will-change:transform,opacity}
@keyframes punchIn{
  0%{opacity:0;transform:scale(0)}
  62%{opacity:1;transform:scale(1.16)}
  100%{opacity:1;transform:scale(1)}
}
.chip-fall{
  position:absolute;width:42px;height:42px;border-radius:50%;
  background:var(--papier);border:1.5px solid rgba(25,23,19,.4);
  pointer-events:none;
  animation:chipFall .9s cubic-bezier(.3,.7,.6,1) forwards;
  will-change:transform,opacity;
}
@keyframes chipFall{
  0%{opacity:1;transform:translate(0,0) rotate(0)}
  100%{opacity:0;transform:translate(26px,110px) rotate(80deg)}
}
.punch-stamp{
  position:absolute;left:50%;top:calc(50% + 36px);
  transform:translateX(-50%) rotate(-4deg);
  border:2px solid var(--rouge);color:var(--rouge);
  padding:4px 10px;font-weight:600;white-space:nowrap;
  opacity:0;
}
.punch.perced .punch-stamp{animation:stampIn .32s .5s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes stampIn{
  0%{opacity:0;transform:translateX(-50%) rotate(-16deg) scale(1.8)}
  100%{opacity:.94;transform:translateX(-50%) rotate(-4deg) scale(1)}
}
.accroche.tressaille{animation:tressaille .4s .06s ease-out}
@keyframes tressaille{
  0%{transform:rotate(var(--tilt,0deg))}
  30%{transform:rotate(var(--tilt,0deg)) translate(-3px,2px)}
  55%{transform:rotate(var(--tilt,0deg)) translate(2px,-2px)}
  80%{transform:rotate(var(--tilt,0deg)) translate(-1px,1px)}
  100%{transform:rotate(var(--tilt,0deg))}
}

.sig{max-width:46ch;font-size:clamp(15px,1.9vw,18px);line-height:1.65;color:#2A261E}
.motto{margin-top:20px;color:var(--encre-doux)}

.guichet-row{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin-top:22px;padding-top:16px;border-top:1px dashed var(--filet);
  color:var(--encre-doux);
}
.dot{width:9px;height:9px;border-radius:50%;background:var(--vert-nuit);box-shadow:0 0 0 3px rgba(63,122,77,.22);animation:pulse 2.6s infinite;will-change:box-shadow}
 
.toc,.lecture-jauge,.toast,.retour-haut{transform:translateZ(0)}
body.nuit .dot{background:#B7803C;box-shadow:0 0 0 3px rgba(183,128,60,.2)}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(63,122,77,.12)}}

.stamp{
  position:absolute;border:2.5px solid var(--rouge);color:var(--rouge);
  font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.16em;
  padding:6px 12px;mix-blend-mode:multiply;opacity:.94;pointer-events:none;
}
.stamp-ouvert{top:118px;right:38px;transform:rotate(8deg);font-size:15px}
.micro{position:absolute;bottom:12px;right:16px;color:var(--encre-doux);opacity:.85;letter-spacing:.08em}

 
.reveal{opacity:0;transform:translateY(16px) translateZ(0)}
.reveal.on{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}
 
html:not(.js) .reveal{opacity:1;transform:none}

 
 
.nav-rays{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.ray-chip{display:inline-block;padding:7px 13px;border:1.5px solid var(--encre);border-radius:999px;color:var(--encre);text-decoration:none;font-family:var(--mono);font-size:12px;letter-spacing:.06em;background:transparent;transition:background .12s ease,color .12s ease}
.ray-chip::before{content:"";display:inline-block;width:14px;height:14px;margin-right:7px;vertical-align:-3px;background:url("/favicon.svg") center/contain no-repeat #F2EEE3;border:1px solid rgba(25,23,19,.5);border-radius:3.5px}
 
.ray-chip{--chip-ico:var(--encre)}
.ray-chip:hover{--chip-ico:var(--papier)}
.ray-chip.ray-cta{--chip-ico:var(--papier)}
.ray-chip.ray-cta:hover{--chip-ico:var(--papier)}
.chip-prix::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23191713' stroke-width='2.4' stroke-linecap='round' d='M17 5.5A7.4 7.4 0 0 0 12 4a7.6 7.6 0 0 0 0 16 7.4 7.4 0 0 0 5-1.5M4.5 10.2h8M4.5 13.8h8'/%3E%3C/svg%3E") center/72% no-repeat #F2EEE3}
.chip-crea::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23191713' d='M12 3a9 9 0 0 0 0 18c1.2 0 2-.9 2-2 0-.6-.3-1-.6-1.4-.3-.4-.5-.8-.5-1.3 0-1.1.9-2 2-2h2.4A4.7 4.7 0 0 0 22 9.6C21.4 5.9 17.1 3 12 3zM6.8 12.4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm2.4-3.9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5.1-.3a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm3.3 3.6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/%3E%3C/svg%3E") center/80% no-repeat #F2EEE3}
.chip-discord::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23191713' d='M20.3 4.4A19.8 19.8 0 0 0 15.4 3l-.2.5c1.8.4 3.2 1.1 4.5 2A16.2 16.2 0 0 0 12 4c-2.7 0-5.2.6-7.7 1.5C5.6 4.6 7 3.9 8.8 3.5L8.6 3a19.8 19.8 0 0 0-4.9 1.4C1.6 8.6 1 12.6 1.3 16.6a19.9 19.9 0 0 0 6 3l1.2-2c-.7-.2-1.3-.5-1.9-.9l.5-.4a14.2 14.2 0 0 0 12 0l.5.4c-.6.4-1.3.7-1.9.9l1.2 2a19.9 19.9 0 0 0 6-3c.4-4.6-.7-8.6-2.6-12.2zM8.7 14.2c-1 0-1.8-.9-1.8-2s.8-2 1.8-2 1.8.9 1.8 2-.8 2-1.8 2zm6.6 0c-1 0-1.8-.9-1.8-2s.8-2 1.8-2 1.8.9 1.8 2-.8 2-1.8 2z'/%3E%3C/svg%3E") center/80% no-repeat #F2EEE3}
.chip-caddie::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23191713' d='M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM7.2 14h9.9c.9 0 1.7-.6 1.9-1.5L21.5 4H18a1 1 0 0 0 0 2h1l-1.1 4H8.6L6.3 2.6A1 1 0 0 0 5.3 2H2a1 1 0 0 0 0 2h2.5l.7 2.6L7 13.1A2 2 0 0 0 7.2 14z'/%3E%3C/svg%3E") center/78% no-repeat #F2EEE3}
 
body.noir .chip-prix::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23F4EEDD' stroke-width='2.4' stroke-linecap='round' d='M17 5.5A7.4 7.4 0 0 0 12 4a7.6 7.6 0 0 0 0 16 7.4 7.4 0 0 0 5-1.5M4.5 10.2h8M4.5 13.8h8'/%3E%3C/svg%3E")}
body.noir .chip-crea::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F4EEDD' d='M12 3a9 9 0 0 0 0 18c1.2 0 2-.9 2-2 0-.6-.3-1-.6-1.4-.3-.4-.5-.8-.5-1.3 0-1.1.9-2 2-2h2.4A4.7 4.7 0 0 0 22 9.6C21.4 5.9 17.1 3 12 3zM6.8 12.4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm2.4-3.9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5.1-.3a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm3.3 3.6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/%3E%3C/svg%3E")}
body.noir .chip-discord::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F4EEDD' d='M20.3 4.4A19.8 19.8 0 0 0 15.4 3l-.2.5c1.8.4 3.2 1.1 4.5 2A16.2 16.2 0 0 0 12 4c-2.7 0-5.2.6-7.7 1.5C5.6 4.6 7 3.9 8.8 3.5L8.6 3a19.8 19.8 0 0 0-4.9 1.4C1.6 8.6 1 12.6 1.3 16.6a19.9 19.9 0 0 0 6 3l1.2-2c-.7-.2-1.3-.5-1.9-.9l.5-.4a14.2 14.2 0 0 0 12 0l.5.4c-.6.4-1.3.7-1.9.9l1.2 2a19.9 19.9 0 0 0 6-3c.4-4.6-.7-8.6-2.6-12.2zM8.7 14.2c-1 0-1.8-.9-1.8-2s.8-2 1.8-2 1.8.9 1.8 2-.8 2-1.8 2zm6.6 0c-1 0-1.8-.9-1.8-2s.8-2 1.8-2 1.8.9 1.8 2-.8 2-1.8 2z'/%3E%3C/svg%3E")}
body.noir .chip-caddie::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F4EEDD' d='M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM7.2 14h9.9c.9 0 1.7-.6 1.9-1.5L21.5 4H18a1 1 0 0 0 0 2h1l-1.1 4H8.6L6.3 2.6A1 1 0 0 0 5.3 2H2a1 1 0 0 0 0 2h2.5l.7 2.6L7 13.1A2 2 0 0 0 7.2 14z'/%3E%3C/svg%3E")}
.ray-chip:hover{background:var(--encre);color:var(--papier)}
.ray-chip.ray-cta{background:var(--encre);color:var(--papier);padding:9px 18px;font-size:13px;border-width:2px;box-shadow:3px 3px 0 var(--encre)}
.ray-chip.ray-cta:hover{background:var(--rouge);border-color:var(--rouge);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--encre)}

 
.temo-list{list-style:none;margin:26px 0 0;display:grid;gap:14px}
.temo{display:grid;gap:7px;padding:18px 20px;border:1.5px solid var(--filet);border-left:3px solid var(--rouge);background:rgba(255,255,255,.35);box-shadow:3px 3px 0 rgba(25,23,19,.07);transform:rotate(-.3deg)}
.temo:nth-child(even){transform:rotate(.35deg)}
.temo-cote{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--rouge);font-weight:600}
.temo-text{font-size:clamp(15px,2vw,18px);line-height:1.5}
.temo-auteur{color:var(--encre-doux)}

 
.cote-steps{list-style:none;margin:20px 0 0;padding:14px 18px;border:1.5px dashed var(--filet);display:grid;gap:9px}
.cote-steps b{font-weight:600;color:var(--encre)}
.cote-steps span{color:var(--encre-doux)}

.reclamations{list-style:none;margin:26px 0 0}
.reclamations li{padding:16px 0;border-bottom:1px dashed var(--filet);display:grid;gap:6px}
.rec-q{font-size:clamp(18px,2.6vw,25px);line-height:1.3;font-weight:500}
.rec-a{color:var(--rouge);letter-spacing:.14em}
.sep-line{margin:30px 0 10px;color:var(--gris-archive);white-space:nowrap;overflow:hidden;letter-spacing:2px}
.conclusion{max-width:52ch;margin-bottom:10px}

 
.intro{max-width:52ch;color:#2A261E}
.ledger-list{list-style:none;margin:24px 0}
.ledger-list li{
  display:grid;grid-template-columns:92px 1fr auto;gap:16px;align-items:baseline;
  padding:16px 4px;border-bottom:1px solid var(--filet);
}
.ll-code{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--rouge);font-weight:600}
.ll-name{font-size:clamp(20px,3vw,29px);font-weight:500}
.ll-desc{color:var(--encre-doux);text-align:right}
.ledger-list li:hover .ll-name{color:var(--rouge)}
 
a.ledger-lien{display:contents;color:inherit;text-decoration:none;cursor:pointer}
a.ledger-lien:hover .ll-name{color:var(--rouge)}
a.ledger-lien:hover .ll-desc{color:var(--rouge);opacity:.85}
.aside{border-left:3px solid var(--encre);padding:8px 12px;margin:20px 0;color:var(--encre-doux);line-height:1.9}

 
 
.sec-5 .fiche-adresses{
  margin-left:auto;margin-right:auto;
  margin-top:clamp(36px,7vh,64px);
  margin-bottom:clamp(36px,7vh,64px);
}
.fiche-adresses .fa-cote{
  position:absolute;top:16px;right:16px;
  font-family:var(--mono);font-size:9px;letter-spacing:.18em;
  color:var(--encre-doux);writing-mode:vertical-rl;opacity:.75;
}
.fiche-adresses .fa-head{padding:8px 0 18px;text-align:center;border-bottom:1.5px dashed var(--filet);margin-bottom:18px}
.fiche-adresses .fa-logo{
  display:block;width:58px;height:58px;margin:0 auto 10px;
  border:2px solid var(--encre);border-radius:8px;
  background:url("/favicon.svg") center/78% no-repeat #F2EEE3;
}
body.noir .fiche-adresses .fa-logo{background-color:#2E2820}
.fiche-adresses .fa-titre{font-size:clamp(24px,4.6vw,34px);margin:0 0 4px}
.fiche-adresses .fa-sig{color:var(--encre-doux);letter-spacing:.14em}
.fiche-adresses .fa-rubrique{display:grid;gap:10px;padding:0}
.fiche-adresses .fa-rub-titre{color:var(--rouge);letter-spacing:.22em;text-transform:uppercase;margin:0}
.fiche-adresses a.fa-rayon{
  display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--encre);
  border:1.5px solid var(--encre);border-radius:6px;padding:13px 16px;
  background:var(--papier);transition:transform .12s ease,box-shadow .12s ease,background .12s ease;
}
.fiche-adresses a.fa-rayon:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 rgba(25,23,19,.28);background:rgba(25,23,19,.03)}
.fiche-adresses a.fa-rayon:active{transform:none;box-shadow:none}
.fiche-adresses .ico{
  width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;
  border-radius:6px;background:rgba(25,23,19,.06);
}
.fiche-adresses .ico svg{width:22px;height:22px;fill:var(--encre)}
.fiche-adresses .fa-nom{flex:1;min-width:0}
.fiche-adresses .fa-nom b{display:block;font-size:15.5px;font-weight:700;line-height:1.25}
.fiche-adresses .fa-nom>span{
  display:block;font-family:var(--mono);font-size:10.5px;color:var(--encre-doux);
  letter-spacing:.04em;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.fiche-adresses .fa-fleche{font-family:var(--mono);font-size:14px;flex:none;opacity:.7}
.fiche-adresses .fa-pied{
  border-top:1.5px dashed var(--filet);padding-top:14px;margin-top:18px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;
}
.fiche-adresses .fa-pied p{color:var(--encre-doux);letter-spacing:.1em;line-height:1.5}
 
@media (min-width:600px){
  .fiche-adresses .fa-rubrique{grid-template-columns:1fr 1fr}
  .fiche-adresses .fa-rub-titre{grid-column:1 / -1}
  .fiche-adresses .fa-head{padding-top:4px}
  .fiche-adresses a.fa-rayon{padding:11px 14px}
}
@media (max-width:380px){ .fiche-adresses .fa-rayon{padding:11px 12px;gap:10px} }
@media (prefers-reduced-motion:reduce){ .fiche-adresses a.fa-rayon{transition:none} }

 
.co-teaser{display:flex;gap:14px;align-items:center;margin:22px 0 4px;padding:10px;border:1.5px solid var(--filet,#D8D2C0);background:var(--papier-carte,#F5F0E1);text-decoration:none;color:var(--encre,#14120F);max-width:430px;transition:border-color .15s,box-shadow .15s}
.co-teaser:hover{border-color:var(--encre,#14120F);box-shadow:4px 4px 0 rgba(20,18,15,.12)}
.co-teaser-thumb{position:relative;flex:none;width:128px;aspect-ratio:16/9;overflow:hidden;border:1.5px solid var(--encre,#14120F);background:#000}
.co-teaser-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.co-teaser-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:rgba(14,13,11,.72);color:var(--papier,#F0EAD9);display:flex;align-items:center;justify-content:center;font-size:12px;border:1.5px solid rgba(240,234,217,.85)}
.co-teaser:hover .co-teaser-play{background:var(--rouge,#C63B1E);border-color:var(--rouge,#C63B1E)}
.co-teaser-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.co-teaser-title{font-family:"Bricolage Grotesque",sans-serif;font-size:15px;text-transform:uppercase;line-height:1.15}
.co-teaser:hover .co-teaser-title{color:var(--rouge,#C63B1E)}
.co-teaser-meta{opacity:.65;font-size:10.5px}
.co-teaser-link{font-size:11px;color:var(--rouge,#C63B1E);font-weight:600}
@media (max-width:560px){.co-teaser{max-width:100%}.co-teaser-thumb{width:104px}}
 
body.noir .co-teaser{background:#3A332A}
body.noir .co-teaser:hover{border-color:var(--encre);box-shadow:4px 4px 0 rgba(0,0,0,.35)}
body.noir .co-teaser-meta{opacity:.75}

.help-list{list-style:none;margin:22px 0 0}
.help-list li{padding:16px 0;border-bottom:1px dashed var(--filet);display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:baseline}
.h-code{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--rouge);font-weight:600;grid-row:span 2}
.h-name{font-size:clamp(18px,2.4vw,23px);font-weight:500}
.h-desc{color:var(--encre-doux)}
.help-list .ink-link{justify-self:start}
.h-stamp{position:static;justify-self:start;margin-top:8px;transform:rotate(-5deg)}

 
.tarif{margin-left:12%;margin-top:26px}
.tarif-list{list-style:none;margin:24px 0;padding:0}
.tarif-list li{
  display:grid;
  grid-template-columns:86px 1fr auto;
  gap:2px 14px;
  align-items:baseline;
  padding:16px 4px 14px;
  border-bottom:1px dashed rgba(25,23,19,.4);
}
.tarif-list li:last-child{border-bottom:none}

 
.pack-rappel{
  display:grid;
  grid-template-columns:86px 1fr auto;
  gap:2px 14px;
  align-items:baseline;
  padding:14px 4px 12px;
  margin:18px 0 4px;
  border-top:2px solid var(--encre);
  border-bottom:2px solid var(--encre);
  background:rgba(25,23,19,.035);
  text-decoration:none;
  color:inherit;
}
.pack-rappel .t-name{font-weight:700}
.pack-rappel .t-prix{border-color:var(--rouge);color:var(--rouge)}
.pack-rappel .pack-rappel-go{grid-column:2/4;justify-self:end;color:var(--rouge);font-weight:700;letter-spacing:.06em}
.pack-rappel:hover{background:rgba(163,29,29,.06)}
.pack-rappel:hover .t-name{color:var(--rouge)}
@media (max-width:640px){
  .pack-rappel{grid-template-columns:1fr auto}
  .pack-rappel .t-code{display:none}
  .pack-rappel .pack-rappel-go{grid-column:1/3}
}
.t-code{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--rouge);font-weight:600}
.t-name{font-size:clamp(18px,2.4vw,23px);font-weight:500}
.t-desc{grid-column:2;color:var(--encre-doux)}
 
a.tarif-lien{display:contents;color:inherit;text-decoration:none;cursor:pointer}
a.tarif-lien .t-name::after{
  content:"→";margin-left:8px;color:var(--rouge);
  opacity:0;transform:translateX(-6px);display:inline-block;
  transition:opacity .15s ease,transform .15s ease;
}
a.tarif-lien:hover .t-name{color:var(--rouge)}
a.tarif-lien:hover .t-desc{color:var(--rouge);opacity:.85}
a.tarif-lien:hover .t-name::after{opacity:1;transform:none}
.t-prix{
  grid-row:span 2;
  justify-self:end;
  align-self:center;
  font-size:15px;font-weight:600;letter-spacing:.06em;
  color:var(--encre);
  border:2px solid var(--encre);
  padding:6px 12px;
  border-radius:4px;
  transform:rotate(2deg);
  background:transparent;
}
.tarif-list li:hover .t-name{color:var(--rouge)}
.tarif-list li:hover .t-prix{color:var(--rouge);border-color:var(--rouge)}
@media(max-width:640px){
  .tarif{margin-left:0}
  .tarif-list li{grid-template-columns:64px 1fr auto}
  .t-desc{display:none}
  .t-prix{grid-row:auto}
}
.s-prete{border-color:var(--vert-nuit);color:var(--vert-nuit)}

 .shelf-head{
  display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:24px}
.filters{display:flex;gap:16px;flex-wrap:wrap}
.filter-link{color:var(--encre-doux);text-underline-offset:4px}
.filter-link:hover{color:var(--rouge)}
.filter-link.cur{color:var(--rouge);text-decoration:none;border-bottom:2px solid var(--rouge)}
 
.filter-cur{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.filter-cur b{color:var(--rouge)}
.filter-cur .n{opacity:.55;margin-left:6px}
.filter-back{color:var(--rouge)!important;font-weight:700;border:1.5px solid var(--rouge);padding:3px 12px;border-radius:3px;text-decoration:none}
.filter-back:hover{background:rgba(198,59,30,.07)}
#pieceCount{color:var(--encre-doux)}

.ledger{list-style:none;padding:0;margin:26px 0 0;columns:2;column-gap:28px}
.piece{
  break-inside:avoid;margin:0 0 28px;position:relative;
  border:1.5px solid var(--encre);background:var(--papier);
  box-shadow:4px 4px 0 rgba(25,23,19,.12);
}
.piece:nth-child(3n+1){margin-left:8px}
.piece:nth-child(3n){margin-right:10px;margin-top:-6px}
.piece.off{display:none}
.piece:hover{z-index:3}
.piece-link{
  display:block;color:inherit;text-decoration:none;cursor:crosshair;
  transform:rotate(var(--tilt,0deg));
  transition:transform .3s var(--ease);
}
.piece[data-tilt="0.4"] .piece-link{--tilt:.4deg}
.piece[data-tilt="-0.4"] .piece-link{--tilt:-.4deg}
.piece:hover .piece-link{transform:rotate(0deg) translateY(-5px)}

.cover{display:block;height:var(--h,190px);position:relative;overflow:hidden;border-bottom:1.5px solid var(--encre)}
 
.cover.cov-photo{background:repeating-linear-gradient(45deg,rgba(25,23,19,.05) 0 12px,transparent 12px 24px)}
.cover.cov-photo img{width:100%;height:100%;object-fit:cover;display:block}
.pm-cover .cov-photo img{cursor:zoom-in}

 
.bl-zoom{position:fixed;inset:0;z-index:1200;background:rgba(20,18,15,.94);display:flex;flex-direction:column}
.bl-zoom[hidden]{display:none}
.bl-zoom-x{position:absolute;top:10px;right:16px;background:none;border:none;color:#F0EAD9;font-size:32px;line-height:1;cursor:pointer;z-index:2;font-family:"IBM Plex Mono",monospace}
.bl-zoom-x:hover{color:var(--rouge,#C63B1E)}
 
.bl-zoom-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(240,234,217,.08);border:1.5px solid rgba(240,234,217,.4);color:#F0EAD9;font-size:34px;line-height:1;width:52px;height:64px;cursor:pointer;z-index:2;font-family:"IBM Plex Mono",monospace;border-radius:4px}
.bl-zoom-nav:hover{background:rgba(240,234,217,.2);border-color:#F0EAD9}
.bl-zoom-prev{left:14px}
.bl-zoom-next{right:14px}
.bl-zoom-nav[hidden]{display:none}
@media (max-width:640px){.bl-zoom-nav{width:40px;height:52px;font-size:26px;top:auto;bottom:18px;transform:none}}
.bl-zoom-cap{color:rgba(240,234,217,.85);padding:14px 60px 10px 20px}
.bl-zoom-cap .zmode{opacity:.65}
.bl-zoom-scroll{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:0 20px 24px}
.bl-zoom-img{max-width:94vw;max-height:86vh;width:auto;height:auto;cursor:zoom-in;box-shadow:0 0 0 2px rgba(240,234,217,.28)}
.bl-zoom-img.is-real{max-width:none;max-height:none;cursor:zoom-out}
.piece[data-size="large"]{--h:240px}
.piece[data-size="medium"]{--h:185px}
.piece[data-size="small"]{--h:150px}

.p-body{display:block;padding:14px 16px 18px}
.p-code{display:flex;justify-content:space-between;gap:10px;color:var(--encre-doux);margin-bottom:8px}
.barcode{letter-spacing:-1px;color:var(--encre);font-weight:600}
.p-title{display:block;font-size:clamp(19px,2.4vw,26px);font-weight:500;margin-bottom:6px;line-height:1.15}
.p-meta{color:var(--encre-doux)}

.s-consulte{right:22px;bottom:64px;transform:rotate(-9deg);opacity:0}
.s-consulte.on{animation:stampIn2 .3s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes stampIn2{
  0%{opacity:0;transform:rotate(-20deg) scale(1.8)}
  100%{opacity:.94;transform:rotate(-9deg) scale(1)}
}

 
.cov-inazuma{background:#14120E}
.cov-inazuma::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 12px,rgba(240,234,217,.06) 12px 14px)}
.cov-inazuma .bolt{
  position:absolute;left:50%;top:50%;width:74px;height:120px;
  transform:translate(-50%,-52%);
  background:var(--soufre);
  clip-path:polygon(62% 0,18% 56%,46% 56%,34% 100%,84% 42%,54% 42%);
}
.cov-inazuma .bolt::after{content:"";position:absolute;inset:0;background:rgba(198,59,30,.55);clip-path:polygon(62% 0,18% 56%,46% 56%,40% 74%,80% 20%);mix-blend-mode:multiply}

.cov-kyaa{background:#10201D}
.cov-kyaa .ring{position:absolute;right:-34px;top:-46px;width:150px;height:150px;border-radius:50%;border:2px solid var(--sarcelle);opacity:.8}
.cov-kyaa .ring::after{content:"";position:absolute;inset:26px;border-radius:50%;border:1px dashed var(--sarcelle)}
.cov-kyaa .streak{position:absolute;left:8%;bottom:22%;width:64%;height:10px;background:rgba(240,234,217,.22);transform:rotate(-7deg);box-shadow:0 26px 0 rgba(240,234,217,.12),0 52px 0 rgba(240,234,217,.06)}

.cov-xuthx{background:#E8E1CE}
.cov-xuthx .gothic{
  position:absolute;inset:0;display:grid;place-items:center;
  font-family:var(--gothic);font-size:clamp(44px,7vw,68px);letter-spacing:.04em;color:var(--encre);
  text-shadow:3px 3px 0 rgba(198,59,30,.38);
}

.cov-printemps{background:#EFE9DA}
.petal{position:absolute;width:36px;height:36px;background:var(--rouge);border-radius:62% 38% 58% 42%;opacity:.88}
.petal.p1{left:16%;top:22%;transform:rotate(18deg)}
.petal.p2{right:20%;top:38%;transform:rotate(142deg) scale(.66);background:#9C3F2A}
.petal.p3{left:38%;bottom:14%;transform:rotate(-32deg) scale(1.15);background:#C63B1E;border:1.5px solid #14120E}

.cov-foire{background:#E6DCC3}
.cov-foire .poster-type{
  position:absolute;left:16px;top:14px;
  font-family:var(--display);font-weight:800;font-size:clamp(26px,4vw,38px);
  line-height:1.02;letter-spacing:0;color:var(--encre);
}
.cov-foire .rouge-dot{position:absolute;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;background:var(--rouge)}

.cov-monogramme{background:var(--encre)}
 
.cover{--papier:#F0EAD9;--hors:#E4DCC6;--encre:#191713;--encre-doux:#5A5347;--rouge:#C63B1E;--rouge-vif:#A32B12;--soufre:#E3B93C;--sarcelle:#6FD1B4;--vert-nuit:#3F7A4D;--filet:rgba(25,23,19,.22)}
.cov-monogramme .mono-glyph{
  position:absolute;inset:0;display:grid;place-items:center;
  font-family:var(--display);font-weight:800;font-size:clamp(40px,6vw,58px);
  letter-spacing:.08em;color:var(--papier);
}

.cov-nocturne{background:#20242B}
.cov-nocturne .moon{position:absolute;left:20%;top:26%;width:46px;height:46px;border-radius:50%;background:#EDE6D2}
.cov-nocturne .moonline{position:absolute;left:20%;top:calc(26% + 58px);width:150px;height:2px;background:rgba(237,230,210,.5);box-shadow:0 11px 0 rgba(237,230,210,.24),0 22px 0 rgba(237,230,210,.1)}

 
.f-row{margin-bottom:18px}
.f-label{display:block;margin-bottom:6px;color:var(--encre-doux)}
.f-input{
  width:100%;background:transparent;border:0;border-bottom:1.5px solid var(--encre);
  padding:10px 2px;font:500 16px var(--text);color:var(--encre);border-radius:0;
}
.f-input:focus{outline:none;border-bottom-color:var(--rouge);background:rgba(25,23,19,.035)}
.f-input[readonly]{color:var(--gris-archive);letter-spacing:.2em}
 
.f-pills{display:flex;flex-wrap:wrap;gap:8px}
.f-pill{position:relative;display:inline-flex;cursor:pointer}
.f-pill input{position:absolute;opacity:0;pointer-events:none}
.f-pill span{
  display:inline-block;padding:6px 13px;border:1.5px solid var(--encre);border-radius:999px;
  font-size:11px;letter-spacing:.06em;color:var(--encre);
  transition:background .12s ease,color .12s ease;
}
.f-pill:hover span{border-color:var(--rouge);color:var(--rouge)}
.f-pill input:checked + span{background:var(--encre);color:var(--papier)}
.f-pill input:checked:hover span{background:var(--rouge);border-color:var(--rouge)}
.f-pill input:focus-visible + span{outline:2px solid var(--rouge);outline-offset:2px}
details.f-set{cursor:pointer}
details.f-set summary{list-style:none;display:flex;align-items:center;gap:8px}
details.f-set summary::-webkit-details-marker{display:none}
details.f-set summary::before{content:"+";font-family:var(--mono);color:var(--rouge);font-size:14px}
details.f-set[open] summary::before{content:"−"}
.f-area{border:1.5px solid var(--encre);padding:12px;resize:vertical}
.f-set{border:1px dashed var(--filet);padding:12px 14px;margin-bottom:18px}
.f-set legend{padding:0 8px}
.f-opt{display:inline-flex;gap:6px;align-items:center;margin-right:16px;cursor:pointer}
input[type="radio"],input[type="checkbox"]{accent-color:var(--rouge);width:15px;height:15px}
.f-check{display:flex;gap:9px;align-items:center;margin:4px 0 12px;cursor:pointer}
.form-error{color:var(--rouge);margin:4px 0 10px}
.bulletin-meta{margin-top:18px;color:var(--encre-doux);line-height:2}
 
.stamp-socle{display:inline-flex;align-items:center;gap:18px;margin:0 0 6px}
.stamp-socle .s-recu{position:static;white-space:nowrap}
.s-recu.on{animation:stampIn2 .32s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes stampIn2{0%{opacity:0;transform:rotate(-18deg) scale(1.8)}100%{opacity:.94;transform:rotate(-6deg) scale(1)}}

.carbon{
  background:var(--encre);color:#8A8273;border-color:var(--encre);
  margin-left:auto;margin-right:auto;width:min(620px,90%);padding:22px 30px;transform:rotate(1.1deg);
}
.carbon::before{background-image:radial-gradient(circle,#26221D 4.5px,transparent 5.5px)}
 
.sec-5 .carbon{margin-left:auto;margin-right:auto}

 
.colophon{
  border-top:1.5px solid var(--encre);
  margin:26px 0 0;padding:26px 4% 100px;
  display:grid;gap:6px;color:var(--encre-doux);
}
.lang-inline{display:inline-flex;gap:2px}

 
.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:rgba(20,18,14,.5)}
.modal[hidden]{display:none}
.modal-card{
  background:var(--papier);
  background-image:var(--grain);
  background-size:140px 140px;
  border:1.5px solid var(--encre);
  box-shadow:8px 8px 0 rgba(25,23,19,.22);
  max-width:580px;width:100%;max-height:88vh;overflow:auto;
  padding:clamp(22px,4vw,36px);position:relative;transform:rotate(-.4deg);
  animation:modalIn .32s var(--ease);
}
@keyframes modalIn{from{transform:rotate(-2.2deg) translateY(18px);opacity:0}}
.modal-card .title-m{margin:6px 0}

 
#deskModal .modal-card{
  max-width:min(1240px,96vw);
  height:min(92vh,900px);
  padding:0;
  display:flex;flex-direction:column;
  transform:none;
  overflow:hidden;
}
#deskModal .dm-head{padding:20px 26px 14px;border-bottom:1.5px solid var(--encre);flex:none}
#deskModal .dm-body{flex:1;display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:0;overflow:hidden}
#deskModal .dm-col-gauche{padding:18px 22px;overflow-y:auto;border-right:1.5px dashed var(--filet)}
#deskModal .dm-col-droite{display:flex;flex-direction:column;overflow:hidden;padding:18px 22px}
#deskModal .dm-history-wrap{flex:1;overflow-y:auto;min-height:0;border:1px dashed var(--filet);border-radius:4px;padding:10px;margin-bottom:12px}
#deskModal .dm-actions{display:flex;flex-wrap:wrap;gap:10px 18px;padding:12px 26px;border-top:1.5px dashed var(--filet);flex:none}
#deskModal .mt-replies.thread{max-height:none;overflow:visible}

 
#myTicketsModal .modal-card{transform:none;animation:modalIn .3s var(--ease);border-radius:6px}
#myTicketsModal .modal-card::before{
  content:"";display:block;height:14px;margin:-8px -4px 16px;
  background-image:radial-gradient(circle,var(--hors) 4.5px,transparent 5.5px);
  background-size:24px 14px;background-position:2px 50%;background-repeat:repeat-x;opacity:.9;
}
#mtUnread{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--rouge);color:var(--papier);font-family:var(--mono);font-size:10px;font-weight:700;transform:translateY(-8px)}
#myTicketsModal .mt-search .f-input{border-bottom-width:2px}
#myTicketsModal .mt-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
#myTicketsModal .mt-list li{
  border:1.5px solid var(--encre);border-left-width:4px;background:var(--papier);
  padding:11px 14px;display:grid;gap:5px;position:relative;
  transition:transform .12s ease,box-shadow .12s ease;
}
#myTicketsModal .mt-list li:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 rgba(25,23,19,.22)}
#myTicketsModal .mt-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
#myTicketsModal .mt-id{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;font-weight:700}
#myTicketsModal .mt-date{margin-left:auto;color:var(--encre-doux)}
#myTicketsModal .mt-desc{color:var(--encre-doux);font-size:14px;line-height:1.45;max-width:52ch}
#myTicketsModal .mt-open-chat{justify-self:start}
#myTicketsModal .mt-empty,#myTicketsModal .mt-none{
  border:1.5px dashed var(--filet);padding:14px 16px;color:var(--encre-doux);
  font-size:12px;letter-spacing:.05em;line-height:1.6;background:rgba(25,23,19,.03);
}
 
#myTicketsModal [class*="mt-b-"]{
  display:inline-flex;align-items:center;gap:5px;padding:2px 9px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  border:1.5px solid currentColor;border-radius:3px;transform:rotate(-.6deg);
}
#myTicketsModal .mt-b-recu{color:var(--rouge)}
#myTicketsModal .mt-b-cours{color:var(--rouge);border-style:dashed}
#myTicketsModal .mt-b-repondu,#myTicketsModal .mt-b-termine{background:var(--encre);color:var(--papier)}
 
#myTicketsModal .mt-help{border:1.5px dashed var(--filet);padding:12px 16px;margin-top:16px;display:grid;gap:6px;background:rgba(25,23,19,.03)}
#myTicketsModal .mt-help-head{color:var(--rouge);letter-spacing:.18em}
 
#myTicketsModal #mtChat{margin-top:18px;border-top:1.5px dashed var(--filet);padding-top:14px}
#myTicketsModal #mtChatTitle{color:var(--encre);letter-spacing:.16em}
#myTicketsModal #mtPay{border-radius:4px;background:rgba(25,23,19,.04)}
body.noir #myTicketsModal #mtPay{background:rgba(244,238,221,.05)}
#myTicketsModal .mt-replies{list-style:none;margin:12px 0;padding:0;max-height:300px;overflow-y:auto;display:grid;gap:9px;scrollbar-width:thin}
#myTicketsModal .mt-bubble{max-width:82%;padding:10px 13px;border:1.5px solid var(--encre);font-size:14px;line-height:1.5;position:relative}
#myTicketsModal .mt-b-staff{justify-self:start;background:var(--papier);border-radius:2px 8px 8px 8px;box-shadow:2px 2px 0 rgba(25,23,19,.14)}
#myTicketsModal .mt-b-client{justify-self:end;background:var(--encre);color:var(--papier);border-radius:8px 2px 8px 8px}
#myTicketsModal .mt-b-client .ink-link{color:var(--papier)}
#myTicketsModal .mt-b-head{display:block;opacity:.62;margin-bottom:3px;letter-spacing:.08em}
#myTicketsModal .mt-bubble a{text-decoration:underline}
 
#myTicketsModal #mtChat .f-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
#myTicketsModal #mtChatText{flex:1;min-width:200px;background:rgba(25,23,19,.035)}
body.noir #myTicketsModal #mtChatText{background:rgba(244,238,221,.06)}
#myTicketsModal #mtClose{display:inline-block;margin-top:16px}

 
.suivi-carte{
  border:2px solid var(--encre);background:var(--papier);
  background-image:var(--grain);background-size:140px 140px;
  box-shadow:6px 6px 0 rgba(25,23,19,.2);
  padding:16px 18px;margin-top:10px;position:relative;
}
.suivi-carte .suivi-cote{font-family:var(--display);font-weight:800;font-size:26px;text-transform:uppercase;letter-spacing:.02em;margin:2px 0 6px}
.suivi-carte .suivi-url{word-break:break-all;opacity:.75}
@media (prefers-reduced-motion:reduce){#myTicketsModal .mt-list li{transition:none}}
@media (max-width:900px){
  #deskModal .dm-body{grid-template-columns:1fr;overflow-y:auto}
  #deskModal .dm-col-gauche{border-right:0;border-bottom:1.5px dashed var(--filet);overflow:visible}
  #deskModal .dm-col-droite{overflow:visible}
  #deskModal .dm-history-wrap{max-height:44vh}
}
.pm-cover{height:170px;border:1.5px solid var(--encre);margin:16px 0;position:relative;overflow:hidden}
.pm-notes{list-style:none;margin:0 0 16px;display:grid;gap:7px;color:var(--encre-doux)}
.pm-notes li::before{content:"— "}
 
.pm-stamp{top:64px;right:28px;opacity:0}
.pm-stamp.on{animation:stampIn2 .3s cubic-bezier(.2,1.6,.4,1) forwards}
.pm-barcode{margin-top:16px;color:var(--encre-doux)}
.tk-hint{margin:14px 0 10px;color:var(--encre-doux)}

 
.toast{
  position:fixed;left:50%;bottom:26px;z-index:80;
  transform:translateX(-50%) translateY(20px);
  background:var(--encre);color:var(--papier);
  padding:10px 18px;border:1.5px solid var(--papier);
  box-shadow:4px 4px 0 rgba(25,23,19,.3);
  opacity:0;pointer-events:none;transition:.28s var(--ease);max-width:82vw;
}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

 
html.noir,
body.noir,
body.noir body,
body.nuit.noir,
body.noir.nuit,
html.noir body{
  --papier:#3A332A;
  --hors:#131110;
  --encre:#F4EEDD;
  --encre-doux:#C9C0AC;
  --gris-archive:#958D7D;
  --rouge:#F0704E;
  --rouge-vif:#F58264;
  --filet:rgba(244,238,221,.26);
   
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.96 0 0 0 0 0.93 0 0 0 0 0.87 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)' opacity='0.18'/%3E%3C/svg%3E");
  background-image:var(--grain),radial-gradient(rgba(244,238,221,.05) 1px,transparent 1.4px);
  background-size:140px 140px,26px 26px;
}
body.noir .card,body.nuit.noir .card{box-shadow:8px 8px 0 rgba(0,0,0,.45)}
body.noir .temo,body.noir.nuit .temo{background:rgba(255,255,255,.045);box-shadow:3px 3px 0 rgba(0,0,0,.35)}
body.noir .stamp{mix-blend-mode:normal}  
body.noir .ray-chip::before{background-color:#2E2820;border-color:rgba(244,238,221,.5)}
body.noir .f-input:focus{background:rgba(244,238,221,.06)}
 
body.noir .sig,body.noir .intro{color:var(--encre-doux)}
body.noir .toc{--encre:#F4EEDD;--encre-doux:#BFB5A0}  

 
body.nuit{--papier:#C7C0B1;--hors:#3A362F;--encre:#161310;--encre-doux:#4A4433;--filet:rgba(22,19,16,.3)}
 
body.noir.nuit{--papier:#3A332A;--hors:#131110;--encre:#F4EEDD;--encre-doux:#C9C0AC;--filet:rgba(244,238,221,.26);--rouge:#F0704E;--rouge-vif:#F58264}
 
body.nuit .toc{--encre:#F0EAD9;--encre-doux:#D8CFC0}
 
body.nuit .card{box-shadow:8px 8px 0 rgba(0,0,0,.25)}
body.nuit .colophon{color:#8A8273}

 
@media (max-width:860px){
  .toc{position:fixed;top:auto;bottom:0;left:0;right:0;height:50px;width:auto;gap:10px;border-left:0;border-top:1.5px solid var(--encre);border-bottom:0;padding:0 10px;overflow-x:auto}
  .toc-logo b{font-size:15px}
  .toc-logo-carte{width:24px;height:24px;font-size:10px}
  .toc-links{flex:1;display:flex;gap:12px;justify-content:flex-start}
  .toc-links a{font-size:11.5px}
  .toc-salon{display:none}
  .toc a{writing-mode:horizontal-tb;letter-spacing:.12em;font-size:10px}
  main{margin-right:0;margin-bottom:44px}
  .colophon{margin-right:0;padding-bottom:80px}
  .sec{padding:10px 4%}
  .sec-1 .card,.sec-2 .card,.sec-3 .card,.sec-3 .help,.sec-4 .card,.sec-5 .card{margin-left:0;margin-right:0}
}
@media (max-width:680px){
  .side{display:none}
  .ledger{columns:1}
  .ll-desc{display:none}
  .ledger-list li{grid-template-columns:78px 1fr}
  .stamp-ouvert{top:auto;bottom:56px;right:18px;font-size:12px}
  .sec-2 .card{width:100%}
  .carbon{width:100%;margin-left:0}
}

 
@media (max-width:480px){
   
  .headrow{row-gap:8px}
  .head-tools{flex-wrap:wrap;row-gap:4px;max-width:100%}
  .lang{flex-wrap:wrap;max-width:100%}
   
  .toc{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .toc::-webkit-scrollbar{display:none}
  .toc a{flex:none}
}

 
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{transform:none;transition:opacity .6s ease}
  .chip-fall{display:none}
  .accroche.tressaille{animation:none}
  .punch .chip,.punch-stamp{opacity:1;transform:none}
}

 
@media print{
  .toc,.toast,.modal,.dot{display:none!important}
  main{margin:0}
  .card{box-shadow:none;page-break-inside:avoid}
  body{background:#fff}
}