@font-face{
  font-family:'PoliceTitre';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('police-titre.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
    U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'PoliceLibelle';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('police-libelle.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
    U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --encre:#211a14;              /* texte courant — brun-noir de fer bruni */
  --encre-douce:#5a4e42;        /* texte secondaire — jamais plus clair */
  --fond:#f2ece2;               /* papier bistre : le calque de l'atelier */
  --fond-alt:#e2d9cb;           /* section alternée */
  --carte:#fbf7f0;              /* les panneaux */
  --marque:#a33a14;             /* BRAISE : boutons, filets, chiffres, puces */
  --marque-clair:color-mix(in oklab, var(--marque) 10%, white);
  --marque-fonce:#7d2a0d;       /* survol des boutons */
  --filet:#cbbfad;              /* filets : décor, jamais du texte */
  --wa:#25d366;                 /* vert WhatsApp : texte FONCÉ dessus */

  --nuit:#14100c;               /* noir de forge, brun et non bleuté */
  --creme:#f0e9df;              /* texte sur nuit */
  --creme-doux:#b8ab9c;         /* texte secondaire sur nuit */
  --laiton:#d09a55;             /* surtitres et filets sur nuit */
  --laiton-clair:#e2b47e;       /* accents du panneau de verre */
  --bleui:#7c93a4;              /* le reflet BLEUTÉ du fer bruni. DÉCOR
                                   SEUL : filets et facettes de torsade sur
                                   les bandes de nuit, jamais du texte. */

  --liseret:rgba(255,255,255,.9);
  --ombre-proche:rgba(33,26,20,.10);
  --ombre-loin:rgba(33,26,20,.14);
  --ombre-loin-forte:rgba(33,26,20,.20);
  --texte-bouton:#fff;
  --ruban-fond:var(--marque);
  --ruban-texte:var(--texte-bouton);

  --colonne:1140px;
  --fer-cadre:#241d17;          /* LE CADRE DES PHOTOS : un fer plat sombre
                                   qui tranche sur le papier (G6) */
  --fer-ep:7px;                 /* son épaisseur, la même partout */
  --rayon:3px;                  /* le fer plat : presque droit, jamais nul */
  --rayon-bouton:10px;
  --marge:2.5rem;

  --police-titre:'PoliceTitre',"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",Georgia,serif;
  --police-libelle:'PoliceLibelle',"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --police-corps:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

:root{
  --nappe-claire:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='617' height='523' viewBox='0 0 617 523'%3E%3Cg fill='none' stroke='%23241d17' stroke-linecap='round'%3E%3Cpath transform='translate(95,88) rotate(-24) scale(1.25)' stroke-width='3.0' stroke-opacity='1' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(330,205) rotate(141) scale(0.85)' stroke-width='2.4' stroke-opacity='.72' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(542,96) rotate(62) scale(1)' stroke-width='2.6' stroke-opacity='.88' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(182,398) rotate(208) scale(1.4)' stroke-width='3.2' stroke-opacity='.62' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(455,424) rotate(-71) scale(0.7)' stroke-width='2.1' stroke-opacity='1' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(600,286) rotate(17) scale(0.95)' stroke-width='2.5' stroke-opacity='.5' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Ccircle cx='268' cy='64' r='3.1' fill='%23241d17' fill-opacity='.9' stroke='none'/%3E%3Ccircle cx='60' cy='300' r='2.2' fill='%23241d17' fill-opacity='.6' stroke='none'/%3E%3Ccircle cx='505' cy='196' r='2.6' fill='%23241d17' fill-opacity='.75' stroke='none'/%3E%3Ccircle cx='392' cy='486' r='2' fill='%23241d17' fill-opacity='.5' stroke='none'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='389' height='331' viewBox='0 0 389 331'%3E%3Cg fill='none' stroke='%23241d17' stroke-linecap='round'%3E%3Cpath transform='translate(72,252) rotate(96) scale(0.9)' stroke-width='2.5' stroke-opacity='.8' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(286,92) rotate(249) scale(1.15)' stroke-width='2.9' stroke-opacity='.55' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(198,214) rotate(15) scale(0.6)' stroke-width='2.0' stroke-opacity='1' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Ccircle cx='340' cy='268' r='2.4' fill='%23241d17' fill-opacity='.6' stroke='none'/%3E%3Ccircle cx='118' cy='60' r='2' fill='%23241d17' fill-opacity='.8' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
  --nappe-sombre:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='617' height='523' viewBox='0 0 617 523'%3E%3Cg fill='none' stroke='%23ffe3bd' stroke-linecap='round'%3E%3Cpath transform='translate(95,88) rotate(-24) scale(1.25)' stroke-width='3.0' stroke-opacity='1' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(330,205) rotate(141) scale(0.85)' stroke-width='2.4' stroke-opacity='.72' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(542,96) rotate(62) scale(1)' stroke-width='2.6' stroke-opacity='.88' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(182,398) rotate(208) scale(1.4)' stroke-width='3.2' stroke-opacity='.62' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(455,424) rotate(-71) scale(0.7)' stroke-width='2.1' stroke-opacity='1' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(600,286) rotate(17) scale(0.95)' stroke-width='2.5' stroke-opacity='.5' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Ccircle cx='268' cy='64' r='3.1' fill='%23ffe3bd' fill-opacity='.9' stroke='none'/%3E%3Ccircle cx='60' cy='300' r='2.2' fill='%23ffe3bd' fill-opacity='.6' stroke='none'/%3E%3Ccircle cx='505' cy='196' r='2.6' fill='%23ffe3bd' fill-opacity='.75' stroke='none'/%3E%3Ccircle cx='392' cy='486' r='2' fill='%23ffe3bd' fill-opacity='.5' stroke='none'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='389' height='331' viewBox='0 0 389 331'%3E%3Cg fill='none' stroke='%23ffe3bd' stroke-linecap='round'%3E%3Cpath transform='translate(72,252) rotate(96) scale(0.9)' stroke-width='2.5' stroke-opacity='.8' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(286,92) rotate(249) scale(1.15)' stroke-width='2.9' stroke-opacity='.55' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Cpath transform='translate(198,214) rotate(15) scale(0.6)' stroke-width='2.0' stroke-opacity='1' d='M3.2 0.0C3.2 0.2,3.4 0.8,3.3 1.2C3.3 1.6,3.2 2.0,3.1 2.5C2.9 2.9,2.6 3.3,2.3 3.7C1.9 4.1,1.5 4.4,1.0 4.7C0.5 5.0,-0.1 5.2,-0.7 5.3C-1.3 5.4,-2.0 5.4,-2.7 5.3C-3.3 5.1,-4.1 4.9,-4.7 4.5C-5.4 4.1,-6.1 3.6,-6.6 3.0C-7.1 2.3,-7.7 1.5,-8.0 0.7C-8.3 -0.2,-8.6 -1.2,-8.6 -2.3C-8.6 -3.3,-8.5 -4.5,-8.1 -5.5C-7.8 -6.6,-7.2 -7.8,-6.4 -8.8C-5.7 -9.8,-4.7 -10.8,-3.5 -11.5C-2.3 -12.3,-0.9 -13.0,0.6 -13.3C2.1 -13.7,3.9 -13.9,5.6 -13.7C7.3 -13.5,9.2 -13.0,10.9 -12.2C12.6 -11.4,14.4 -10.2,15.9 -8.7C17.4 -7.2,18.8 -5.4,19.8 -3.3C20.8 -1.2,21.6 1.3,21.9 3.9C22.1 6.5,22.1 9.4,21.4 12.2C20.7 14.9,19.6 17.9,17.8 20.6C16.1 23.3,13.8 26.0,11.0 28.1C8.2 30.2,4.8 32.2,1.1 33.4C-2.6 34.6,-6.8 35.4,-11.1 35.3C-15.5 35.2,-20.2 34.4,-24.7 32.7C-29.1 31.0,-35.6 26.3,-37.8 25.1'/%3E%3Ccircle cx='340' cy='268' r='2.4' fill='%23ffe3bd' fill-opacity='.6' stroke='none'/%3E%3Ccircle cx='118' cy='60' r='2' fill='%23ffe3bd' fill-opacity='.8' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
  --facettes-verticales:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='27' viewBox='0 0 16 27'%3E %3Cpath fill='%23e6dccf' fill-opacity='.30' d='M8 1.5 Q-0.5 13.5,8 25.5 Q16.5 13.5,8 1.5 Z'/%3E %3Cpath fill='%230d0a07' fill-opacity='.30' d='M8 25.5 Q16.5 13.5,8 1.5 L16 1.5 L16 25.5 Z'/%3E %3C/svg%3E");
  --facettes-horizontales:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='16' viewBox='0 0 27 16'%3E %3Cpath fill='%23e6dccf' fill-opacity='.30' d='M1.5 8 Q13.5 -0.5,25.5 8 Q13.5 16.5,1.5 8 Z'/%3E %3Cpath fill='%230d0a07' fill-opacity='.30' d='M25.5 8 Q13.5 -0.5,1.5 8 L1.5 16 L25.5 16 Z'/%3E %3C/svg%3E");
}

.torsade,
.equipe__fer,
.hero__fer{
  background-image:
    var(--facettes-horizontales),
    linear-gradient(180deg,#6a5e54 0%,#241d17 56%,#4a4038 100%);
  background-size:27px 100%,auto;
}
.hero__fer{
  background-image:
    var(--facettes-verticales),
    linear-gradient(90deg,#3f362e 0%,#14100c 56%,#2c241d 100%);
  background-size:100% 27px,auto;
}
.realisations__cadre{
  background-image:
    var(--facettes-verticales),
    linear-gradient(90deg,#544a40 0%,#1a150f 58%,#382f26 100%);
  background-size:100% 27px,auto;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--police-corps);
  font-size:1rem;
  line-height:1.65;
  color:var(--encre);
  background:var(--fond);
}
img{max-width:100%;height:auto;display:block}
a{color:var(--marque)}
h1,h2,h3{font-family:var(--police-titre);font-weight:400;line-height:1.12;margin:0}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0}
li{list-style:none}

.tableau dd,.hero__actions,.poste__num,.bouton,.plaque{
  font-family:var(--police-libelle);
  font-variant-numeric:lining-nums tabular-nums;
}

.bande{width:min(100% - var(--marge), var(--colonne));margin-inline:auto}

.saut-contenu{
  position:absolute;left:-9999px;top:0;z-index:60;
  background:var(--nuit);color:var(--creme);padding:12px 16px;border-radius:var(--rayon-bouton);
}
.saut-contenu:focus{left:16px;top:16px}

:focus-visible{outline:3px solid var(--marque);outline-offset:3px}

.ruban{
  margin:0;padding:8px 16px;text-align:center;
  background:var(--ruban-fond);color:var(--ruban-texte);
  font-family:var(--police-libelle);font-size:.82rem;letter-spacing:.02em;
}
.ruban a{color:var(--ruban-texte);text-underline-offset:3px}

.entete{position:sticky;top:0;z-index:50}
.entete .bande{width:100%;max-width:none;padding-inline:0}
.nav{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px max(calc((100% - var(--colonne)) / 2), calc(var(--marge) / 2));
  background:color-mix(in srgb,var(--nuit) 85%,transparent);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  backdrop-filter:blur(16px) saturate(115%);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.marque{display:flex;flex-direction:column;text-decoration:none;line-height:1.15}
.marque__nom{
  font-family:var(--police-titre);font-size:1.32rem;color:var(--creme);
  letter-spacing:.04em;
}
.marque__sous{
  font-family:var(--police-libelle);font-size:.7rem;color:var(--creme-doux);
  text-transform:uppercase;letter-spacing:.18em;margin-top:2px;
}

#nav-toggle{
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  width:48px;height:44px;padding:0 10px;
  background:transparent;border:1px solid rgba(255,255,255,.22);
  border-radius:var(--rayon-bouton);cursor:pointer;
}
.nav-toggle__trait{display:block;height:2px;background:var(--creme);border-radius:2px}

#nav-links{display:none}
#nav-links.is-open{
  display:flex;flex-direction:column;gap:4px;
  position:absolute;left:0;right:0;top:100%;
  padding:12px max(calc((100% - var(--colonne)) / 2), calc(var(--marge) / 2)) 20px;
  background:color-mix(in srgb,var(--nuit) 96%,transparent);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.10);
}
#nav-links a{
  display:block;padding:12px 4px;min-height:44px;
  font-family:var(--police-libelle);font-size:.94rem;letter-spacing:.06em;
  color:var(--creme);text-decoration:none;text-transform:uppercase;
}
#nav-links a:hover{color:var(--laiton-clair)}
#nav-links .bouton{margin-top:8px;text-align:center}

@media (min-width:62rem){
  #nav-toggle{display:none}
  #nav-links{display:flex;align-items:center;gap:8px}
  #nav-links a{padding:10px 12px;font-size:.82rem}
}

.bouton{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:12px 26px;
  border-radius:var(--rayon-bouton);
  font-family:var(--police-libelle);font-size:.92rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
  transition:background-color .2s ease,background-image .2s ease;
}
.bouton--plein{
  color:var(--texte-bouton);
  background-image:linear-gradient(180deg,
    color-mix(in srgb,var(--marque) 92%,white) 0%, var(--marque) 100%);
  background-color:var(--marque);
  box-shadow:0 1px 2px var(--ombre-proche),0 12px 28px var(--ombre-loin),
             inset 0 1px 0 rgba(255,255,255,.18);
}
.bouton--plein:hover{
  background-color:var(--marque-fonce);
  background-image:linear-gradient(180deg,
    var(--marque) 0%, var(--marque-fonce) 100%);
}
.bouton--grand{min-height:56px;padding:14px 30px;font-size:1rem}
.bouton--wa{
  color:#0b2e17;background-color:var(--wa);
  background-image:linear-gradient(180deg,
    color-mix(in srgb,var(--wa) 92%,white) 0%, var(--wa) 100%);
  box-shadow:0 1px 2px var(--ombre-proche),0 12px 28px var(--ombre-loin);
}
@media (min-width:48rem){.mobile-seulement{display:none}}

.sur{
  font-family:var(--police-libelle);font-size:.74rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--encre-douce);
  margin-bottom:8px;
}
.entete-section h2{
  font-size:clamp(1.9rem,3.6vw,2.9rem);
  letter-spacing:.01em;
}
.entete-section{margin-bottom:32px}
.entete-section--centre{text-align:center}
.assise{
  display:block;width:72px;height:3px;margin-top:16px;
  background:var(--marque);border-radius:2px;
  transform-origin:left center;
}
.entete-section--centre .assise{margin-inline:auto;transform-origin:center}
.bande-nuit .sur{color:var(--laiton)}
.bande-nuit h2,.bande-nuit h3{color:var(--creme)}
.bande-nuit .assise{background:var(--laiton)}

main > section{position:relative}
main > section::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:var(--nappe);
  background-size:617px 523px,389px 331px;
  background-position:0 0,143px 87px;
  opacity:var(--nappe-force);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.34) 26%,rgba(0,0,0,.16) 50%,rgba(0,0,0,.34) 74%,#000 100%);
          mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.34) 26%,rgba(0,0,0,.16) 50%,rgba(0,0,0,.34) 74%,#000 100%);
}
main > section::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  --goutte:max(0px,calc((100% - var(--colonne)) / 2));
  background-image:
    linear-gradient(90deg,var(--joue-fond) 0%,transparent 36%,transparent 64%,var(--joue-fond) 100%);
  background-size:
    auto;
  background-position:
    left top;
  background-repeat:no-repeat;
}
.section-claire{
  --nappe:var(--nappe-claire);
  --nappe-force:.11;
  --joue-fond:rgba(33,26,20,.22);
}
.section-sombre{
  --nappe:var(--nappe-sombre);
  --nappe-force:.16;
  --joue-fond:rgba(255,238,209,.08);
}
.section-claire{
  background-image:linear-gradient(180deg,transparent 0%,
    color-mix(in srgb,var(--encre) 6%,transparent) 100%);
}
.hero__bande,.equipe__photo,.realisations__cadre{position:relative;z-index:1}

.hero{
  position:relative;isolation:auto;
  min-height:clamp(560px,84vh,760px);
  display:flex;align-items:flex-end;
  padding-block:96px 64px;
  background:var(--nuit);
  overflow:hidden;
}
.hero__photo{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;z-index:0;
}
.hero__voile{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(102deg,
    color-mix(in srgb,var(--nuit) 84%,transparent) 0%,
    color-mix(in srgb,var(--nuit) 62%,transparent) 48%,
    color-mix(in srgb,var(--nuit) 34%,transparent) 100%);
}
.hero__halo{
  position:absolute;z-index:2;pointer-events:none;
  left:-10%;top:-20%;width:900px;height:900px;max-width:120%;
  background:radial-gradient(circle at 50% 50%,
    color-mix(in srgb,var(--marque) 7%,transparent) 0%,
    transparent 62%);
}
.hero__bande{position:relative;z-index:3;width:min(100% - var(--marge),var(--colonne))}

.hero__verre{
  position:relative;
  max-width:46rem;
  padding:32px 32px 32px 40px;
  border-radius:var(--rayon);
  background:color-mix(in srgb,var(--nuit) 84%,transparent);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  backdrop-filter:blur(16px) saturate(115%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),
             0 1px 2px rgba(0,0,0,.20),0 24px 60px rgba(0,0,0,.30);
}
.hero__fer{
  position:absolute;left:0;top:14px;bottom:14px;width:15px;
  border-radius:6px;
  box-shadow:0 1px 2px rgba(0,0,0,.30);
  background-size:100% 24px,auto;
}
.hero__etiquette{
  font-family:var(--police-libelle);font-size:.76rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--laiton-clair);
  margin-bottom:16px;
}
.hero__titre{
  font-size:clamp(2.15rem,4.3vw,3.5rem);
  color:var(--creme);letter-spacing:.005em;
}
.hero__accent{
  display:block;
  font-family:var(--police-titre);
  font-size:clamp(2.15rem,4.3vw,3.5rem);line-height:1.12;
  color:var(--laiton-clair);
}
.hero__intro{
  margin-top:20px;max-width:34rem;
  color:var(--creme-doux);font-size:1.06rem;
}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

@media (min-width:48rem){
  .hero__verre{padding:40px 48px 40px 56px}
  .hero__fer{left:0;top:20px;bottom:20px;width:18px}
}

.panneau-sect{
  background-color:var(--fond);
  padding-block:64px;                   /* DENSE : la grille parle */
}
.panneau-sect .bande{position:relative;z-index:1}
.panneau-sect__grille{display:grid;gap:40px}
.panneau-sect__texte{max-width:34rem}
.panneau-sect__intro{margin-top:16px;color:var(--encre-douce);font-size:1.06rem}
.panneau-sect__note{
  margin-top:24px;padding-top:20px;
  border-top:1px solid var(--filet);
  color:var(--encre-douce);font-size:.98rem;
}

.panneau-fer{
  width:100%;height:auto;display:block;
  filter:drop-shadow(0 12px 22px rgba(33,26,20,.18));
}
.panneau-fer .fer{
  fill:none;stroke:var(--encre);
  stroke-linecap:round;stroke-linejoin:round;
}
.panneau-fer .rivet{fill:var(--encre)}

@media (min-width:62rem){
  .panneau-sect{padding-block:76px}
  .panneau-sect__grille{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    gap:64px;align-items:center;
  }
}

.travaux{
  background-color:var(--fond-alt);     /* le papier foncé fait ressortir
                                           le panneau blanc */
  background-image:
    linear-gradient(180deg,
      color-mix(in srgb,var(--encre) 6%,var(--fond)) 0px,transparent 200px),
    linear-gradient(180deg,transparent 0%,
      color-mix(in srgb,var(--encre) 6%,transparent) 100%);
  padding-block:96px;                   /* AÉRÉ : on lit quatre postes */
}
.travaux .bande{position:relative;z-index:1}
.travaux__grille{display:grid;gap:32px}

.panneau{
  background:var(--carte);
  border-radius:var(--rayon);
  padding:40px 28px;
  border-top:3px solid var(--marque);
  box-shadow:0 1px 2px var(--ombre-proche),0 12px 28px var(--ombre-loin),
             inset 0 1px 0 var(--liseret);
}
.postes{display:grid;gap:24px}
.poste{
  display:grid;grid-template-columns:34px minmax(0,1fr);
  column-gap:14px;row-gap:4px;align-items:start;
}
.poste__volute{grid-row:1 / span 2;width:30px;height:30px;margin-top:2px}
.poste__volute path{
  fill:none;stroke:var(--marque);stroke-width:8;stroke-linecap:round;
}
.poste h3{font-size:1.24rem}
.poste p{color:var(--encre-douce);font-size:.98rem}

.cadre{
  position:relative;margin:0;overflow:hidden;
  border-radius:0;
  padding:var(--fer-ep);
  background-color:var(--fer-cadre);
  background-image:
    var(--facettes-horizontales),
    linear-gradient(180deg,#4d443b 0%,#241d17 54%,#3c332b 100%);
  background-size:27px 100%,auto;
  box-shadow:0 1px 2px var(--ombre-proche),0 14px 30px var(--ombre-loin);
}
.cadre::after{
  content:"";position:absolute;inset:var(--fer-ep);z-index:2;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(208,154,85,.34);
}
.cadre img{width:100%;height:100%;object-fit:cover;display:block}

.travaux__visuel{aspect-ratio:4 / 3}

@media (min-width:62rem){
  .travaux{padding-block:128px}
  .travaux__grille{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);
    gap:48px;align-items:stretch}
  .panneau{padding:48px 40px}
  .postes{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 36px}
  .travaux__visuel{margin-top:0;aspect-ratio:auto;position:relative}
  .travaux__visuel img{position:absolute;inset:var(--fer-ep);
    width:calc(100% - var(--fer-ep) * 2);height:calc(100% - var(--fer-ep) * 2);
    object-fit:cover}
}

.realisations{background-color:var(--nuit);padding-block:64px}
.realisations .bande{position:relative;z-index:1}
.realisations__cadre{
  position:relative;
  padding:18px;border-radius:0;
  box-shadow:0 1px 2px rgba(0,0,0,.30),0 24px 60px rgba(0,0,0,.34),
             inset 0 0 0 1px rgba(208,154,85,.20);
}
.realisations__grille{display:grid;gap:16px}
.realisations__grille .cadre{padding:0;background:none;box-shadow:none}
.realisations__grille .cadre::after{content:none}
.realisations__grille figure{aspect-ratio:4 / 3}
.realisations__cadre::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background-image:
    radial-gradient(circle at 50% 34%,#93867a 0%,#2a231c 68%,transparent 70%),
    radial-gradient(circle at 50% 34%,#93867a 0%,#2a231c 68%,transparent 70%),
    radial-gradient(circle at 50% 34%,#93867a 0%,#2a231c 68%,transparent 70%),
    radial-gradient(circle at 50% 34%,#93867a 0%,#2a231c 68%,transparent 70%);
  background-size:10px 10px;
  background-repeat:no-repeat;
  background-position:
    left 14px top 14px, right 14px top 14px,
    left 14px bottom 14px, right 14px bottom 14px;
}

@media (min-width:48rem){
  .realisations__grille{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:62rem){
  .realisations{padding-block:76px}          /* DENSE : les photos parlent */
  .realisations__grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr)}
  .realisations__grille figure{aspect-ratio:auto;height:400px}
}

.savoir{
  background-color:var(--fond);
  padding-block:96px;                   /* AÉRÉ : la page reprend son souffle */
}
.savoir .bande{position:relative;z-index:1}
.savoir__bande{display:grid;gap:24px}
.savoir__large{aspect-ratio:4 / 3}
.savoir__haute{aspect-ratio:3 / 4}

@media (min-width:62rem){
  .savoir{padding-block:128px}
  .savoir__bande{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
    gap:32px;align-items:stretch}
  .savoir__large{aspect-ratio:16 / 10}
  .savoir__haute{aspect-ratio:auto;margin-bottom:0;position:relative}
  .savoir__haute img{position:absolute;inset:var(--fer-ep);
    width:calc(100% - var(--fer-ep) * 2);height:calc(100% - var(--fer-ep) * 2);
    object-fit:cover}
}

.equipe{background-color:var(--nuit);padding-block:56px}
.equipe .bande{position:relative;z-index:1}
.equipe__photo{
  margin:32px 0 0;position:relative;
  padding-block:13px;
}
.equipe__photo img{
  width:100%;height:clamp(240px,42vw,460px);object-fit:cover;display:block;
}
.equipe__fer{
  position:absolute;left:0;right:0;height:13px;border-radius:6px;
  box-shadow:0 1px 2px rgba(0,0,0,.4);
}
.equipe__fer--haut{top:0}
.equipe__fer--bas{bottom:0}
@media (min-width:62rem){.equipe{padding-block:68px}}   /* DENSE */

.contact{
  background-color:var(--fond-alt);     /* comme « L'ouvrage » : le papier
                                           foncé porte le panneau blanc */
  padding-block:96px;                   /* AÉRÉ : le dernier écran */
}
.contact .bande{position:relative;z-index:1}
.contact__grille{display:grid;gap:32px}
.contact__phrase{margin:4px 0 8px;color:var(--encre-douce);text-align:center}
.contact__visuel{aspect-ratio:4 / 3}

.fiche{margin-top:32px}
.contact__appel{margin-top:28px;display:flex}
.contact__appel .bouton{width:100%}
.fiche__titre{
  font-family:var(--police-libelle);font-size:.74rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--encre-douce);
  margin:0 0 12px;
}
.tableau{border-top:1px solid var(--filet)}
.tableau__ligne{
  display:grid;grid-template-columns:7rem minmax(0,1fr);
  gap:8px 16px;align-items:baseline;
  padding:12px 0;border-bottom:1px solid var(--filet);
}
.tableau dt{
  font-family:var(--police-libelle);font-size:.82rem;
  letter-spacing:.06em;color:var(--encre-douce);
}
.tableau dd{margin:0;font-size:1rem}
.tableau dd a{
  color:var(--marque);text-decoration:none;
  display:inline-block;min-height:24px;padding:2px 0;
  border-bottom:1px solid color-mix(in srgb,var(--marque) 40%,transparent);
}
.tableau dd a:hover{border-bottom-color:var(--marque)}
.tableau__ligne--aujourdhui{background:color-mix(in srgb,var(--marque) 7%,transparent)}
.tableau__ligne--aujourdhui dt{color:var(--encre)}
.tableau__aujourdhui{
  display:inline-block;margin-left:8px;padding:2px 8px;
  border-radius:999px;background:var(--marque);color:var(--texte-bouton);
  font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;
}
.tableau__ligne--ferme dd{color:var(--encre-douce)}

@media (min-width:62rem){
  .contact{padding-block:120px}
  .contact__grille{grid-template-columns:minmax(0,1fr);
    gap:48px;align-items:start;max-width:920px;margin-inline:auto}
  .contact__carte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:48px;align-items:start}
  .contact__carte > .entete-section,
  .contact__carte > .contact__phrase{grid-column:1 / -1}
  .contact__carte .fiche{margin-top:24px}
  .contact__appel{margin-top:28px}
}

.pied{background:var(--nuit);color:var(--creme-doux);padding-block:56px 40px}
.pied__interieur{text-align:center}
.pied .assise{background:var(--laiton);margin-inline:auto;margin-bottom:24px}
.pied__nom{
  font-family:var(--police-titre);font-size:1.6rem;color:var(--creme);
  letter-spacing:.05em;
}
.pied__lieu{
  font-family:var(--police-libelle);font-size:.74rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--laiton);margin-top:6px;
}
.pied__bas{
  margin-top:32px;padding-top:20px;
  border-top:1px solid rgba(255,255,255,.12);
}
.pied__credit{font-size:.84rem;color:var(--creme-doux)}
.pied__credit a{color:var(--laiton-clair)}

html.js .reveal{
  opacity:0;transform:translateY(16px);
  transition:opacity .5s ease,transform .5s ease;
  transition-delay:calc(var(--i,0) * 80ms);
}
html.js .reveal.est-vu{opacity:1;transform:none}

html.js .assise{transform:scaleX(0);transition:transform .6s ease .12s}
html.js .assise.est-vu{transform:scaleX(1)}

html.js .panneau-fer .trace{
  stroke-dasharray:100;stroke-dashoffset:100;
  transition:stroke-dashoffset 1.2s ease;
  transition-delay:calc(var(--i,0) * 160ms);
}
html.js .est-vu .panneau-fer .trace,
html.js .panneau-fer.est-vu .trace{stroke-dashoffset:0}
html.js .panneau-fer .pose{
  opacity:0;transform:scale(.86);transform-box:fill-box;transform-origin:center;
  transition:opacity .4s ease,transform .4s ease;
  transition-delay:calc(var(--i,0) * 160ms);
}
html.js .est-vu .panneau-fer .pose,
html.js .panneau-fer.est-vu .pose{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
  html.js .reveal{transform:none;transition:opacity .4s ease}
  html.js .assise{transform:none;transition:opacity .4s ease}
  html.js .panneau-fer .trace{
    stroke-dasharray:none;stroke-dashoffset:0;transition:none;
  }
  html.js .panneau-fer .pose{opacity:1;transform:none;transition:none}
  .bouton,.cadre,.cadre img{transition:none}
}

@media (max-width:600px){
  .hero{
    display:block;
    min-height:0;
    padding-block:0 56px;
  }
  .hero__photo{
    position:relative;
    height:40vh;max-height:330px;
    object-position:70% center;
  }
  .hero__voile{
    inset:0 0 auto 0;
    height:40vh;max-height:330px;
  }
  .hero__halo{top:-34%}
  .hero__bande{margin-top:-28px}
  .hero__verre{padding:28px 24px 28px 32px}
}

.entete .nav{background-color:rgba(20,16,12,0.80)}
.entete{margin-bottom:-77px}