/* The Band Desk — mq- — banc gris, partitions posées en biais, annotations reliées. */
@font-face{font-family:'Oswald';src:url('/mq-titre-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Oswald';src:url('/mq-titre-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Oswald';src:url('/mq-titre-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url('/mq-texte-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url('/mq-texte-400i.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Mulish';src:url('/mq-texte-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Spline Sans Mono';src:url('/mq-note-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Spline Sans Mono';src:url('/mq-note-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

:root{
  --banc:#F0F2F5;            /* l'établi, ton moyen */
  --papier:#FBFCFD;          /* la partition posée */
  --creux:#E4E9EF;           /* fond creux du banc */
  --encre:#1C2530;
  --encre-2:#48535F;
  --verdis:#3DA08C;          /* verdis de cuivre — accent */
  --verdis-fonce:#2A7A6A;    /* survol, plus foncé */
  --verdis-plat:#2E9E88;     /* aplats signature saturés */
  --filet:#C2CDD9;
  --laiton:#A8843C;          /* laiton des cuivres, cotes */
  --ombre-dure:rgba(28,37,48,.16);
  --titre-police:'Oswald',Impact,sans-serif;
  --texte-police:'Mulish',-apple-system,'Segoe UI',sans-serif;
  --note-police:'Spline Sans Mono',ui-monospace,monospace;
  --mure:76rem;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
img{max-width:100%;height:auto;display:block}
a{color:var(--verdis-fonce);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--encre)}

.mq-etabli{background:var(--banc);color:var(--encre);font-family:var(--texte-police);font-size:1.06rem;line-height:1.62;-webkit-font-smoothing:antialiased}
.mq-aller{position:absolute;left:-999rem;top:.4rem;background:var(--encre);color:#fff;padding:.5rem .9rem;border-radius:.6rem;z-index:9;font-family:var(--note-police);font-size:.8rem}
.mq-aller:focus{left:.6rem}

/* ------- sigle : carré bordé à ombre dure décalée (signature C) ------- */
.mq-sigle{display:inline-flex;width:1.05rem;height:1.05rem;border:.18rem solid var(--encre);background:var(--papier);box-shadow:.34rem .34rem 0 var(--verdis-plat);border-radius:.14rem;flex:none}
.mq-sigle i{display:block;width:.34rem;height:.34rem;background:var(--laiton);margin:auto;border-radius:.08rem}
.mq-sigle--mini{width:.8rem;height:.8rem;border-width:.14rem;box-shadow:.24rem .24rem 0 var(--verdis-plat);margin-right:.55rem;vertical-align:-.05rem}
.mq-sigle--banc{box-shadow:.34rem .34rem 0 var(--verdis-plat)}
.mq-sigle--arrachee{width:2.2rem;height:2.2rem;border-width:.3rem;box-shadow:.6rem .6rem 0 var(--verdis-plat)}

/* ------- linteau : la barre de l'établi ------- */
.mq-linteau{background:var(--papier);border-bottom:1px solid var(--filet);position:sticky;top:0;z-index:5}
.mq-linteau__rang{max-width:var(--mure);margin:0 auto;padding:.85rem 1.4rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.6rem}
.mq-marque{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--encre)}
.mq-marque__bloc{display:flex;flex-direction:column;line-height:1.15}
.mq-marque__nom{font-family:var(--titre-police);font-weight:600;font-size:1.18rem;letter-spacing:.01em;text-transform:uppercase}
.mq-marque__devise{font-style:normal;font-family:var(--note-police);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--encre-2)}
.mq-nav ul{display:flex;gap:1.35rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.mq-nav a{font-family:var(--note-police);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--encre-2);padding:.3rem 0;border-bottom:2px solid transparent}
.mq-nav a:hover{color:var(--verdis-fonce);border-bottom-color:var(--verdis-plat)}
.mq-appel{font-family:var(--note-police);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#fff;background:var(--encre);padding:.62rem 1.05rem;border-radius:.7rem;box-shadow:.28rem .28rem 0 var(--verdis-plat);white-space:nowrap}
.mq-appel:hover{background:var(--verdis-fonce);color:#fff}

main{max-width:var(--mure);margin:0 auto;padding:0 1.4rem}

/* ------- haut : la maquette posée + ses annotations ------- */
.mq-haut{padding:3.2rem 0 2.4rem}
.mq-haut__grille{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(15rem,.95fr);gap:3rem;align-items:start}
.mq-haut__surtitre,.mq-ouverture__cote,.mq-piece__cote{display:flex;align-items:center;gap:.7rem;font-family:var(--note-police);font-size:.74rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--laiton);margin:0 0 .9rem}
.mq-filet--surtitre{display:inline-block;width:2.6rem;height:1px;background:var(--laiton);position:static}
.mq-haut__titre{font-family:var(--titre-police);font-weight:600;font-size:clamp(2.3rem,5.4vw,3.9rem);line-height:1.02;letter-spacing:-.015em;text-transform:uppercase;margin:0 0 1.1rem}
.mq-haut__intro{max-width:58ch;color:var(--encre-2);font-size:1.08rem;margin:0 0 2.2rem}

/* la maquette : partition posée en biais qui se redresse (signature A) */
.mq-maquette{background:var(--papier);border:1px solid var(--filet);border-radius:.9rem;padding:1.1rem 1.1rem 1.35rem;transform:rotate(-.55deg);transition:transform .35s ease,box-shadow .35s ease;box-shadow:.55rem .7rem 0 var(--ombre-dure),.08rem .12rem .5rem rgba(28,37,48,.08)}
.mq-maquette:hover{transform:rotate(0deg);box-shadow:.7rem .85rem 0 var(--ombre-dure),.1rem .16rem .6rem rgba(28,37,48,.1)}
.mq-maquette__vue{display:block;text-decoration:none}
.mq-maquette__cadre img,.mq-maquette__cadre{width:100%;border-radius:.55rem;overflow:hidden}
.mq-maquette__cadre img{aspect-ratio:21/10;object-fit:cover}

/* ------- annotations reliées (signature B) ------- */
.mq-haut__marges{display:flex;flex-direction:column;gap:1.6rem;padding-top:.4rem}
.mq-annotation{position:relative;background:var(--papier);border:1px solid var(--filet);border-radius:.75rem;padding:1rem 1.15rem 1.05rem 1.5rem;box-shadow:.3rem .4rem 0 var(--ombre-dure)}
.mq-pastille{position:absolute;left:-.62rem;top:1.15rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--verdis-plat);border:2px solid var(--papier);box-shadow:0 0 0 1px var(--filet)}
.mq-filet{position:absolute;left:-2.1rem;top:1.42rem;width:1.5rem;height:1px;background:var(--filet)}
.mq-annotation__titre{font-family:var(--note-police);font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--verdis-fonce);margin:0 0 .4rem}
.mq-annotation__corps{font-size:.92rem;color:var(--encre-2);line-height:1.55}
.mq-annotation__corps p{margin:0}
.mq-annotation__corps time{font-family:var(--note-police);font-size:.82rem}

/* ------- cimaise : le mur de tirages ------- */
.mq-cimaise{padding:1.6rem 0 2.6rem}
.mq-cimaise__titre,.mq-rayons__titre,.mq-regie__titre,.mq-suite__titre{font-family:var(--titre-police);font-weight:600;font-size:1.5rem;letter-spacing:.01em;text-transform:uppercase;margin:0 0 1.5rem;display:flex;align-items:center}
.mq-cimaise__mur{display:grid;grid-template-columns:repeat(6,1fr);gap:2rem 1.7rem;align-items:start}
.mq-tirage{background:var(--papier);border:1px solid var(--filet);border-radius:.8rem;padding:.8rem .8rem 1rem;box-shadow:.4rem .5rem 0 var(--ombre-dure);transition:transform .3s ease}
.mq-tirage:nth-child(4n+1){transform:rotate(-.5deg)}
.mq-tirage:nth-child(4n+2){transform:rotate(.35deg)}
.mq-tirage:nth-child(4n+3){transform:rotate(-.3deg)}
.mq-tirage:nth-child(4n){transform:rotate(.55deg)}
.mq-tirage:hover{transform:rotate(0deg)}
.mq-tirage__vue{display:block;text-decoration:none}
.mq-tirage__cadrage img,.mq-tirage__cadrage{width:100%;border-radius:.45rem;overflow:hidden}
.mq-tirage__cadrage img{aspect-ratio:4/3;object-fit:cover}
.mq-tirage--plein{grid-column:span 6}
.mq-tirage--large{grid-column:span 4}
.mq-tirage--moyen{grid-column:span 3}
.mq-tirage--petit{grid-column:span 2}
.mq-tirage--decale{margin-top:1.6rem}
.mq-tirage--decale2{margin-top:2.8rem}

/* ------- cartel discret ------- */
.mq-cartel{border-top:1px solid var(--filet);margin-top:.85rem;padding-top:.7rem}
.mq-cartel__titre{font-family:var(--titre-police);font-weight:500;font-size:1.22rem;line-height:1.18;letter-spacing:.005em;margin:0 0 .35rem}
.mq-cartel__titre a{color:var(--encre);text-decoration:none}
.mq-cartel__titre a:hover{color:var(--verdis-fonce)}
.mq-cartel__contexte{font-size:.9rem;color:var(--encre-2);margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mq-cartel__cote{font-family:var(--note-police);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--laiton);margin:0}
.mq-maquette .mq-cartel__titre{font-size:1.7rem}
.mq-maquette .mq-cartel__contexte{-webkit-line-clamp:3;font-size:.98rem}

/* ------- rayons : l'index des desks ------- */
.mq-rayons{padding:0 0 2.8rem}
.mq-rayons__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.mq-rayon a{display:flex;flex-direction:column;gap:.45rem;background:var(--papier);border:1px solid var(--filet);border-radius:.8rem;padding:1.15rem 1.2rem 1.05rem;text-decoration:none;color:var(--encre);height:100%;box-shadow:.3rem .4rem 0 var(--ombre-dure);transition:transform .25s ease}
.mq-rayon a:hover{transform:translateY(-.18rem)}
.mq-rayon__cote{font-family:var(--note-police);font-size:.68rem;font-weight:500;letter-spacing:.2em;color:var(--laiton)}
.mq-rayon__label{font-family:var(--titre-police);font-weight:600;font-size:1.24rem;text-transform:uppercase;letter-spacing:.005em}
.mq-rayon__intro{font-size:.88rem;color:var(--encre-2);line-height:1.5;flex:1}
.mq-rayon__compte{font-family:var(--note-police);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--verdis-fonce);border-top:1px solid var(--filet);padding-top:.6rem}

/* ------- régie : le carnet des autres scènes ------- */
.mq-regie{background:var(--creux);border-top:1px solid var(--filet);border-bottom:1px solid var(--filet);padding:2.2rem 1.6rem 2.4rem;margin:0 -1.4rem 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.mq-regie__phrase{color:var(--encre-2);max-width:62ch;margin:-.6rem 0 1.4rem;font-size:.95rem}
.mq-regie__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.7rem 2rem}
.mq-regie__liste li{display:flex;align-items:baseline;gap:.6rem;font-size:.95rem}
.mq-pastille--regie{position:static;flex:none;width:.5rem;height:.5rem;border-width:0;box-shadow:none}
.mq-regie__liste a{text-decoration:none;color:var(--encre)}
.mq-regie__liste a:hover{color:var(--verdis-fonce);text-decoration:underline}

/* ------- fil + ouverture de rubrique ------- */
.mq-fil{font-family:var(--note-police);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);padding:1.4rem 0 0}
.mq-fil a{color:var(--encre-2);text-decoration:none}
.mq-fil a:hover{color:var(--verdis-fonce)}
.mq-ouverture{padding:1.6rem 0 1.2rem;max-width:62ch}
.mq-ouverture__titre{font-family:var(--titre-police);font-weight:600;font-size:clamp(2rem,4.6vw,3rem);line-height:1.04;text-transform:uppercase;margin:0 0 .8rem}
.mq-ouverture__intro{color:var(--encre-2);font-size:1.05rem;margin:0 0 .8rem}
.mq-ouverture__compte{font-family:var(--note-police);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--laiton);margin:0}
.cimaise--dense .mq-cimaise__mur{gap:1.5rem 1.3rem}
.cimaise--dense .mq-tirage__cadrage img{aspect-ratio:4/3}

/* ------- article : la planche calée pleine largeur ------- */
.mq-piece__tete{max-width:64ch;padding:1.8rem 0 1.6rem}
.mq-piece__titre{font-family:var(--titre-police);font-weight:600;font-size:clamp(2rem,4.8vw,3.2rem);line-height:1.05;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 .9rem}
.mq-piece__chapo{font-size:1.16rem;color:var(--encre-2);line-height:1.55;margin:0 0 .9rem}
.mq-piece__meta{font-family:var(--note-police);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--laiton);margin:0}
.mq-calage{margin:0 0 2.2rem;position:relative}
.mq-calage__planche img,.mq-calage__planche{width:100%;border-radius:.9rem;overflow:hidden}
.mq-calage__planche img{aspect-ratio:21/9;object-fit:cover}
.mq-calage__legende{display:flex;align-items:baseline;gap:.6rem;font-family:var(--note-police);font-size:.78rem;color:var(--encre-2);padding:.7rem .4rem 0}
.mq-calage__legende .mq-pastille{position:static;flex:none;width:.55rem;height:.55rem;border-width:0;box-shadow:none}
.mq-piece__rang{display:grid;grid-template-columns:minmax(0,1fr) 16.5rem;gap:3rem;align-items:start;padding-bottom:1.5rem}
.mq-piece__colonne{max-width:68ch}
.mq-piece__colonne h2{font-family:var(--titre-police);font-weight:600;font-size:1.55rem;text-transform:uppercase;letter-spacing:.005em;margin:2.4rem 0 .8rem;padding-top:1.3rem;border-top:1px solid var(--filet)}
.mq-piece__colonne h2:first-child{margin-top:0;padding-top:0;border-top:none}
.mq-piece__colonne h3{font-family:var(--titre-police);font-weight:500;font-size:1.18rem;margin:1.8rem 0 .6rem}
.mq-piece__colonne p{margin:0 0 1.15rem}
.mq-piece__colonne ul,.mq-piece__colonne ol{margin:0 0 1.2rem;padding-left:1.4rem}
.mq-piece__colonne li{margin-bottom:.35rem}
.mq-piece__colonne blockquote{border-left:3px solid var(--verdis-plat);margin:1.6rem 0;padding:.2rem 0 .2rem 1.2rem;color:var(--encre-2);font-style:italic}
.mq-piece__marges{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:5.4rem}
.mq-marges__sommaire{margin:0;padding-left:1.15rem;font-size:.88rem}
.mq-marges__sommaire li{margin-bottom:.4rem}
.mq-marges__sommaire a{color:var(--encre-2);text-decoration:none}
.mq-marges__sommaire a:hover{color:var(--verdis-fonce)}
.mq-sources{margin-top:2.4rem;border-top:1px solid var(--filet);padding-top:1.2rem}
.mq-sources__titre{font-family:var(--note-police);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--verdis-fonce);margin:0 0 .8rem}
.mq-sources__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.mq-sources__liste li{display:flex;align-items:baseline;gap:.55rem;font-family:var(--note-police);font-size:.76rem}
.mq-sources__liste a{color:var(--encre-2)}
.mq-suite{padding-bottom:2.6rem}

/* ------- service ------- */
.mq-piece--service .mq-piece__colonne{max-width:70ch}

/* ------- 404 ------- */
.mq-arrachee{text-align:center;padding:5rem 1rem 6rem}
.mq-arrachee__sigle{margin:0 0 1.4rem}
.mq-arrachee__titre{font-family:var(--titre-police);font-weight:600;font-size:clamp(2.4rem,6vw,4rem);text-transform:uppercase;margin:0 0 1rem}
.mq-arrachee__corps{max-width:52ch;margin:0 auto;color:var(--encre-2)}
.mq-arrachee__renvoi{margin-top:2rem}
.mq-arrachee__renvoi a{font-family:var(--note-police);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;background:var(--encre);color:#fff;text-decoration:none;padding:.7rem 1.3rem;border-radius:.7rem;box-shadow:.3rem .3rem 0 var(--verdis-plat)}

/* ------- banc : le pied ------- */
.mq-banc{background:var(--creux);border-top:1px solid var(--filet);margin-top:2.5rem}
.mq-banc__rang{max-width:var(--mure);margin:0 auto;padding:2.6rem 1.4rem 1.2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.4rem}
.mq-banc__nom{font-family:var(--titre-police);font-weight:600;font-size:1.3rem;text-transform:uppercase;margin:.8rem 0 .5rem}
.mq-banc__colophon{color:var(--encre-2);font-size:.92rem;margin:0 0 .7rem;max-width:44ch}
.mq-banc__regie{font-family:var(--note-police);font-size:.72rem;color:var(--encre-2);margin:0;max-width:48ch}
.mq-banc__titre{font-family:var(--note-police);font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--encre-2);margin:0 0 .8rem}
.mq-banc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.mq-banc__bloc a{color:var(--encre-2);text-decoration:none;font-size:.92rem}
.mq-banc__bloc a:hover{color:var(--verdis-fonce)}
.mq-banc__ligne{max-width:var(--mure);margin:0 auto;padding:0 1.4rem 1.6rem;font-family:var(--note-police);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--encre-2)}

/* ------- mobile ------- */
@media (max-width:60rem){
  .mq-haut__grille{grid-template-columns:1fr;gap:2rem}
  .mq-haut__marges{flex-direction:row;flex-wrap:wrap}
  .mq-haut__marges .mq-annotation{flex:1 1 15rem}
  .mq-cimaise__mur{grid-template-columns:repeat(2,1fr)}
  .mq-tirage--large,.mq-tirage--moyen{grid-column:span 2}
  .mq-tirage--petit{grid-column:span 1}
  .mq-tirage--decale,.mq-tirage--decale2{margin-top:0}
  .mq-rayons__liste{grid-template-columns:repeat(2,1fr)}
  .mq-piece__rang{grid-template-columns:1fr}
  .mq-piece__marges{position:static;flex-direction:row;flex-wrap:wrap}
  .mq-piece__marges .mq-annotation{flex:1 1 16rem}
  .mq-banc__rang{grid-template-columns:1fr;gap:1.6rem}
  .mq-linteau__rang{grid-template-columns:auto auto;gap:.9rem}
  .mq-nav{order:3;grid-column:1/-1}
  .mq-nav ul{gap:.9rem}
}
@media (max-width:34rem){
  .mq-cimaise__mur{grid-template-columns:1fr}
  .mq-tirage--petit,.mq-tirage--moyen,.mq-tirage--large{grid-column:span 1}
  .mq-rayons__liste{grid-template-columns:1fr}
  .mq-regie{margin:0 -1.4rem}
}