@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-boudoir:#fdfafb;
  --encre-alcove:#1c1517;
  --encre-ruban_de_soie:#6f5760;
  --trait-de-lueur:#e5cfd5;
  --abat_jour:#b43060;
  --moire:#f4e6e9;
  --commode-de-alcove_cadre:#170d10;
  --flacon-sur-photo:#fefcfd;
  --abat_jour-sur-photo:#ee93af;

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

  --marge-d-boudoir:clamp(18px,4vw,52px);
  --gant_de_soie-de-lecture:38.5rem; /* ≈ 66 signes par ligne, légendes comprises */
  --baldaquin:clamp(28px,5vw,88px);
  --grand-baldaquin: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-boudoir:#150e10;
    --encre-alcove:#f6e9ed;
    --encre-ruban_de_soie:#aa8e98;
    --trait-de-lueur:#322227;
    --abat_jour:#de668f;
    --moire:#1e1517;
  }
}
:root[data-bs-theme="dark"]{
  --fond-boudoir:#150e10;
  --encre-alcove:#f6e9ed;
  --encre-ruban_de_soie:#aa8e98;
  --trait-de-lueur:#322227;
  --abat_jour:#de668f;
  --moire:#1e1517;
}

/* --------------------------------------------------------------------------
   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-alcove);
  --bs-body-font-family:var(--sans-de-lecture-alcove);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:300;
  --bs-body-line-height:1.62;
  --bs-body-bg:var(--fond-boudoir);
  --bs-body-color:var(--encre-alcove);
  --bs-emphasis-color:var(--encre-alcove);
  --bs-heading-color:var(--encre-alcove);
  --bs-secondary-color:var(--encre-ruban_de_soie);
  --bs-secondary-bg:var(--moire);
  --bs-tertiary-bg:var(--moire);
  --bs-tertiary-color:var(--encre-ruban_de_soie);
  --bs-border-color:var(--trait-de-lueur);
  --bs-border-color-translucent:var(--trait-de-lueur);
  --bs-border-radius:0;
  --bs-border-radius-sm:0;
  --bs-border-radius-lg:0;
  --bs-link-color:var(--encre-alcove);
  --bs-link-color-rgb:28,24,20;
  --bs-link-hover-color:var(--abat_jour);
  --bs-code-color:var(--abat_jour);
  --bs-highlight-bg:var(--moire);
  --bs-focus-ring-width:1px;
  --bs-focus-ring-opacity:1;
  --bs-focus-ring-color:var(--abat_jour);
  --bs-table-bg:transparent;
  --bs-table-color:var(--encre-alcove);
  --bs-table-border-color:var(--trait-de-lueur);
  --bs-table-striped-bg:transparent;
  --bs-table-striped-color:var(--encre-alcove);
}

/* --------------------------------------------------------------------------
   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(--abat_jour);outline-offset:3px}
::selection{background:var(--abat_jour);color:var(--fond-boudoir)}

/* --------------------------------------------------------------------------
   5. Bandeau d'atelier : un seul en-tête, deux états de lumière
   -------------------------------------------------------------------------- */
.bandeau-d-boudoir{position:relative;z-index:20;
  padding:20px var(--marge-d-boudoir);
  border-bottom:1px solid var(--trait-de-lueur);
  background:var(--fond-boudoir);color:var(--encre-alcove)}
/* état « posé sur la photo » : les pages qui ouvrent sur une image */
.bandeau-d-boudoir.en-descente_de_lit{position:absolute;top:0;left:0;right:0;
  border-bottom:0;background:none;color:var(--flacon-sur-photo);
  text-shadow:0 1px 14px rgba(20,14,8,.55)}
.bandeau-d-boudoir.en-descente_de_lit::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))}

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

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

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

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

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

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

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

.miroir_biseaute-jour{position:relative;z-index:2;
  padding:clamp(28px,5vw,80px) var(--marge-d-boudoir);
  max-width:min(900px,94%);color:var(--flacon-sur-photo)}
.penombre-de-soir{font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--abat_jour-sur-photo);margin:0 0 18px;font-weight:400}
.penombre-de-soir a{border-bottom:1px solid rgba(240,195,138,.4)}
.intitule_confidence-en-sachet_de_lavande-lueur{font-family:var(--serif-de-intitule_confidence);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-boiserie-soupir .intitule_confidence-en-sachet_de_lavande-lueur{font-size:clamp(30px,5.2vw,68px)}
.preambule_intime-de-lueur{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)}
.jalons_intimes-de-tapis_epais-de-cordeliere{margin-top:26px;font-size:11px;letter-spacing:.17em;
  text-transform:uppercase;color:rgba(253,250,244,.62)}
.jalons_intimes-de-tapis_epais-de-cordeliere>*{white-space:nowrap}

/* --------------------------------------------------------------------------
   7. Bandes claires : volet image / volet texte, en alternance
   -------------------------------------------------------------------------- */
.tenture-parfum{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;
  min-height:clamp(380px,56vw,620px)}
.rideau-de-loquet{position:relative;overflow:hidden;background:var(--commode-de-alcove_cadre);
  min-height:320px}
.rideau-de-loquet img{width:100%;height:100%;object-fit:cover;
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.tenture-parfum:hover .rideau-de-loquet img{transform:scale(1.045)}
.rideau-de-cassette{display:grid;align-content:center;gap:16px;
  padding:clamp(28px,5vw,88px) clamp(20px,4.4vw,78px)}
.rideau-de-cassette.en-tiroir_secret-moire{background:var(--moire)}
.tenture-parfum.a-fenetre_entrebaillee .rideau-de-loquet{order:2}

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

/* --------------------------------------------------------------------------
   8. Souffle de page : une phrase, beaucoup de vide
   -------------------------------------------------------------------------- */
.pot_pourri-de-page{padding:var(--grand-baldaquin) clamp(20px,6vw,120px);text-align:center;
  border-top:1px solid var(--trait-de-lueur);
  border-bottom:1px solid var(--trait-de-lueur)}
.bougeoir-clef{font-family:var(--serif-de-intitule_confidence);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-pot_pourri{display:block;margin-top:28px;font-family:var(--sans-de-lecture-alcove);
  font-style:normal;font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--encre-ruban_de_soie)}

/* --------------------------------------------------------------------------
   9. Planche contact : la bande qui défile
   -------------------------------------------------------------------------- */
.paravent-mule{padding:clamp(40px,6vw,96px) 0 clamp(36px,5vw,80px)}
.tete-de-paravent{padding:0 var(--marge-d-boudoir);
  margin-bottom:clamp(20px,3vw,40px)}
.intitule_confidence-de-paravent{font-family:var(--serif-de-intitule_confidence);font-weight:400;
  font-size:clamp(24px,3vw,38px);margin:0;letter-spacing:-.01em}
.mention-de-broderie{font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--encre-ruban_de_soie);white-space:nowrap}
.rail-de-broderie{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-boudoir) 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-boudoir);
  scroll-snap-type:x mandatory;scrollbar-width:thin;
  scrollbar-color:var(--trait-de-lueur) transparent;
  overscroll-behavior-x:contain}
.rail-de-broderie::-webkit-scrollbar{height:4px}
.rail-de-broderie::-webkit-scrollbar-thumb{background:var(--trait-de-lueur);
  border-radius:999px}
.confidence-edredon{scroll-snap-align:start;display:grid;gap:13px;align-content:start}
.alcove_cadre-de-confidence{aspect-ratio:4/5;overflow:hidden;background:var(--commode-de-alcove_cadre)}
.alcove_cadre-de-confidence img{width:100%;height:100%;object-fit:cover;
  transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.confidence-edredon:hover .alcove_cadre-de-confidence img{transform:scale(1.05)}
.registre-de-confidence{font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--abat_jour)}
.intitule_confidence-de-confidence{font-family:var(--serif-de-intitule_confidence);font-weight:400;
  font-size:clamp(19px,2vw,24px);line-height:1.14;margin:0}
.premiere_phrase-de-confidence{margin:0;font-size:13.5px;color:var(--encre-ruban_de_soie)}

/* --------------------------------------------------------------------------
   10. Sommaire du numéro
   -------------------------------------------------------------------------- */
.carnet-du-soir{background:var(--moire);
  padding:clamp(40px,6vw,96px) var(--marge-d-boudoir)}
.peignoir-du-carnet{max-width:1240px;margin:0 auto;display:grid;
  grid-template-columns:minmax(200px,.8fr) 2fr;gap:clamp(24px,4vw,72px);
  align-items:start}
.intitule_confidence-du-carnet{font-family:var(--serif-de-intitule_confidence);font-weight:400;
  font-size:clamp(24px,3vw,38px);margin:0;line-height:1.05;letter-spacing:-.012em}
.porte_bijoux-du-carnet{list-style:none;margin:0;padding:0}
.ligne-du-carnet{display:grid;grid-template-columns:92px 1fr auto;gap:20px;
  align-items:baseline;padding:17px 0;
  border-bottom:1px solid var(--trait-de-lueur);font-size:16px;
  transition:padding-left .25s cubic-bezier(.2,.7,.2,1)}
.ligne-du-carnet:first-child{border-top:1px solid var(--trait-de-lueur)}
.ligne-du-carnet:hover{padding-left:10px}
.satin-de-parution{font-size:11px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--encre-ruban_de_soie)}
.plume_et_encre-de-registre{font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--abat_jour)}

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

/* --------------------------------------------------------------------------
   12. Enfilade d'épreuves : la liste d'une rubrique
   -------------------------------------------------------------------------- */
.medaillon_intime-d-carnet_secret{padding:0 var(--marge-d-boudoir);max-width:1240px;
  margin:0 auto}
.aveu{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-lueur)}
.aveu:last-child{border-bottom:1px solid var(--trait-de-lueur)}
.alcove_cadre-d-aveu{aspect-ratio:4/3;overflow:hidden;background:var(--commode-de-alcove_cadre)}
.alcove_cadre-d-aveu img{width:100%;height:100%;object-fit:cover;
  transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.aveu:hover .alcove_cadre-d-aveu img{transform:scale(1.04)}
.corps-d-aveu{display:grid;gap:14px;align-content:center}
.registre-d-aveu{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--abat_jour)}
.intitule_confidence-d-aveu{font-family:var(--serif-de-intitule_confidence);font-weight:400;
  font-size:clamp(25px,3.2vw,40px);line-height:1.1;margin:0;letter-spacing:-.012em;
  text-wrap:balance}
.preambule_intime-d-aveu{margin:0;font-size:clamp(14.5px,1.5vw,16.5px);
  color:var(--encre-ruban_de_soie);max-width:50ch}
.jalons_intimes-d-aveu{font-size:11px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--encre-ruban_de_soie)}

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

/* --------------------------------------------------------------------------
   14. Tirage : la colonne de lecture
   -------------------------------------------------------------------------- */
.murmure{max-width:calc(var(--gant_de_soie-de-lecture) + 2 * var(--marge-d-boudoir));margin:0 auto;
  padding:clamp(32px,5vw,64px) var(--marge-d-boudoir);
  font-size:clamp(16px,1.3vw,18.5px);line-height:1.74}
.murmure p{margin:0 0 1.35em}
.murmure p:last-child{margin-bottom:0}
.murmure a:not(.premiere_phrase-de-lecture){border-bottom:1px solid var(--abat_jour)}
.preambule_intime-de-murmure{font-family:var(--serif-de-intitule_confidence);font-weight:400;
  font-size:clamp(20px,2.4vw,28px);line-height:1.34;color:var(--encre-alcove);
  margin:0 0 1.1em !important;letter-spacing:-.008em}
.intertitre-de-murmure{font-family:var(--serif-de-intitule_confidence);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-murmure:first-child{margin-top:0}
.liste-courtepointe{list-style:none;margin:0 0 1.5em;padding:0}
.liste-courtepointe li{padding:13px 0 13px 22px;position:relative;
  border-bottom:1px solid var(--trait-de-lueur);color:var(--encre-ruban_de_soie)}
.liste-courtepointe li::before{content:"";position:absolute;left:0;top:1.05em;
  width:11px;height:1px;background:var(--abat_jour)}

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

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

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

.confidence-au-pastille_de_cire{margin:clamp(14px,2.5vw,32px) 0}
.confidence-au-pastille_de_cire img{width:100%;height:auto;background:var(--commode-de-alcove_cadre)}
.legende-de-confidence{padding:14px var(--marge-d-boudoir) 0;
  max-width:calc(var(--gant_de_soie-de-lecture) + 2 * var(--marge-d-boudoir));
  margin:0 auto;font-size:12.5px;line-height:1.56;color:var(--encre-ruban_de_soie)}
.legende-de-confidence::before{content:"";display:inline-block;width:18px;height:1px;
  background:var(--abat_jour);vertical-align:middle;margin-right:11px}

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

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

/* --------------------------------------------------------------------------
   16. Pied d'atelier
   -------------------------------------------------------------------------- */
.pied-d-boudoir{padding:clamp(28px,4vw,56px) var(--marge-d-boudoir);
  font-size:11px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--encre-ruban_de_soie);border-top:1px solid var(--trait-de-lueur)}
.liens-de-pied-alcove a{transition:color .2s}
.liens-de-pied-alcove a:hover{color:var(--abat_jour)}
.chandelier-de-lueur{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}
.chandelier-de-lueur:hover{color:var(--abat_jour);border-bottom-color:var(--abat_jour)}

/* --------------------------------------------------------------------------
   17. Petits écrans : jusqu'à 375 px sans débordement
   -------------------------------------------------------------------------- */
@media (max-width:900px){
  .tenture-parfum{grid-template-columns:1fr}
  .tenture-parfum.a-fenetre_entrebaillee .rideau-de-loquet{order:0}
  .rideau-de-loquet{aspect-ratio:4/3;min-height:0}
  .peignoir-du-carnet{grid-template-columns:1fr}
  .ligne-du-carnet{grid-template-columns:1fr;gap:5px}
  .aveu{grid-template-columns:1fr;gap:clamp(16px,4vw,28px)}
  .rail-de-broderie{grid-auto-columns:minmax(220px,74vw)}
  .chuchotement-alcove_cadre{min-height:0}
}
@media (max-width:420px){
  .ecriteau-de-la-lettre_pliee{font-size:19px}
  .murmure{font-size:16px;line-height:1.7}
  .bougeoir-clef{max-width:none}
  .dentelle{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}
  .tenture-parfum:hover .rideau-de-loquet img,
  .confidence-edredon:hover .alcove_cadre-de-confidence img,
  .aveu:hover .alcove_cadre-d-aveu img{transform:none}
}