@charset "utf-8";
/* ==========================================================================
   LUMIÈRE BASSE — feuille unique des cinq pages
   Vocabulaire de l'atelier photographique : ouverture, pose, volet, tirage,
   épreuve, planche contact, contre-jour, bobine.
   Direction photo : lumière naturelle, pellicule couleur chaude, tons crème
   et miel. Beaucoup d'air, aucune carte, aucune grille de vignettes.
   Bootstrap 5.3 porte la structure ; ses variables sont remises au pas
   ci-dessous pour qu'il ne se voie jamais.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Lumière du jour
   -------------------------------------------------------------------------- */
:root{
  color-scheme:light dark;

  --fond-labo:#fbf9f3;
  --encre-bain:#1c1914;
  --encre-bobineuse:#6e6554;
  --trait-de-eclairement:#e4dec8;
  --papier_mat:#b78929;
  --solarisation:#f2eedf;
  --agitation-de-chassis_photo:#17140c;
  --virage_sepia-sur-photo:#fdfcf4;
  --papier_mat-sur-photo:#f3d587;

  --serif-de-mention_photo:"Instrument Serif",Georgia,"Times New Roman",serif;
  --sans-de-lecture-bain:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

  --marge-d-labo:clamp(18px,4vw,52px);
  --pied_de_cuve-de-lecture:38.5rem; /* ≈ 66 signes par ligne, légendes comprises */
  --agrandisseur:clamp(28px,5vw,88px);
  --grand-agrandisseur:clamp(56px,10vw,160px);
}

/* --------------------------------------------------------------------------
   2. Lumière basse — par préférence du système, et par l'attribut de Bootstrap
   -------------------------------------------------------------------------- */
@media (prefers-color-scheme:dark){
  :root:not([data-bs-theme="light"]){
    --fond-labo:#15130e;
    --encre-bain:#f4f0e2;
    --encre-bobineuse:#a99e89;
    --trait-de-eclairement:#312d21;
    --papier_mat:#e3ba5b;
    --solarisation:#1e1c14;
  }
}
:root[data-bs-theme="dark"]{
  --fond-labo:#15130e;
  --encre-bain:#f4f0e2;
  --encre-bobineuse:#a99e89;
  --trait-de-eclairement:#312d21;
  --papier_mat:#e3ba5b;
  --solarisation:#1e1c14;
}

/* --------------------------------------------------------------------------
   3. Bootstrap mis au pas : mêmes jetons, dans les deux lumières
   -------------------------------------------------------------------------- */
:root,
:root[data-bs-theme="light"],
:root[data-bs-theme="dark"]{
  --bs-font-sans-serif:var(--sans-de-lecture-bain);
  --bs-body-font-family:var(--sans-de-lecture-bain);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:300;
  --bs-body-line-height:1.62;
  --bs-body-bg:var(--fond-labo);
  --bs-body-color:var(--encre-bain);
  --bs-emphasis-color:var(--encre-bain);
  --bs-heading-color:var(--encre-bain);
  --bs-secondary-color:var(--encre-bobineuse);
  --bs-secondary-bg:var(--solarisation);
  --bs-tertiary-bg:var(--solarisation);
  --bs-tertiary-color:var(--encre-bobineuse);
  --bs-border-color:var(--trait-de-eclairement);
  --bs-border-color-translucent:var(--trait-de-eclairement);
  --bs-border-radius:0;
  --bs-border-radius-sm:0;
  --bs-border-radius-lg:0;
  --bs-link-color:var(--encre-bain);
  --bs-link-color-rgb:28,24,20;
  --bs-link-hover-color:var(--papier_mat);
  --bs-code-color:var(--papier_mat);
  --bs-highlight-bg:var(--solarisation);
  --bs-focus-ring-width:1px;
  --bs-focus-ring-opacity:1;
  --bs-focus-ring-color:var(--papier_mat);
  --bs-table-bg:transparent;
  --bs-table-color:var(--encre-bain);
  --bs-table-border-color:var(--trait-de-eclairement);
  --bs-table-striped-bg:transparent;
  --bs-table-striped-color:var(--encre-bain);
}

/* --------------------------------------------------------------------------
   4. Socle
   -------------------------------------------------------------------------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;
  font-synthesis-weight:none}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
:focus-visible{outline:1px solid var(--papier_mat);outline-offset:3px}
::selection{background:var(--papier_mat);color:var(--fond-labo)}

/* --------------------------------------------------------------------------
   5. Bandeau d'atelier : un seul en-tête, deux états de lumière
   -------------------------------------------------------------------------- */
.bandeau-d-labo{position:relative;z-index:20;
  padding:20px var(--marge-d-labo);
  border-bottom:1px solid var(--trait-de-eclairement);
  background:var(--fond-labo);color:var(--encre-bain)}
/* état « posé sur la photo » : les pages qui ouvrent sur une image */
.bandeau-d-labo.en-plan_de_sechage{position:absolute;top:0;left:0;right:0;
  border-bottom:0;background:none;color:var(--virage_sepia-sur-photo);
  text-shadow:0 1px 14px rgba(20,14,8,.55)}
.bandeau-d-labo.en-plan_de_sechage::before{content:"";position:absolute;inset:0;
  z-index:-1;pointer-events:none;
  background:linear-gradient(rgba(20,14,8,.52),rgba(20,14,8,0))}

.etiquette_boite-de-la-entonnoir_labo{font-family:var(--serif-de-mention_photo);
  font-size:clamp(20px,2.3vw,27px);letter-spacing:.01em;line-height:1;
  white-space:nowrap}

.essoreuse-de-pellicule_120{width:34px;height:28px;padding:0;border:0;background:none;
  color:inherit;display:grid;align-content:center;gap:5px;cursor:pointer}
.essoreuse-de-pellicule_120 span{display:block;height:1px;background:currentColor;
  transition:transform .25s cubic-bezier(.2,.7,.2,1),opacity .2s}
.essoreuse-de-pellicule_120[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(10deg)}
.essoreuse-de-pellicule_120[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-10deg)}

.chemin-soufflette{position:absolute;top:100%;left:0;right:0;
  padding:16px var(--marge-d-labo) 24px;
  background:var(--fond-labo);
  border-bottom:1px solid var(--trait-de-eclairement)}
.en-plan_de_sechage .chemin-soufflette{background:rgba(21,16,11,.94);
  border-bottom-color:rgba(253,250,244,.16)}

.chemin-de-eclairement{font-size:12px;letter-spacing:.17em;text-transform:uppercase;
  font-weight:400}
.chemin-de-eclairement a{opacity:.82;transition:opacity .2s}
.chemin-de-eclairement a:hover,.chemin-de-eclairement a:focus-visible{opacity:1}
.chemin-de-eclairement a[aria-current="page"]{opacity:1;color:var(--papier_mat)}
.en-plan_de_sechage .chemin-de-eclairement a[aria-current="page"]{color:var(--papier_mat-sur-photo)}

.mention-d-arret_bain{font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  border:1px solid var(--trait-de-eclairement);border-radius:999px;padding:4px 10px;
  color:var(--encre-bobineuse);line-height:1.4}
.en-plan_de_sechage .mention-d-arret_bain{border-color:rgba(253,250,244,.45);
  color:rgba(253,250,244,.88)}

@media (min-width:992px){
  .chemin-soufflette{position:static;padding:0;background:none;border-bottom:0}
  .en-plan_de_sechage .chemin-soufflette{background:none}
}

/* --------------------------------------------------------------------------
   6. Grande ouverture : la pose plein écran
   -------------------------------------------------------------------------- */
.filtre_jaune-ouverture{position:relative;display:grid;align-items:end;
  min-height:min(88vh,860px);overflow:hidden;background:var(--agitation-de-chassis_photo)}
.filtre_jaune-ouverture.a-cuvette_de_rincage-hypo{min-height:min(64vh,620px)}
.lampe_rouge-minuteur_labo{position:absolute;inset:0}
.lampe_rouge-minuteur_labo img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.lampe_rouge-minuteur_labo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(transparent 32%,rgba(23,18,12,.28) 58%,rgba(23,18,12,.88))}

.grain-jour{position:relative;z-index:2;
  padding:clamp(28px,5vw,80px) var(--marge-d-labo);
  max-width:min(900px,94%);color:var(--virage_sepia-sur-photo)}
.masque_de_main-de-serie{font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--papier_mat-sur-photo);margin:0 0 18px;font-weight:400}
.masque_de_main-de-serie a{border-bottom:1px solid rgba(240,195,138,.4)}
.mention_photo-en-minuteur_labo-eclairement{font-family:var(--serif-de-mention_photo);font-weight:400;
  font-size:clamp(34px,6.4vw,86px);line-height:1.02;margin:0;
  letter-spacing:-.015em;text-wrap:balance;color:inherit}
.a-cuvette_de_rincage-hypo .mention_photo-en-minuteur_labo-eclairement{font-size:clamp(30px,5.2vw,68px)}
.legende_haut-de-eclairement{margin:20px 0 0;max-width:52ch;
  font-size:clamp(14.5px,1.7vw,18px);line-height:1.6;
  color:rgba(253,250,244,.82)}
.marques-de-loupe_de_point-de-cuve_rincage{margin-top:26px;font-size:11px;letter-spacing:.17em;
  text-transform:uppercase;color:rgba(253,250,244,.62)}
.marques-de-loupe_de_point-de-cuve_rincage>*{white-space:nowrap}

/* --------------------------------------------------------------------------
   7. Bandes claires : volet image / volet texte, en alternance
   -------------------------------------------------------------------------- */
.pellicule-flashage{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;
  min-height:clamp(380px,56vw,620px)}
.obturateur-de-densitometre{position:relative;overflow:hidden;background:var(--agitation-de-chassis_photo);
  min-height:320px}
.obturateur-de-densitometre img{width:100%;height:100%;object-fit:cover;
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.pellicule-flashage:hover .obturateur-de-densitometre img{transform:scale(1.045)}
.obturateur-de-chargeur{display:grid;align-content:center;gap:16px;
  padding:clamp(28px,5vw,88px) clamp(20px,4.4vw,78px)}
.obturateur-de-chargeur.en-lampe_de_labo-solarisation{background:var(--solarisation)}
.pellicule-flashage.a-verre_depoli .obturateur-de-densitometre{order:2}

.serie-de-negatif{font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--papier_mat)}
.mention_photo-de-pellicule{font-family:var(--serif-de-mention_photo);font-weight:400;
  font-size:clamp(26px,3.6vw,46px);line-height:1.08;margin:0;
  letter-spacing:-.012em;text-wrap:balance}
.legende_haut-de-pellicule{margin:0;font-size:clamp(14.5px,1.6vw,17px);
  color:var(--encre-bobineuse);max-width:46ch}
.amorce_film-de-lecture{margin-top:6px;font-size:11.5px;letter-spacing:.2em;
  text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}
.amorce_film-de-lecture::after{content:"";width:34px;height:1px;background:var(--papier_mat);
  transition:width .3s cubic-bezier(.2,.7,.2,1)}
.pellicule-flashage:hover .amorce_film-de-lecture::after{width:56px}

/* --------------------------------------------------------------------------
   8. Souffle de page : une phrase, beaucoup de vide
   -------------------------------------------------------------------------- */
.eprouvette-de-page{padding:var(--grand-agrandisseur) clamp(20px,6vw,120px);text-align:center;
  border-top:1px solid var(--trait-de-eclairement);
  border-bottom:1px solid var(--trait-de-eclairement)}
.pince_inox-courbe_sensito{font-family:var(--serif-de-mention_photo);font-style:italic;font-weight:400;
  font-size:clamp(23px,4.2vw,54px);line-height:1.22;margin:0 auto;max-width:20ch;
  letter-spacing:-.012em;text-wrap:balance}
.source-du-eprouvette{display:block;margin-top:28px;font-family:var(--sans-de-lecture-bain);
  font-style:normal;font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--encre-bobineuse)}

/* --------------------------------------------------------------------------
   9. Planche contact : la bande qui défile
   -------------------------------------------------------------------------- */
.contretype-papier_barite{padding:clamp(40px,6vw,96px) 0 clamp(36px,5vw,80px)}
.tete-de-contretype{padding:0 var(--marge-d-labo);
  margin-bottom:clamp(20px,3vw,40px)}
.mention_photo-de-contretype{font-family:var(--serif-de-mention_photo);font-weight:400;
  font-size:clamp(24px,3vw,38px);margin:0;letter-spacing:-.01em}
.mention-de-spirale{font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--encre-bobineuse);white-space:nowrap}
.rail-de-spirale{display:grid;grid-auto-flow:column;
  grid-auto-columns:minmax(260px,31vw);gap:clamp(14px,2vw,28px);
  overflow-x:auto;overflow-y:hidden;max-width:100%;
  padding:0 var(--marge-d-labo) 10px;
  /* sans ce scroll-padding, l'accrochage colle la 1re vue au bord de l'écran
     et mange la marge de gauche de la planche */
  scroll-padding-inline:var(--marge-d-labo);
  scroll-snap-type:x mandatory;scrollbar-width:thin;
  scrollbar-color:var(--trait-de-eclairement) transparent;
  overscroll-behavior-x:contain}
.rail-de-spirale::-webkit-scrollbar{height:4px}
.rail-de-spirale::-webkit-scrollbar-thumb{background:var(--trait-de-eclairement);
  border-radius:999px}
.negatif-cuve{scroll-snap-align:start;display:grid;gap:13px;align-content:start}
.chassis_photo-de-negatif{aspect-ratio:4/5;overflow:hidden;background:var(--agitation-de-chassis_photo)}
.chassis_photo-de-negatif img{width:100%;height:100%;object-fit:cover;
  transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.negatif-cuve:hover .chassis_photo-de-negatif img{transform:scale(1.05)}
.theme-de-negatif{font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--papier_mat)}
.mention_photo-de-negatif{font-family:var(--serif-de-mention_photo);font-weight:400;
  font-size:clamp(19px,2vw,24px);line-height:1.14;margin:0}
.amorce_film-de-negatif{margin:0;font-size:13.5px;color:var(--encre-bobineuse)}

/* --------------------------------------------------------------------------
   10. Sommaire du numéro
   -------------------------------------------------------------------------- */
.planche_index-du-serie{background:var(--solarisation);
  padding:clamp(40px,6vw,96px) var(--marge-d-labo)}
.selenium-du-planche_index{max-width:1240px;margin:0 auto;display:grid;
  grid-template-columns:minmax(200px,.8fr) 2fr;gap:clamp(24px,4vw,72px);
  align-items:start}
.mention_photo-du-planche_index{font-family:var(--serif-de-mention_photo);font-weight:400;
  font-size:clamp(24px,3vw,38px);margin:0;line-height:1.05;letter-spacing:-.012em}
.gant_de_labo-du-planche_index{list-style:none;margin:0;padding:0}
.ligne-du-planche_index{display:grid;grid-template-columns:92px 1fr auto;gap:20px;
  align-items:baseline;padding:17px 0;
  border-bottom:1px solid var(--trait-de-eclairement);font-size:16px;
  transition:padding-left .25s cubic-bezier(.2,.7,.2,1)}
.ligne-du-planche_index:first-child{border-top:1px solid var(--trait-de-eclairement)}
.ligne-du-planche_index:hover{padding-left:10px}
.sechage-de-parution{font-size:11px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--encre-bobineuse)}
.gris_moyen-de-theme{font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--papier_mat)}

/* --------------------------------------------------------------------------
   11. Ouverture douce : l'entrée des pages sans héros
   -------------------------------------------------------------------------- */
.ouverture-bobineuse{padding:clamp(44px,8vw,128px) var(--marge-d-labo) clamp(28px,4vw,56px);
  max-width:min(1240px,100%);margin:0 auto}
.intitule-de-theme{font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--papier_mat);margin:0 0 18px}
.mention_photo-de-theme{font-family:var(--serif-de-mention_photo);font-weight:400;
  font-size:clamp(38px,7vw,88px);line-height:1;margin:0;letter-spacing:-.02em;
  text-wrap:balance}
.cordon_a_linge-de-theme{margin:clamp(18px,2.6vw,30px) 0 0;max-width:54ch;
  font-size:clamp(15px,1.7vw,18.5px);color:var(--encre-bobineuse)}

/* --------------------------------------------------------------------------
   12. Enfilade d'épreuves : la liste d'une rubrique
   -------------------------------------------------------------------------- */
.posemetre-d-cellule{padding:0 var(--marge-d-labo);max-width:1240px;
  margin:0 auto}
.tirage_essai{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);
  gap:clamp(20px,4vw,64px);align-items:center;
  padding:clamp(32px,5vw,76px) 0;
  border-top:1px solid var(--trait-de-eclairement)}
.tirage_essai:last-child{border-bottom:1px solid var(--trait-de-eclairement)}
.chassis_photo-d-tirage_essai{aspect-ratio:4/3;overflow:hidden;background:var(--agitation-de-chassis_photo)}
.chassis_photo-d-tirage_essai img{width:100%;height:100%;object-fit:cover;
  transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.tirage_essai:hover .chassis_photo-d-tirage_essai img{transform:scale(1.04)}
.corps-d-tirage_essai{display:grid;gap:14px;align-content:center}
.theme-d-tirage_essai{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--papier_mat)}
.mention_photo-d-tirage_essai{font-family:var(--serif-de-mention_photo);font-weight:400;
  font-size:clamp(25px,3.2vw,40px);line-height:1.1;margin:0;letter-spacing:-.012em;
  text-wrap:balance}
.legende_haut-d-tirage_essai{margin:0;font-size:clamp(14.5px,1.5vw,16.5px);
  color:var(--encre-bobineuse);max-width:50ch}
.marques-d-tirage_essai{font-size:11px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--encre-bobineuse)}

/* --------------------------------------------------------------------------
   13. Changement de bobine : la pagination, discrète
   -------------------------------------------------------------------------- */
.inactinique-de-rouleau{padding:clamp(32px,5vw,72px) var(--marge-d-labo) clamp(44px,7vw,110px);
  max-width:1240px;margin:0 auto;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.voile_photo-de-rouleau{color:var(--encre-bobineuse);padding-bottom:4px;
  border-bottom:1px solid transparent;transition:border-color .25s,color .25s}
.voile_photo-de-rouleau:hover{color:var(--encre-bain);border-bottom-color:var(--papier_mat)}
.voile_photo-en-cours{color:var(--encre-bain);border-bottom-color:var(--papier_mat)}

/* --------------------------------------------------------------------------
   14. Tirage : la colonne de lecture
   -------------------------------------------------------------------------- */
.revelateur{max-width:calc(var(--pied_de_cuve-de-lecture) + 2 * var(--marge-d-labo));margin:0 auto;
  padding:clamp(32px,5vw,64px) var(--marge-d-labo);
  font-size:clamp(16px,1.3vw,18.5px);line-height:1.74}
.revelateur p{margin:0 0 1.35em}
.revelateur p:last-child{margin-bottom:0}
.revelateur a:not(.amorce_film-de-lecture){border-bottom:1px solid var(--papier_mat)}
.legende_haut-de-revelateur{font-family:var(--serif-de-mention_photo);font-weight:400;
  font-size:clamp(20px,2.4vw,28px);line-height:1.34;color:var(--encre-bain);
  margin:0 0 1.1em !important;letter-spacing:-.008em}
.intertitre-de-revelateur{font-family:var(--serif-de-mention_photo);font-weight:400;
  font-size:clamp(23px,2.7vw,33px);line-height:1.12;letter-spacing:-.012em;
  margin:2.1em 0 .55em;text-wrap:balance}
.intertitre-de-revelateur:first-child{margin-top:0}
.liste-fixateur{list-style:none;margin:0 0 1.5em;padding:0}
.liste-fixateur li{padding:13px 0 13px 22px;position:relative;
  border-bottom:1px solid var(--trait-de-eclairement);color:var(--encre-bobineuse)}
.liste-fixateur li::before{content:"";position:absolute;left:0;top:1.05em;
  width:11px;height:1px;background:var(--papier_mat)}

.note_carnet-flacon_ambre{margin:2.2em 0;padding:0;border:0}
.note_carnet-flacon_ambre p{font-family:var(--serif-de-mention_photo);font-style:italic;
  font-size:clamp(21px,2.9vw,34px);line-height:1.26;margin:0;
  letter-spacing:-.012em;text-wrap:balance}
.note_carnet-flacon_ambre::before{content:"";display:block;width:52px;height:1px;
  background:var(--papier_mat);margin-bottom:clamp(20px,3vw,34px)}
.pince_a_film-de-note_carnet{display:block;margin-top:22px;font-family:var(--sans-de-lecture-bain);
  font-style:normal;font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--encre-bobineuse)}

.note-de-marge-bain{margin:2em 0;padding:0 0 0 18px;
  border-left:1px solid var(--papier_mat);font-size:13.5px;line-height:1.62;
  color:var(--encre-bobineuse)}
.note-de-marge-bain p{margin:0 0 .7em}
.note-de-marge-bain p:last-child{margin:0}
.note-de-marge-bain strong{font-weight:500;color:var(--encre-bain);display:block;
  font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  margin-bottom:9px}

.tableau-des-bain_stop{margin:0 0 1.6em;font-size:14.5px;vertical-align:middle}
.tableau-des-bain_stop th{font-weight:500;font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--encre-bobineuse);
  padding:12px 14px 12px 0}
.tableau-des-bain_stop td{padding:14px 14px 14px 0;color:var(--encre-bobineuse);
  vertical-align:top}
.tableau-des-bain_stop td:first-child{color:var(--encre-bain);white-space:nowrap}

.negatif-au-brulage{margin:clamp(14px,2.5vw,32px) 0}
.negatif-au-brulage img{width:100%;height:auto;background:var(--agitation-de-chassis_photo)}
.legende-de-negatif{padding:14px var(--marge-d-labo) 0;
  max-width:calc(var(--pied_de_cuve-de-lecture) + 2 * var(--marge-d-labo));
  margin:0 auto;font-size:12.5px;line-height:1.56;color:var(--encre-bobineuse)}
.legende-de-negatif::before{content:"";display:inline-block;width:18px;height:1px;
  background:var(--papier_mat);vertical-align:middle;margin-right:11px}

@media (min-width:1200px){
  .note-de-marge-bain{float:right;width:18ch;margin:.45em calc(-18ch - 3.2ch) 1.5em 3.2ch;
    padding-left:15px}
}

/* --------------------------------------------------------------------------
   15. Hors cadre : la page d'erreur
   -------------------------------------------------------------------------- */
.rodinal-chassis_photo{min-height:clamp(420px,62vw,680px)}
.serie-rodinal-chassis_photo{font-family:var(--serif-de-mention_photo);font-weight:400;
  font-size:clamp(56px,9vw,120px);line-height:.9;margin:0;color:var(--papier_mat);
  letter-spacing:-.02em}
.mention_photo-rodinal-chassis_photo{font-family:var(--serif-de-mention_photo);font-weight:400;
  font-size:clamp(27px,3.6vw,46px);line-height:1.08;margin:0;letter-spacing:-.012em;
  text-wrap:balance}
.latitude-rodinal-chassis_photo{margin:0;font-size:clamp(14.5px,1.6vw,17px);
  color:var(--encre-bobineuse);max-width:44ch}
.essoreuse{margin-top:10px;display:inline-flex;align-items:center;gap:12px;
  justify-self:start;padding:14px 26px;border:1px solid var(--trait-de-eclairement);
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  transition:background-color .3s,border-color .3s,color .3s}
.essoreuse::after{content:"";width:26px;height:1px;background:var(--papier_mat);
  transition:width .3s cubic-bezier(.2,.7,.2,1)}
.essoreuse:hover{background:var(--encre-bain);color:var(--fond-labo);
  border-color:var(--encre-bain)}
.essoreuse:hover::after{width:40px}

/* --------------------------------------------------------------------------
   16. Pied d'atelier
   -------------------------------------------------------------------------- */
.pied-d-labo{padding:clamp(28px,4vw,56px) var(--marge-d-labo);
  font-size:11px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--encre-bobineuse);border-top:1px solid var(--trait-de-eclairement)}
.liens-de-pied-bain a{transition:color .2s}
.liens-de-pied-bain a:hover{color:var(--papier_mat)}
.thermometre-de-eclairement{padding:0;border:0;background:none;color:inherit;
  font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;
  border-bottom:1px solid transparent;transition:border-color .25s,color .25s}
.thermometre-de-eclairement:hover{color:var(--papier_mat);border-bottom-color:var(--papier_mat)}

/* --------------------------------------------------------------------------
   17. Petits écrans : jusqu'à 375 px sans débordement
   -------------------------------------------------------------------------- */
@media (max-width:900px){
  .pellicule-flashage{grid-template-columns:1fr}
  .pellicule-flashage.a-verre_depoli .obturateur-de-densitometre{order:0}
  .obturateur-de-densitometre{aspect-ratio:4/3;min-height:0}
  .selenium-du-planche_index{grid-template-columns:1fr}
  .ligne-du-planche_index{grid-template-columns:1fr;gap:5px}
  .tirage_essai{grid-template-columns:1fr;gap:clamp(16px,4vw,28px)}
  .rail-de-spirale{grid-auto-columns:minmax(220px,74vw)}
  .rodinal-chassis_photo{min-height:0}
}
@media (max-width:420px){
  .etiquette_boite-de-la-entonnoir_labo{font-size:19px}
  .revelateur{font-size:16px;line-height:1.7}
  .pince_inox-courbe_sensito{max-width:none}
  .essoreuse{padding:13px 20px;letter-spacing:.16em}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;
    animation-duration:.01ms !important}
  .pellicule-flashage:hover .obturateur-de-densitometre img,
  .negatif-cuve:hover .chassis_photo-de-negatif img,
  .tirage_essai:hover .chassis_photo-d-tirage_essai img{transform:none}
}