@charset "UTF-8";
/* ==========================================================================
   REVUE NOCTURNE — feuille d'atelier commune aux cinq feuillets
   --------------------------------------------------------------------------
   Vocabulaire des classes : imprimerie et presse papier (manchette, chemin
   de fer, chassis, cliche, folio, filet, cahier, ours, feuillet…).
   Direction photo : noir et blanc argentique, grain Tri-X, clair-obscur.
   Bootstrap 5.3 fournit la grille et les utilitaires ; tout ce qui se voit
   est redefini ici, jetons --bs-* compris, pour que le cadre ne paraisse pas.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Encres, papiers et jetons Bootstrap
   -------------------------------------------------------------------------- */
:root{
  --bas_de_casse:#f7f6ec;
  --encre-plomb:#14130d;
  --encre-italique_plomb:#605c4a;
  --talus:#dedbc2;
  --lingot-de-point_didot:#90271f;
  --voile-plomb:#f0edd7;
  --oeil_de_lettre-de-coquille:#000;

  --serif-de-intitule:"Fraunces",Georgia,"Times New Roman",serif;
  --sans-de-habillage:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;

  --garniture:clamp(18px,4vw,56px);
  --paquet:clamp(22px,3.6vw,60px);
  --remaniement:1400px;
  --composteur-de-forme:clamp(28px,4.4vw,62px);

  /* surcharges Bootstrap */
  --bs-body-bg:var(--bas_de_casse);
  --bs-body-color:var(--encre-plomb);
  --bs-body-font-family:var(--sans-de-habillage);
  --bs-font-sans-serif:var(--sans-de-habillage);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.55;
  --bs-heading-color:var(--encre-plomb);
  --bs-emphasis-color:var(--encre-plomb);
  --bs-secondary-color:var(--encre-italique_plomb);
  --bs-tertiary-bg:var(--voile-plomb);
  --bs-border-color:var(--talus);
  --bs-border-color-translucent:var(--talus);
  --bs-border-width:1px;
  --bs-link-color:var(--encre-plomb);
  --bs-link-hover-color:var(--lingot-de-point_didot);
  --bs-link-decoration:none;
  --bs-focus-ring-color:rgba(141,34,52,.32);
  --bs-focus-ring-width:2px;
  --bs-border-radius:0;
  --bs-border-radius-sm:0;
  --bs-border-radius-lg:0;
  --bs-border-radius-xl:0;
  --bs-border-radius-xxl:0;
  --bs-border-radius-pill:999px;
}

/* tirage de nuit : par preference du systeme… */
@media (prefers-color-scheme:dark){
  :root:not([data-bs-theme="light"]){
    color-scheme:dark;
    --bas_de_casse:#100f0c;
    --encre-plomb:#f3f1e2;
    --encre-italique_plomb:#a8a48c;
    --talus:#2f2d22;
    --lingot-de-point_didot:#e37971;
    --voile-plomb:#1a1913;
  }
}
/* …ou impose par l'attribut Bootstrap */
:root[data-bs-theme="dark"]{
  color-scheme:dark;
  --bas_de_casse:#100f0c;
  --encre-plomb:#f3f1e2;
  --encre-italique_plomb:#a8a48c;
  --talus:#2f2d22;
  --lingot-de-point_didot:#e37971;
  --voile-plomb:#1a1913;
}
:root[data-bs-theme="light"]{
  color-scheme:light;
  --bas_de_casse:#f7f6ec;
  --encre-plomb:#14130d;
  --encre-italique_plomb:#605c4a;
  --talus:#dedbc2;
  --lingot-de-point_didot:#90271f;
  --voile-plomb:#f0edd7;
}

/* --------------------------------------------------------------------------
   2. Reglages de labeur
   -------------------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bas_de_casse);
  color:var(--encre-plomb);
  font-family:var(--sans-de-habillage);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
a:hover{color:var(--lingot-de-point_didot)}
figure{margin:0}
img{display:block;width:100%;height:100%;object-fit:cover}
h1,h2,h3,h4{text-wrap:balance}

/* chassis : la forme qui tient une photographie */
.lingotin{
  position:relative;
  overflow:hidden;
  background:var(--oeil_de_lettre-de-coquille);
}
.lingotin img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.talus-de-galvano{
  border:0;
  border-top:1px solid var(--talus);
  opacity:1;
  margin:var(--composteur-de-forme) 0;
}
.paquet-de-forme{
  --bs-gutter-x:var(--paquet);
  --bs-gutter-y:var(--paquet);
}
.paquet-de-ligature{
  --bs-gutter-x:clamp(16px,2.4vw,36px);
  --bs-gutter-y:clamp(14px,2vw,22px);
}
.ligne-de-service-plomb{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin:0;
  font-size:10.5px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--encre-italique_plomb);
}
.paraphe-de-casse{
  display:block;
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--lingot-de-point_didot);
}
.sus{
  display:block;
  font-size:10.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--lingot-de-point_didot);
}
.clicherie-de-composition{
  font-size:10.5px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--encre-italique_plomb);
}
.entree{
  font-size:14.5px;
  color:var(--encre-italique_plomb);
  margin:0;
  max-width:46ch;
}
.entree-mastic{
  font-size:13.5px;
  color:var(--encre-italique_plomb);
  margin:0;
}

/* --------------------------------------------------------------------------
   3. Bandeau de kiosque, manchette, chemin de fer
   -------------------------------------------------------------------------- */
.bandeau-de-atelier{
  border-bottom:1px solid var(--talus);
  padding:9px var(--garniture);
  font-size:10.5px;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:var(--encre-italique_plomb);
}
.mention-de-atelier{
  border:1px solid var(--talus);
  border-radius:999px;
  padding:3px 10px;
  white-space:nowrap;
}

.fronton{
  padding:clamp(26px,5vw,62px) var(--garniture) clamp(12px,2vw,20px);
}
.intitule-de-fronton{
  font-family:var(--serif-de-intitule);
  font-weight:200;
  font-variation-settings:"opsz" 144;
  font-size:clamp(46px,13vw,160px);
  line-height:.82;
  letter-spacing:-.035em;
  margin:0;
}
.intitule-de-fronton em{
  font-style:italic;
  font-weight:300;
  color:var(--lingot-de-point_didot);
}
.casseau-de-fronton{
  margin:18px auto 0;
  max-width:44ch;
  font-size:clamp(13px,1.5vw,15.5px);
  color:var(--encre-italique_plomb);
}

.chemin-de-apostrophe{
  border-top:1px solid var(--encre-plomb);
  border-bottom:1px solid var(--encre-plomb);
  margin:clamp(16px,2.4vw,28px) var(--garniture) 0;
  gap:clamp(14px,3.4vw,44px);
  padding:12px 8px;
  font-size:11.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.serifs-de-chemin-de-apostrophe{
  padding:2px 0;
  border-bottom:2px solid transparent;
  transition:border-color .18s,color .18s;
}
.serifs-de-chemin-de-apostrophe:hover{color:var(--lingot-de-point_didot)}
.serifs-en-cours{border-bottom-color:var(--lingot-de-point_didot)}

.bourdon-filigrane{
  max-width:var(--remaniement);
  margin-inline:auto;
  padding-inline:var(--garniture);
}

/* --------------------------------------------------------------------------
   4. La une
   -------------------------------------------------------------------------- */
.interligne-de-liminaire{
  padding:var(--composteur-de-forme) 0;
  border-bottom:1px solid var(--talus);
}
.gravure-de-liminaire{aspect-ratio:4/3}
.interligne-de-liminaire:hover .gravure-de-liminaire img{transform:scale(1.035)}
.pastille-de-gravure{
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  background:var(--bas_de_casse);
  color:var(--lingot-de-point_didot);
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
  padding:8px 14px;
}
.avant_texte-de-liminaire{
  font-family:var(--serif-de-intitule);
  font-size:clamp(28px,4vw,56px);
  line-height:1.02;
  font-weight:300;
  letter-spacing:-.02em;
  margin:0 0 18px;
}
.entree-de-liminaire{
  font-size:clamp(14.5px,1.6vw,17px);
  color:var(--encre-italique_plomb);
  margin:0 0 24px;
  max-width:42ch;
}

/* --------------------------------------------------------------------------
   5. Double page : deux coupures de meme rang
   -------------------------------------------------------------------------- */
.cadratin-page{
  padding:var(--composteur-de-forme) 0;
  border-bottom:1px solid var(--talus);
}
.regle{display:grid;gap:13px;align-content:start}
.gravure-de-regle{aspect-ratio:16/10}
.regle:hover .gravure-de-regle img{transform:scale(1.04)}
.intitule-de-regle{
  font-family:var(--serif-de-intitule);
  font-size:clamp(20px,2.4vw,30px);
  line-height:1.12;
  font-weight:400;
  letter-spacing:-.015em;
  margin:0;
}

/* --------------------------------------------------------------------------
   6. Cahier central : exergue sur heliogravure pleine page
   -------------------------------------------------------------------------- */
.forme-cadrat{
  position:relative;
  margin-inline:calc(var(--garniture) * -1);
  min-height:clamp(320px,52vw,560px);
  display:grid;
  place-items:center;
  overflow:hidden;
  background:var(--oeil_de_lettre-de-coquille);
}
.fond-placard{position:absolute;inset:0}
.fond-placard img{opacity:.52;filter:contrast(1.1)}
.fond-placard::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(70% 70% at 50% 50%,transparent,rgba(0,0,0,.75));
}
.citation{
  position:relative;
  z-index:2;
  font-family:var(--serif-de-intitule);
  font-style:italic;
  font-weight:200;
  color:#f6f5e6;
  font-size:clamp(22px,3.6vw,46px);
  line-height:1.24;
  margin:0;
  max-width:22ch;
  text-align:center;
  padding:0 24px;
  text-wrap:balance;
}
.mention-de-source-plomb{
  display:block;
  margin-top:22px;
  font-family:var(--sans-de-habillage);
  font-style:normal;
  font-size:10.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(246,241,230,.68);
}

/* --------------------------------------------------------------------------
   7. Triptyque de breves
   -------------------------------------------------------------------------- */
.taquoir{
  padding:var(--composteur-de-forme) 0;
  border-bottom:1px solid var(--talus);
}
.entrefilet{display:grid;gap:11px;align-content:start}
.gravure-de-entrefilet{aspect-ratio:3/4}
.entrefilet:hover .gravure-de-entrefilet img{transform:scale(1.05)}
.numero-de-entrefilet{
  font-family:var(--serif-de-intitule);
  font-size:12px;
  color:var(--lingot-de-point_didot);
  letter-spacing:.1em;
}
.intitule-de-entrefilet{
  font-family:var(--serif-de-intitule);
  font-size:clamp(17px,1.9vw,22px);
  line-height:1.16;
  font-weight:400;
  margin:0;
}

/* --------------------------------------------------------------------------
   8. Tableau des parutions
   -------------------------------------------------------------------------- */
.tableau-des-tirages{
  background:var(--voile-plomb);
  margin-inline:calc(var(--garniture) * -1);
  padding:clamp(30px,4.4vw,64px) var(--garniture);
}
.cadre-des-tirages{
  max-width:var(--remaniement);
  margin-inline:auto;
}
.intitule-de-tirages{
  font-family:var(--serif-de-intitule);
  font-size:clamp(24px,2.8vw,34px);
  font-weight:300;
  line-height:1.05;
  letter-spacing:-.02em;
  margin:0;
}
.liste-des-tirages{list-style:none;margin:0;padding:0}
.ligne-de-fascicule{
  display:grid;
  grid-template-columns:76px 1fr auto;
  gap:18px;
  align-items:baseline;
  padding:14px 0;
  border-bottom:1px solid var(--talus);
  font-size:15.5px;
  transition:padding-left .22s;
}
.ligne-de-fascicule:first-child{border-top:1px solid var(--talus)}
.ligne-de-fascicule:hover{padding-left:8px}
.interlettrage-de-fascicule{
  font-size:10.5px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--encre-italique_plomb);
}
.casse-de-fascicule{
  font-size:9.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--lingot-de-point_didot);
}

/* --------------------------------------------------------------------------
   9. Bas de page imprime
   -------------------------------------------------------------------------- */
.galee-de-page-morasse{
  border-top:1px solid var(--encre-plomb);
  padding:clamp(24px,3vw,44px) var(--garniture);
  font-size:10.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--encre-italique_plomb);
}
.colophon{margin:0;max-width:52ch;letter-spacing:.14em}
.liens-de-galee-de-page{display:flex;flex-wrap:wrap;gap:22px;margin:0}

/* --------------------------------------------------------------------------
   10. Tete et sommaire de rubrique
   -------------------------------------------------------------------------- */
.capitale-de-forme{
  padding:var(--composteur-de-forme) 0 clamp(20px,2.6vw,34px);
  border-bottom:1px solid var(--encre-plomb);
}
.intitule-de-forme{
  font-family:var(--serif-de-intitule);
  font-weight:300;
  font-size:clamp(38px,8vw,88px);
  line-height:.92;
  letter-spacing:-.03em;
  margin:14px 0 0;
}
.avant_texte-de-forme{
  margin:18px 0 0;
  max-width:56ch;
  font-size:clamp(14px,1.5vw,16.5px);
  color:var(--encre-italique_plomb);
}
.table-de-casse{
  list-style:none;
  margin:0;
  padding:0;
}
.specimen{
  padding:clamp(22px,2.8vw,38px) 0;
  border-bottom:1px solid var(--talus);
}
.specimen:hover .gravure-de-specimen img{transform:scale(1.045)}
.gravure-de-specimen{aspect-ratio:16/10}
.intitule-de-specimen{
  font-family:var(--serif-de-intitule);
  font-weight:400;
  font-size:clamp(19px,2.1vw,27px);
  line-height:1.14;
  letter-spacing:-.015em;
  margin:9px 0 10px;
}
.specimen-de-capitale .gravure-de-specimen{aspect-ratio:4/3}
.specimen-de-capitale .intitule-de-specimen{
  font-weight:300;
  font-size:clamp(27px,3.6vw,46px);
  line-height:1.04;
}
.specimen-de-capitale .entree{
  font-size:clamp(14.5px,1.5vw,16.5px);
  max-width:44ch;
}

/* tourne-pages : pagination Bootstrap recouverte d'encre */
.frisquette-pages{padding:var(--composteur-de-forme) 0}
/* les jetons de pagination sont redeclares par Bootstrap sur .pagination :
   il faut donc les poser la, et non sur le bloc parent. */
.frisquette-pages .pagination{
  --bs-pagination-padding-x:14px;
  --bs-pagination-padding-y:9px;
  --bs-pagination-font-size:11px;
  --bs-pagination-color:var(--encre-plomb);
  --bs-pagination-bg:transparent;
  --bs-pagination-border-width:1px;
  --bs-pagination-border-color:var(--talus);
  --bs-pagination-border-radius:0;
  --bs-pagination-hover-color:var(--lingot-de-point_didot);
  --bs-pagination-hover-bg:var(--voile-plomb);
  --bs-pagination-hover-border-color:var(--encre-plomb);
  --bs-pagination-focus-color:var(--lingot-de-point_didot);
  --bs-pagination-focus-bg:var(--voile-plomb);
  --bs-pagination-focus-box-shadow:none;
  --bs-pagination-active-color:var(--bas_de_casse);
  --bs-pagination-active-bg:var(--encre-plomb);
  --bs-pagination-active-border-color:var(--encre-plomb);
  --bs-pagination-disabled-color:var(--encre-italique_plomb);
  --bs-pagination-disabled-bg:transparent;
  --bs-pagination-disabled-border-color:var(--talus);
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.mention-de-tirage-plomb{
  text-align:center;
  margin:16px 0 0;
  font-size:10.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--encre-italique_plomb);
}

/* --------------------------------------------------------------------------
   11. Feuillet d'article
   -------------------------------------------------------------------------- */
.crenage-de-casse{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:clamp(16px,2vw,26px) 0 0;
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--encre-italique_plomb);
}
.ouverture-plomb{padding:clamp(14px,2vw,24px) 0 var(--composteur-de-forme)}
.grand-intitule{
  font-family:var(--serif-de-intitule);
  font-weight:300;
  font-size:clamp(32px,6vw,78px);
  line-height:.96;
  letter-spacing:-.03em;
  margin:14px 0 0;
  max-width:26ch;
}
.avant_texte{
  font-family:var(--serif-de-intitule);
  font-weight:300;
  font-style:italic;
  font-size:clamp(17px,2vw,25px);
  line-height:1.38;
  color:var(--encre-plomb);
  margin:22px 0 0;
  max-width:52ch;
}
.gravure-reglet{aspect-ratio:16/9;margin-top:clamp(22px,3vw,40px)}
.cartouche-photo{
  margin:10px 0 0;
  padding-top:9px;
  border-top:1px solid var(--talus);
  font-size:11.5px;
  line-height:1.5;
  letter-spacing:.03em;
  color:var(--encre-italique_plomb);
  max-width:62ch;
}
.haut_de_casse-de-texte{padding-bottom:var(--composteur-de-forme)}
.haut_de_casse-de-texte p{
  font-size:clamp(15.5px,1.15vw,17.5px);
  line-height:1.72;
  margin:0 0 1.15em;
  max-width:68ch;
}
.lezarde::first-letter{
  float:left;
  font-family:var(--serif-de-intitule);
  font-weight:300;
  font-size:4.1em;
  line-height:.74;
  padding:6px 12px 0 0;
  color:var(--lingot-de-point_didot);
}
.intertitre-plomb{
  font-family:var(--serif-de-intitule);
  font-weight:300;
  font-size:clamp(21px,2.4vw,32px);
  line-height:1.1;
  letter-spacing:-.02em;
  margin:clamp(30px,3.6vw,52px) 0 16px;
  max-width:34ch;
}
.citation-en-bourdon{
  font-family:var(--serif-de-intitule);
  font-style:italic;
  font-weight:300;
  font-size:clamp(20px,2.5vw,32px);
  line-height:1.26;
  letter-spacing:-.015em;
  margin:clamp(26px,3.2vw,46px) 0;
  padding:0 0 0 clamp(16px,2vw,26px);
  border-left:2px solid var(--lingot-de-point_didot);
  max-width:34ch;
}
.gravure-tierce{aspect-ratio:16/9;margin-top:clamp(26px,3vw,42px)}
.planche-photo-plomb{margin:0}
.blanchiment-de-garniture{
  background:var(--voile-plomb);
  border-top:2px solid var(--encre-plomb);
  padding:clamp(18px,2.2vw,28px);
  margin-bottom:var(--paquet);
}
.intitule-de-garniture{
  font-family:var(--serif-de-intitule);
  font-weight:400;
  font-size:clamp(17px,1.8vw,21px);
  line-height:1.14;
  margin:10px 0 14px;
}
.liste-de-garniture{list-style:none;margin:0;padding:0}
.liste-de-garniture li{
  padding:11px 0;
  border-top:1px solid var(--talus);
  font-size:13.5px;
  line-height:1.5;
  color:var(--encre-italique_plomb);
}
.liste-de-garniture li:last-child{padding-bottom:0}
.encrage-de-garniture{
  display:block;
  color:var(--encre-plomb);
  font-size:10px;
  letter-spacing:.17em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.gouttiere_plomb{
  border-top:1px solid var(--encre-plomb);
  border-bottom:1px solid var(--encre-plomb);
  padding:clamp(16px,2vw,24px) 0;
  margin:var(--composteur-de-forme) 0;
  font-size:13.5px;
  line-height:1.6;
  color:var(--encre-italique_plomb);
  max-width:60ch;
}

/* bloc de renvois : « a lire ensuite » */
.interligne-de-approche{
  padding:var(--composteur-de-forme) 0;
  border-top:1px solid var(--encre-plomb);
}
.intitule-de-approche{
  font-family:var(--sans-de-habillage);
  font-size:10.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--encre-italique_plomb);
  margin:0 0 clamp(18px,2.4vw,32px);
}
.appel{display:grid;gap:11px;align-content:start}
.gravure-de-appel{aspect-ratio:16/10}
.appel:hover .gravure-de-appel img{transform:scale(1.045)}
.intitule-de-appel{
  font-family:var(--serif-de-intitule);
  font-weight:400;
  font-size:clamp(17px,1.9vw,23px);
  line-height:1.14;
  margin:0;
}

/* --------------------------------------------------------------------------
   12. Page de garde (feuillet sobre)
   -------------------------------------------------------------------------- */
.page-de-rang{padding:var(--composteur-de-forme) 0}
.intitule-de-rang{
  font-family:var(--serif-de-intitule);
  font-weight:300;
  font-size:clamp(32px,5.4vw,66px);
  line-height:.98;
  letter-spacing:-.03em;
  margin:14px 0 0;
  max-width:24ch;
}
.gravure-de-rang{aspect-ratio:21/6;margin-top:clamp(22px,3vw,38px)}
.gravure-de-rang img{opacity:.88}
.poincon-de-garniture{aspect-ratio:3/4;margin-bottom:12px}
.bourdon-de-composition{max-width:70ch}
.bourdon-de-composition p{
  font-size:clamp(15.5px,1.15vw,17.5px);
  line-height:1.74;
  margin:0 0 1.15em;
}

/* --------------------------------------------------------------------------
   13. Feuillet manquant
   -------------------------------------------------------------------------- */
.ligature-pontuseau{padding:var(--composteur-de-forme) 0}
.numero-defet{
  font-family:var(--serif-de-intitule);
  font-weight:200;
  font-variation-settings:"opsz" 144;
  font-size:clamp(86px,20vw,230px);
  line-height:.78;
  letter-spacing:-.05em;
  color:var(--lingot-de-point_didot);
  margin:0;
}
.intitule-du-empatement{
  font-family:var(--serif-de-intitule);
  font-weight:300;
  font-size:clamp(26px,3.6vw,46px);
  line-height:1.04;
  letter-spacing:-.025em;
  margin:12px 0 0;
  max-width:26ch;
}
.gravure-du-empatement{aspect-ratio:16/9;margin-top:clamp(22px,3vw,38px)}
.bouton-morasse{
  display:inline-block;
  border:1px solid var(--encre-plomb);
  padding:13px 26px;
  margin-top:26px;
  font-size:10.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  transition:background-color .2s,color .2s;
}
.bouton-morasse:hover{
  background:var(--encre-plomb);
  color:var(--bas_de_casse);
}
.crenage-de-liminaire{
  padding:var(--composteur-de-forme) 0;
  border-top:1px solid var(--talus);
}
.appel-de-poincon{display:grid;gap:10px;align-content:start}
.poincon-de-liminaire{aspect-ratio:16/10}
.poincon-de-liminaire img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.appel-de-poincon:hover .poincon-de-liminaire img{transform:scale(1.05)}
.intitule-de-poincon{
  font-family:var(--serif-de-intitule);
  font-weight:400;
  font-size:clamp(16px,1.8vw,21px);
  line-height:1.16;
  margin:0;
}

/* --------------------------------------------------------------------------
   14. Formats reduits
   -------------------------------------------------------------------------- */
@media (min-width:992px){
  .cicero-de-garniture{position:sticky;top:26px}
}
@media (max-width:767.98px){
  .mention-de-atelier{display:none}
  .entrefilet{
    grid-template-columns:110px 1fr;
    gap:8px 16px;
    align-items:start;
  }
  .gravure-de-entrefilet{grid-row:span 3}
  .gravure-de-liminaire{aspect-ratio:3/2}
  .ligne-de-fascicule{grid-template-columns:1fr;gap:4px}
  .ligne-de-fascicule:hover{padding-left:0}
  .gravure-de-rang{aspect-ratio:16/9}
  .gravure-reglet,.gravure-tierce,.gravure-du-empatement{aspect-ratio:4/3}
}
@media (max-width:575.98px){
  .citation{font-size:clamp(20px,6vw,26px)}
  .chemin-de-apostrophe{gap:12px 18px;font-size:10.5px}
  .ligne-de-service-plomb{gap:12px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .lingotin img,
  .poincon-de-liminaire img,
  .ligne-de-fascicule,
  .serifs-de-chemin-de-apostrophe,
  .bouton-morasse{transition:none}
  .interligne-de-liminaire:hover .gravure-de-liminaire img,
  .regle:hover .gravure-de-regle img,
  .entrefilet:hover .gravure-de-entrefilet img,
  .specimen:hover .gravure-de-specimen img,
  .appel:hover .gravure-de-appel img,
  .appel-de-poincon:hover .poincon-de-liminaire img{transform:none}
}
@media print{
  :root{--bas_de_casse:#fff;--encre-plomb:#000;--encre-italique_plomb:#444;--talus:#bbb}
  .bandeau-de-atelier,.chemin-de-apostrophe,.frisquette-pages{display:none}
  .lingotin{break-inside:avoid}
}