/* CARAVELLI — FOLCO, PROLOGUE PATRIMONIAL EN CINQ ACTES
   Feuille autonome, chargée uniquement par folco.html. */

@view-transition{navigation:auto}
::view-transition-old(root){background:#0c100d;animation:folcoPageOut .38s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){background:#0c100d;animation:folcoPageIn .62s cubic-bezier(.19,1,.22,1) both}
@keyframes folcoPageOut{to{opacity:0}}
@keyframes folcoPageIn{from{opacity:0}}

.folco-document,
.folco-document body{
  width:100%;
  height:100%;
  margin:0;
  overflow:hidden;
  color:#eeeae1;
  background:#070706;
}

.folco-document *,
.folco-document *::before,
.folco-document *::after{box-sizing:border-box}

body.folco-prologue-active{
  overscroll-behavior:none;
  touch-action:manipulation;
}

body.folco-prologue-active > .folco-prologue{
  --folco-ink:#070706;
  --folco-coal:#0d0c0a;
  --folco-ivory:#eeeae1;
  --folco-silver:#c9c4ba;
  --folco-patina:#9d8b68;
  position:fixed;
  z-index:1;
  inset:0;
  width:100vw;
  height:100dvh;
  min-height:100svh;
  overflow:hidden;
  color:var(--folco-ivory);
  background:var(--folco-ink);
  isolation:isolate;
  font-synthesis:var(--cv-typo-synthesis, none);
  opacity:1;
}

.folco-prologue:focus{outline:none}

.folco-prologue__frame,
.folco-prologue__atmosphere,
.folco-prologue__stage,
.folco-prologue__texture{
  position:absolute;
  inset:0;
}

.folco-prologue__frame{
  overflow:hidden;
  background:#070706;
}

.folco-prologue__atmosphere{
  z-index:0;
  background:
    radial-gradient(ellipse at 68% 44%,rgba(199,184,151,.09),transparent 37%),
    radial-gradient(ellipse at 22% 72%,rgba(77,87,86,.1),transparent 40%),
    linear-gradient(118deg,#070706,#0c0b09 52%,#080807);
  transform:scale(1.03);
  animation:folcoAtmosphere 11s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}

.folco-prologue__stage{
  z-index:1;
  overflow:hidden;
  background:#080807;
}

.folco-prologue__stage::after{
  content:"";
  position:absolute;
  z-index:8;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(7,7,6,.78),transparent 27%,transparent 73%,rgba(7,7,6,.72)),
    linear-gradient(180deg,rgba(7,7,6,.28),transparent 48%,rgba(7,7,6,.56));
}

.folco-prologue__media-layer{
  position:absolute;
  inset:0;
  z-index:1;
  margin:0;
  overflow:hidden;
  pointer-events:none;
}

.folco-prologue__media-layer--secondary{
  z-index:2;
  opacity:.2;
  mix-blend-mode:screen;
}

.folco-prologue__media{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:0;
  filter:grayscale(1) contrast(1.08) brightness(.77) saturate(0);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1);
  user-select:none;
  -webkit-user-drag:none;
}

.folco-prologue__media-layer--primary > .folco-prologue__media{
  position:absolute;
  inset:0;
}

.folco-prologue__media--video{
  background:#070706;
}

.folco-prologue[data-folco-media="image"] .folco-prologue__media--video,
.folco-prologue[data-folco-media="video"] .folco-prologue__media--image{
  opacity:0 !important;
  visibility:hidden;
}

.folco-prologue__media.is-loaded{opacity:1}
.folco-prologue__media.is-missing{opacity:0}

.folco-prologue--asset-missing .folco-prologue__stage{
  background:
    linear-gradient(118deg,transparent 18%,rgba(202,194,177,.025) 49%,transparent 76%),
    radial-gradient(ellipse at 52% 48%,#12110f,#070706 68%);
}

/* Les cinq médias approuvés sont des photographies de paysage et de vendange,
   pas des portraits ni des archives. Le plan net reste intégralement visible ;
   sa répétition diffuse ne sert qu'à prolonger la matière jusqu'aux bords. */
.folco-prologue[data-folco-composition="photograph"] .folco-prologue__media-layer--primary{
  z-index:3;
  inset:clamp(30px,4vh,58px) clamp(34px,5vw,88px) clamp(86px,10vh,126px);
}

.folco-prologue[data-folco-composition="photograph"] .folco-prologue__media--image{
  object-fit:contain;
  padding:clamp(8px,1.2vw,18px);
  filter:contrast(1.04) brightness(.9) saturate(.72);
  transform-origin:50% 50%;
}

.folco-prologue[data-folco-composition="photograph"] .folco-prologue__media-layer--secondary{
  z-index:1;
  inset:-5%;
  opacity:.46;
  mix-blend-mode:normal;
}

.folco-prologue[data-folco-composition="photograph"] .folco-prologue__media--secondary{
  object-fit:cover;
  object-position:center;
  filter:blur(18px) contrast(1.04) brightness(.44) saturate(.54);
  transform:scale(1.06);
}

.folco-prologue[data-folco-composition="photograph"] .folco-prologue__stage::after{
  background:
    linear-gradient(90deg,rgba(7,7,6,.5),transparent 22%,transparent 78%,rgba(7,7,6,.5)),
    linear-gradient(180deg,rgba(7,7,6,.16),transparent 42%,rgba(7,7,6,.42));
}

.folco-prologue[data-folco-composition="photograph"] .folco-prologue__media--image.is-loaded{
  animation:folcoPhotographBreath 12s cubic-bezier(.45,.05,.55,.95) alternate both;
}

.folco-prologue[data-folco-shot="FIRENZE"] .folco-prologue__media--image{object-position:50% 51%}
.folco-prologue[data-folco-shot="ATELIER"] .folco-prologue__media--image{object-position:50% 52%}
.folco-prologue[data-folco-shot="FORMATION"] .folco-prologue__media--image{object-position:50% 48%}
.folco-prologue[data-folco-shot="MATIERE_GESTE"] .folco-prologue__media--image{object-position:50% 50%}
.folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__media--image{object-position:50% 48%}

/* ACTE I — cartographie originale, jamais présentée comme carte historique. */
.folco-prologue[data-folco-composition="prologue"] .folco-prologue__media-layer{display:none}

.folco-prologue[data-folco-composition="map"] .folco-prologue__media--primary,
.folco-prologue[data-folco-composition="cartography"] .folco-prologue__media--primary{
  object-fit:contain;
  padding:clamp(54px,8vw,150px);
  filter:grayscale(1) sepia(.12) contrast(1.04) brightness(.62);
}

.folco-prologue[data-folco-composition="cartography"] .folco-prologue__media-layer--primary{
  inset:-12% 29% -8% -6%;
}

.folco-prologue[data-folco-composition="cartography"] .folco-prologue__media-layer--secondary{
  inset:-8% -4% -10% 47%;
  opacity:.24;
  mix-blend-mode:soft-light;
}

.folco-prologue[data-folco-composition="cartography"] .folco-prologue__media--secondary{
  object-position:44% 50%;
  filter:grayscale(1) contrast(1.16) brightness(.7);
}

/* ACTE II — portraits intacts, sans morphing ni profondeur artificielle. */
.folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__media-layer--primary{
  inset:4% 7% 5% 43%;
}

.folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__media--primary,
.folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media--primary,
.folco-prologue[data-folco-composition="transmission"] .folco-prologue__media--primary{
  object-fit:contain;
  object-position:50% 48%;
  filter:grayscale(1) contrast(1.06) brightness(.86);
}

.folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__media-layer--secondary{
  inset:-12% 55% -9% -9%;
  opacity:.16;
}

.folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__media--secondary{
  object-fit:contain;
  padding:4vw;
  filter:grayscale(1) sepia(.12) brightness(.58);
}

.folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media-layer--primary{
  inset:2% 4% 4% 48%;
}

.folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media-layer--secondary{
  inset:12% 59% 16% 7%;
  opacity:.22;
  mix-blend-mode:normal;
}

.folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media--secondary{
  object-fit:cover;
  object-position:50% 22%;
  filter:grayscale(1) contrast(1.08) brightness(.52);
}

.folco-prologue[data-folco-composition="founding"] .folco-prologue__media--primary{
  object-fit:contain;
  padding:clamp(70px,11vw,190px);
  opacity:.58;
  filter:grayscale(1) sepia(.12) brightness(.58);
}

.folco-prologue[data-folco-composition="founding"] .folco-prologue__media-layer--secondary{
  inset:3% 3% 3% 64%;
  opacity:.19;
}

.folco-prologue[data-folco-composition="founding"] .folco-prologue__media--secondary{
  object-fit:contain;
  filter:grayscale(1) brightness(.7);
}

/* ACTE III — l’eau est une matière CSS, aucune archive Florence non licenciée. */
.folco-prologue[data-folco-composition="flood"] .folco-prologue__media--primary{
  object-position:48% 54%;
  filter:grayscale(1) contrast(1.16) brightness(.55);
}

.folco-prologue[data-folco-composition="flood"] .folco-prologue__media-layer--secondary{
  inset:-9% -4% 1% 36%;
  opacity:.18;
}

.folco-prologue[data-folco-composition="flood"] .folco-prologue__media--secondary{
  object-fit:contain;
  filter:grayscale(1) brightness(.58);
}

.folco-prologue[data-folco-composition="matter"] .folco-prologue__media-layer--primary{
  inset:-3% 32% -3% -3%;
}

.folco-prologue[data-folco-composition="matter"] .folco-prologue__media-layer--secondary{
  inset:12% -4% 10% 57%;
  opacity:.28;
  mix-blend-mode:soft-light;
}

.folco-prologue[data-folco-composition="matter"] .folco-prologue__media--primary,
.folco-prologue[data-folco-composition="matter"] .folco-prologue__media--secondary{
  filter:grayscale(1) contrast(1.18) brightness(.66);
}

/* ACTES IV–V — de la matière au présent. */
.folco-prologue[data-folco-composition="present"] .folco-prologue__media--primary,
.folco-prologue[data-folco-composition="opening"] .folco-prologue__media--primary{
  object-position:50% 54%;
  filter:grayscale(1) contrast(1.08) brightness(.62);
}

.folco-prologue[data-folco-composition="present"] .folco-prologue__media-layer--secondary{
  inset:0 58% 0 0;
  opacity:.2;
}

.folco-prologue[data-folco-composition="transmission"] .folco-prologue__media-layer--primary{
  inset:5% 52% 7% 5%;
}

.folco-prologue[data-folco-composition="transmission"] .folco-prologue__media-layer--secondary{
  inset:-3% -3% -3% 36%;
  opacity:.52;
  mix-blend-mode:normal;
}

.folco-prologue[data-folco-composition="transmission"] .folco-prologue__media--secondary{
  filter:grayscale(1) contrast(1.06) brightness(.5);
}

.folco-prologue[data-folco-composition="constellation"] .folco-prologue__media-layer--primary{
  inset:-12% 42% -12% -8%;
  opacity:.5;
}

.folco-prologue[data-folco-composition="constellation"] .folco-prologue__media--primary{
  object-fit:contain;
  padding:4vw;
  filter:grayscale(1) sepia(.15) brightness(.54);
}

.folco-prologue[data-folco-composition="constellation"] .folco-prologue__media-layer--secondary{
  inset:-8% -5% -8% 55%;
  opacity:.2;
  mix-blend-mode:soft-light;
}

.folco-prologue[data-folco-composition="opening"] .folco-prologue__media-layer--secondary{
  inset:-8% 48% -8% -10%;
  opacity:.12;
}

/* Trames d’archive et géométrie de relevé. */
.folco-prologue__archive{
  position:absolute;
  z-index:5;
  inset:clamp(28px,4vw,64px);
  color:rgba(224,217,203,.42);
  font:var(--cv-typo-current-font, normal 500 9px/1 Inter,Arial,sans-serif);
  letter-spacing:var(--cv-typo-current-ls, .24em);
  pointer-events:none;
  opacity:.5;
}

.folco-prologue__archive::before{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(224,217,203,.09);
  background:
    linear-gradient(90deg,transparent 49.92%,rgba(224,217,203,.08) 50%,transparent 50.08%),
    linear-gradient(180deg,transparent 49.92%,rgba(224,217,203,.06) 50%,transparent 50.08%);
}

.folco-prologue__archive-line{
  position:absolute;
  display:block;
  height:1px;
  background:rgba(224,217,203,.16);
  transform-origin:left;
  animation:folcoArchiveLine 4.6s cubic-bezier(.16,1,.3,1) infinite alternate;
}

.folco-prologue__archive-line--one{left:0;top:17%;width:18%}
.folco-prologue__archive-line--two{right:0;top:63%;width:23%;animation-delay:1.2s}
.folco-prologue__archive-line--three{left:21%;bottom:0;width:12%;animation-delay:2.1s}
.folco-prologue__archive-code{position:absolute;left:0;top:-15px}
.folco-prologue__archive-coordinate{position:absolute;right:0;bottom:-16px}

.folco-prologue[data-folco-act="folco"] .folco-prologue__archive{opacity:.28}
.folco-prologue[data-folco-act="trial"] .folco-prologue__archive{opacity:.4}
.folco-prologue[data-folco-act="transmission"] .folco-prologue__archive{opacity:.2}
.folco-prologue[data-folco-act="opening"] .folco-prologue__archive{opacity:.12}

/* Eau abstraite : voile de mémoire, pas illustration spectaculaire. */
.folco-prologue__water{
  position:absolute;
  z-index:6;
  inset:-20%;
  display:none;
  pointer-events:none;
  opacity:.42;
  mix-blend-mode:screen;
  filter:blur(.4px);
}

.folco-prologue[data-folco-composition="flood"] .folco-prologue__water{display:block}

.folco-prologue__water i{
  position:absolute;
  left:-12%;
  width:124%;
  height:18%;
  border-radius:50%;
  border-top:1px solid rgba(197,207,203,.26);
  background:linear-gradient(180deg,rgba(108,125,126,.1),transparent 58%);
  animation:folcoWater 7.5s ease-in-out infinite alternate;
}

.folco-prologue__water i:nth-child(1){top:34%}
.folco-prologue__water i:nth-child(2){top:49%;opacity:.64;animation-delay:1.7s}
.folco-prologue__water i:nth-child(3){top:64%;opacity:.38;animation-delay:3.1s}

/* Prolongements de la Maison, volontairement discrets. */
.folco-prologue__constellation{
  position:absolute;
  z-index:7;
  inset:0;
  display:none;
  color:rgba(235,229,217,.72);
  font:var(--cv-typo-current-font, normal 500 clamp(9px,.75vw,12px)/1.3 Inter,Arial,sans-serif);
  letter-spacing:var(--cv-typo-current-ls, .22em);
  text-transform:var(--cv-typo-current-tt, uppercase);
  pointer-events:none;
}

.folco-prologue[data-folco-composition="constellation"] .folco-prologue__constellation{display:block}
.folco-prologue__constellation span{position:absolute;padding-left:18px}
.folco-prologue__constellation span::before{
  content:"";
  position:absolute;
  left:0;
  top:.25em;
  width:5px;
  height:5px;
  border:1px solid rgba(202,187,155,.72);
  border-radius:50%;
  box-shadow:0 0 22px rgba(202,187,155,.28);
}
.folco-prologue__constellation-origin{left:23%;top:32%}
.folco-prologue__constellation-foundation{left:57%;top:28%}
.folco-prologue__constellation-terrae{left:62%;top:63%}
.folco-prologue__constellation-line{
  position:absolute;
  display:block;
  height:1px;
  background:linear-gradient(90deg,rgba(202,187,155,.38),transparent);
  transform-origin:left;
  animation:folcoConstellation 4s cubic-bezier(.16,1,.3,1) both;
}
.folco-prologue__constellation-line--one{left:29%;top:34%;width:29%;transform:rotate(-8deg)}
.folco-prologue__constellation-line--two{left:59%;top:32%;width:22%;transform:rotate(64deg);animation-delay:.5s}

/* Texture cinéma : présente mais sous le seuil du gimmick. */
.folco-prologue__texture{
  z-index:9;
  overflow:hidden;
  pointer-events:none;
  background-image:url("/assets/grain.png");
  background-repeat:repeat;
  background-size:160px 160px;
  opacity:.075;
  mix-blend-mode:screen;
  animation:folcoGrain 920ms steps(2,end) infinite;
}

.folco-prologue__texture > img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  pointer-events:none;
  user-select:none;
}

.folco-prologue__gate{opacity:.34;mix-blend-mode:screen}
.folco-prologue__dust{opacity:0;mix-blend-mode:screen}
.folco-prologue__dust--one{animation:folcoDustOne 12s steps(1,end) infinite}
.folco-prologue__dust--two{animation:folcoDustTwo 16s steps(1,end) infinite 3.2s}
.folco-prologue__scratches{opacity:0;mix-blend-mode:screen;animation:folcoScratch 21s steps(1,end) infinite 8s}
.folco-prologue__vignette{opacity:.68;mix-blend-mode:multiply}
.folco-prologue__bloom{opacity:.035;mix-blend-mode:screen;animation:folcoExposure 6s ease-in-out infinite}

/* Typographie : le titre institue, le texte murmure. */
.folco-prologue__plate{
  position:absolute;
  z-index:12;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:clamp(42px,6vw,96px);
  color:var(--folco-ivory);
  pointer-events:none;
}

.folco-prologue__act{
  position:absolute;
  left:clamp(28px,4vw,64px);
  top:clamp(25px,4vh,50px);
  margin:0;
  color:rgba(229,223,212,.46);
  font:var(--cv-typo-current-font, normal 500 9px/1 Inter,Arial,sans-serif);
  letter-spacing:var(--cv-typo-current-ls, .24em);
  text-transform:var(--cv-typo-current-tt, uppercase);
}

.folco-prologue__plate-inner{
  width:min(1040px,calc(100% - 40px));
  margin:auto;
  text-align:center;
}

.folco-prologue__plate-eyebrow{
  margin:0 0 clamp(20px,2.7vh,34px);
  color:rgba(216,209,197,.68);
  font:var(--cv-typo-current-font, normal 500 clamp(10px,.9vw,13px)/1.25 Inter,Arial,sans-serif);
  letter-spacing:var(--cv-typo-current-ls, .3em);
  text-transform:var(--cv-typo-current-tt, uppercase);
}

.folco-prologue__plate-title{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:.22em;
  margin:0;
  color:#f0ece4;
  font:var(--cv-typo-current-font, normal 500 clamp(48px,6.8vw,104px)/.9 "Bodoni Moda",Didot,serif);
  letter-spacing:var(--cv-typo-current-ls, .085em);
  text-transform:var(--cv-typo-current-tt, uppercase);
  text-wrap:balance;
}

.folco-prologue__plate-title-line{display:block;flex-shrink:0;white-space:nowrap}
.folco-prologue__plate-title-line[hidden]{display:none}

.folco-prologue__plate-rule{
  display:block;
  width:clamp(58px,7vw,112px);
  height:1px;
  margin:clamp(24px,3.3vh,40px) auto;
  background:linear-gradient(90deg,transparent,var(--folco-patina),transparent);
  opacity:.52;
}

.folco-prologue__plate-voice{
  max-width:680px;
  margin:0 auto;
  color:rgba(239,235,226,.82);
  font:var(--cv-typo-current-font, normal 400 clamp(19px,1.85vw,28px)/1.38 "Cormorant Garamond",Georgia,serif);
  letter-spacing:var(--cv-typo-current-ls, .012em);
  text-wrap:balance;
}

.folco-prologue[data-folco-plate="narration"] .folco-prologue__plate,
.folco-prologue[data-folco-plate="portrait"] .folco-prologue__plate{
  place-items:end start;
  padding-bottom:clamp(112px,14vh,160px);
}

.folco-prologue[data-folco-plate="narration"] .folco-prologue__plate-inner,
.folco-prologue[data-folco-plate="portrait"] .folco-prologue__plate-inner{
  width:min(560px,42vw);
  margin:0;
  text-align:left;
}

.folco-prologue[data-folco-plate="narration"] .folco-prologue__plate-rule,
.folco-prologue[data-folco-plate="portrait"] .folco-prologue__plate-rule{
  margin-left:0;
}

.folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate{
  place-items:end center;
  background:linear-gradient(180deg,transparent 42%,rgba(7,7,6,.84));
}
.folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate-inner{
  width:min(940px,80vw);
  text-align:center;
}
.folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate-rule{margin-left:auto}

.folco-prologue[data-folco-composition="map"] .folco-prologue__plate-title{
  font-size:var(--cv-typo-current-fs, clamp(42px,5.6vw,82px));
  letter-spacing:var(--cv-typo-current-ls, .2em);
  padding-left:.2em;
}

.folco-prologue[data-folco-composition="map"] .folco-prologue__plate-title-line--two{
  font-size:var(--cv-typo-current-fs, .26em);
  letter-spacing:var(--cv-typo-current-ls, .3em);
}

.folco-prologue[data-folco-composition="founding"] .folco-prologue__plate-title{
  flex-direction:column;
  align-items:center;
  gap:.12em;
}
.folco-prologue[data-folco-composition="founding"] .folco-prologue__plate-title-line--two{font-size:var(--cv-typo-current-fs, .44em);letter-spacing:var(--cv-typo-current-ls, .26em)}

.folco-prologue[data-folco-composition="matter"] .folco-prologue__plate-title,
.folco-prologue[data-folco-composition="present"] .folco-prologue__plate-title{
  font-size:var(--cv-typo-current-fs, clamp(40px,5.1vw,76px));
}

.folco-prologue[data-folco-composition="transmission"] .folco-prologue__plate{
  background:linear-gradient(90deg,transparent 15%,rgba(7,7,6,.2) 42%,rgba(7,7,6,.76));
  place-items:center end;
}
.folco-prologue[data-folco-composition="transmission"] .folco-prologue__plate-inner{
  width:min(720px,48vw);
  margin:0;
  text-align:right;
}
.folco-prologue[data-folco-composition="transmission"] .folco-prologue__plate-rule{margin-right:0}

.folco-prologue[data-folco-composition="constellation"] .folco-prologue__plate{
  place-items:end center;
  padding-bottom:clamp(104px,13vh,150px);
  background:linear-gradient(180deg,transparent 34%,rgba(7,7,6,.76));
}
.folco-prologue[data-folco-composition="constellation"] .folco-prologue__plate-title{font-size:var(--cv-typo-current-fs, clamp(40px,5.2vw,78px))}
.folco-prologue[data-folco-composition="constellation"] .folco-prologue__plate-voice{max-width:760px;font-size:var(--cv-typo-current-fs, clamp(17px,1.45vw,23px))}

.folco-prologue[data-folco-composition="opening"] .folco-prologue__plate{
  background:rgba(7,7,6,.34);
}

.folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate{
  place-items:end center;
  padding-bottom:clamp(104px,12vh,144px);
  background:linear-gradient(180deg,transparent 48%,rgba(7,7,6,.72));
}
.folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate-title{line-height:var(--cv-typo-current-lh, 1.02)}
.folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate-inner{
  width:min(940px,82vw);
  margin:0;
  text-align:center;
}
.folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate-rule{margin-left:auto;margin-right:auto}
.folco-prologue[data-folco-shot="FIRENZE"] .folco-prologue__plate-title{
  font-size:var(--cv-typo-current-fs, clamp(42px,5.6vw,82px));
  letter-spacing:var(--cv-typo-current-ls, .2em);
  padding-left:.2em;
}
.folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__plate{
  place-items:start center;
  padding-top:clamp(108px,14vh,168px);
  background:linear-gradient(180deg,rgba(7,7,6,.66),transparent 48%);
}
.folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__plate-title{
  flex-direction:column;
  align-items:center;
  gap:.12em;
}
.folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__plate-title-line--two{font-size:var(--cv-typo-current-fs, .44em);letter-spacing:var(--cv-typo-current-ls, .26em)}

.folco-prologue__counter{
  position:absolute;
  z-index:15;
  left:clamp(28px,4vw,64px);
  bottom:clamp(22px,3.4vh,40px);
  margin:0;
  color:rgba(235,230,221,.42);
  font:var(--cv-typo-current-font, normal 500 9px/1 Inter,Arial,sans-serif);
  letter-spacing:var(--cv-typo-current-ls, .24em);
}

.folco-prologue__progress{
  position:absolute;
  z-index:15;
  left:50%;
  bottom:clamp(24px,3.6vh,42px);
  display:grid;
  grid-template-columns:repeat(5,minmax(34px,72px));
  gap:7px;
  transform:translateX(-50%);
}

.folco-prologue__progress-mark{
  position:relative;
  display:block;
  height:1px;
  background:rgba(235,230,221,.14);
}
.folco-prologue__progress-mark span{
  position:absolute;
  left:0;
  bottom:9px;
  color:rgba(235,230,221,.28);
  font:var(--cv-typo-current-font, normal 500 7px/1 Inter,Arial,sans-serif);
  letter-spacing:var(--cv-typo-current-ls, .18em);
}
.folco-prologue__progress-mark.is-past{background:rgba(202,187,155,.38)}
.folco-prologue__progress-mark.is-current{background:rgba(235,230,221,.84)}
.folco-prologue__progress-mark.is-current span{color:rgba(235,230,221,.65)}

.folco-prologue__skip{
  position:absolute;
  z-index:16;
  right:clamp(28px,4vw,64px);
  bottom:clamp(16px,2.7vh,32px);
  display:block;
  min-height:44px;
  padding:14px 0 0 24px;
  color:rgba(235,230,221,.66);
  font:var(--cv-typo-current-font, normal 500 10px/1 Inter,Arial,sans-serif);
  letter-spacing:var(--cv-typo-current-ls, .2em);
  text-decoration:none;
  text-transform:var(--cv-typo-current-tt, uppercase);
  transition:color .25s ease;
}
.folco-prologue__skip::after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin-top:8px;
  background:currentColor;
  transform:scaleX(.22);
  transform-origin:right;
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.folco-prologue__skip:hover{color:#fff}
.folco-prologue__skip:hover::after{transform:scaleX(1)}
.folco-prologue__skip:focus-visible{outline:1px solid rgba(235,230,221,.82);outline-offset:8px}

.folco-prologue__sound{
  position:absolute;
  z-index:16;
  left:clamp(28px,4vw,64px);
  bottom:clamp(54px,7vh,78px);
  min-width:82px;
  min-height:44px;
  padding:0 12px;
  border:1px solid rgba(235,230,221,.28);
  border-radius:999px;
  color:rgba(235,230,221,.72);
  background:rgba(7,7,6,.42);
  backdrop-filter:blur(8px);
  font:var(--cv-typo-current-font, normal 500 9px/1 Inter,Arial,sans-serif);
  letter-spacing:var(--cv-typo-current-ls, .18em);
  cursor:pointer;
}
.folco-prologue__sound:hover{border-color:rgba(235,230,221,.72);color:#fff}
.folco-prologue__sound:focus-visible{outline:1px solid rgba(235,230,221,.82);outline-offset:4px}

.folco-prologue__announcer{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.folco-prologue__terrae-bridge{
  position:absolute;
  z-index:14;
  inset:0;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  background:#0c100d;
}
.folco-prologue__terrae-matter,
.folco-prologue__terrae-dust{
  position:absolute;
  inset:-3%;
}
.folco-prologue__terrae-matter{
  background:
    linear-gradient(108deg,rgba(8,9,7,.9),rgba(43,33,26,.44) 48%,rgba(16,36,29,.2) 68%,rgba(8,9,7,.92)),
    url("/assets/prologue-caravelli/terrae/03_PATTERNS/TC_Texture_Terre_1800.jpg") center/cover;
  filter:contrast(1.08) saturate(.58) brightness(.58);
  transform:scale(1.03);
}
.folco-prologue__terrae-dust{
  opacity:.28;
  background:url("/assets/prologue-caravelli/terrae/03_PATTERNS/TC_Texture_Brume_1800.jpg") center/cover;
  mix-blend-mode:screen;
  filter:saturate(.45) brightness(.48);
}
.folco-prologue__terrae-bridge > img{
  position:absolute;
  inset:-8%;
  width:116%;
  height:116%;
  object-fit:cover;
  opacity:.16;
  filter:brightness(.72) saturate(.62);
  mix-blend-mode:screen;
}
.folco-prologue--finishing .folco-prologue__terrae-bridge{
  opacity:1;
  transition:opacity 850ms cubic-bezier(.22,.61,.36,1);
}

.folco-prologue--finishing{pointer-events:none}

@keyframes folcoAtmosphere{
  from{transform:scale(1.03) translate3d(-.3%,.2%,0);filter:brightness(.92)}
  to{transform:scale(1.05) translate3d(.3%,-.2%,0);filter:brightness(1.04)}
}
@keyframes folcoGrain{
  0%{background-position:0 0}
  25%{background-position:37px -19px}
  50%{background-position:-21px 31px}
  75%{background-position:18px 47px}
  100%{background-position:-43px -13px}
}
@keyframes folcoDustOne{
  0%,12%,100%{opacity:0}
  13%,14%{opacity:.1}
  15%,68%{opacity:0}
  69%,70%{opacity:.065}
}
@keyframes folcoDustTwo{
  0%,42%,100%{opacity:0}
  43%,44%{opacity:.07}
  45%,86%{opacity:0}
  87%,88%{opacity:.05}
}
@keyframes folcoScratch{0%,80%,100%{opacity:0}81%{opacity:.052}82%{opacity:0}}
@keyframes folcoExposure{0%,100%{opacity:.03}48%{opacity:.055}52%{opacity:.04}}
@keyframes folcoPhotographBreath{
  from{transform:translate3d(0,.18%,0) scale(1)}
  to{transform:translate3d(0,-.18%,0) scale(1.012)}
}
@keyframes folcoArchiveLine{from{transform:scaleX(.3);opacity:.25}to{transform:scaleX(1);opacity:.65}}
@keyframes folcoWater{from{transform:translate3d(-2%,2%,0) scaleY(.82)}to{transform:translate3d(2%,-2%,0) scaleY(1.14)}}
@keyframes folcoConstellation{from{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}

@media (max-width:700px){
  .folco-prologue__archive{inset:22px 18px 28px;opacity:.28}
  .folco-prologue__archive-coordinate{display:none}
  .folco-prologue__archive-code{top:34px;left:auto;right:0;font-size:var(--cv-typo-current-fs, 7px)}

  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__media-layer--primary{
    inset:12px 8px max(98px,calc(env(safe-area-inset-bottom) + 82px));
  }
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__media--image{padding:6px}
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__media-layer--secondary{inset:-7%;opacity:.4}

  .folco-prologue[data-folco-composition="map"] .folco-prologue__media--primary,
  .folco-prologue[data-folco-composition="cartography"] .folco-prologue__media--primary{
    padding:44px 12px 118px;
  }
  .folco-prologue[data-folco-composition="cartography"] .folco-prologue__media-layer--primary{inset:-3% -18% 8% -42%}
  .folco-prologue[data-folco-composition="cartography"] .folco-prologue__media-layer--secondary{inset:12% -18% -8% 35%}

  .folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__media-layer--primary,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media-layer--primary{
    inset:3% 0 18%;
  }
  .folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__media--primary,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media--primary{
    object-position:50% 34%;
  }
  .folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__media-layer--secondary{inset:-10% 48% 12% -35%}
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media-layer--secondary{inset:38% 58% 12% -8%;opacity:.14}

  .folco-prologue[data-folco-composition="founding"] .folco-prologue__media--primary{padding:44px 8px 120px}
  .folco-prologue[data-folco-composition="founding"] .folco-prologue__media-layer--secondary{inset:38% -12% 12% 54%}

  .folco-prologue[data-folco-composition="matter"] .folco-prologue__media-layer--primary{inset:0 22% 0 -20%}
  .folco-prologue[data-folco-composition="matter"] .folco-prologue__media-layer--secondary{inset:18% -20% 12% 52%}

  .folco-prologue[data-folco-composition="present"] .folco-prologue__media--primary,
  .folco-prologue[data-folco-composition="opening"] .folco-prologue__media--primary{object-position:54% 50%}

  .folco-prologue[data-folco-composition="transmission"] .folco-prologue__media-layer--primary{inset:3% 30% 14% 0}
  .folco-prologue[data-folco-composition="transmission"] .folco-prologue__media-layer--secondary{inset:8% -20% 0 35%;opacity:.36}

  .folco-prologue[data-folco-composition="constellation"] .folco-prologue__media-layer--primary{inset:-8% 20% 18% -42%}
  .folco-prologue[data-folco-composition="constellation"] .folco-prologue__media-layer--secondary{inset:18% -34% 6% 42%}

  .folco-prologue__constellation-origin{left:12%;top:25%}
  .folco-prologue__constellation-foundation{left:42%;top:39%}
  .folco-prologue__constellation-terrae{left:20%;top:58%;max-width:210px}
  .folco-prologue__constellation-line--one{left:20%;top:28%;width:34%;transform:rotate(28deg)}
  .folco-prologue__constellation-line--two{left:47%;top:43%;width:30%;transform:rotate(135deg)}

  .folco-prologue__texture{opacity:.055}
  .folco-prologue__dust--two,
  .folco-prologue__scratches{display:none}

  .folco-prologue__plate{padding:72px 22px max(104px,calc(env(safe-area-inset-bottom) + 88px))}
  .folco-prologue__act{left:18px;top:max(22px,env(safe-area-inset-top));font-size:var(--cv-typo-current-fs, 8px);letter-spacing:var(--cv-typo-current-ls, .2em)}
  .folco-prologue__plate-inner{width:100%}
  .folco-prologue__plate-eyebrow{margin-bottom:18px;font-size:var(--cv-typo-current-fs, 9px);letter-spacing:var(--cv-typo-current-ls, .24em)}
  .folco-prologue__plate-title{flex-direction:column;align-items:center;gap:.08em;font-size:var(--cv-typo-current-fs, clamp(36px,11vw,50px));letter-spacing:var(--cv-typo-current-ls, .07em)}
  .folco-prologue__plate-rule{width:62px;margin:20px auto}
  .folco-prologue__plate-voice{max-width:330px;font-size:var(--cv-typo-current-fs, clamp(20px,5.7vw,25px));line-height:var(--cv-typo-current-lh, 1.34)}

  .folco-prologue[data-folco-plate="narration"] .folco-prologue__plate,
  .folco-prologue[data-folco-plate="portrait"] .folco-prologue__plate{
    place-items:end center;
    padding-bottom:max(110px,calc(env(safe-area-inset-bottom) + 94px));
    background:linear-gradient(180deg,transparent 48%,rgba(7,7,6,.88));
  }
  .folco-prologue[data-folco-plate="narration"] .folco-prologue__plate-inner,
  .folco-prologue[data-folco-plate="portrait"] .folco-prologue__plate-inner,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate-inner{
    width:100%;
    text-align:center;
  }
  .folco-prologue[data-folco-plate="narration"] .folco-prologue__plate-rule,
  .folco-prologue[data-folco-plate="portrait"] .folco-prologue__plate-rule{margin-left:auto}

  .folco-prologue[data-folco-composition="map"] .folco-prologue__plate-title{font-size:var(--cv-typo-current-fs, clamp(31px,9.4vw,40px));letter-spacing:var(--cv-typo-current-ls, .14em);padding-left:.14em}
  .folco-prologue[data-folco-composition="map"] .folco-prologue__plate-title-line--two{font-size:var(--cv-typo-current-fs, .36em)}
  .folco-prologue[data-folco-composition="founding"] .folco-prologue__plate-title{font-size:var(--cv-typo-current-fs, clamp(40px,12vw,54px))}
  .folco-prologue[data-folco-composition="matter"] .folco-prologue__plate-title,
  .folco-prologue[data-folco-composition="present"] .folco-prologue__plate-title{font-size:var(--cv-typo-current-fs, clamp(32px,9.2vw,42px))}

  .folco-prologue[data-folco-composition="transmission"] .folco-prologue__plate{
    place-items:end center;
    background:linear-gradient(180deg,transparent 44%,rgba(7,7,6,.9));
  }
  .folco-prologue[data-folco-composition="transmission"] .folco-prologue__plate-inner{width:100%;text-align:center}
  .folco-prologue[data-folco-composition="transmission"] .folco-prologue__plate-rule{margin-right:auto}

  .folco-prologue[data-folco-composition="constellation"] .folco-prologue__plate{padding-bottom:max(108px,calc(env(safe-area-inset-bottom) + 92px))}
  .folco-prologue[data-folco-composition="constellation"] .folco-prologue__plate-title{font-size:var(--cv-typo-current-fs, clamp(31px,9vw,40px))}
  .folco-prologue[data-folco-composition="constellation"] .folco-prologue__plate-voice{font-size:var(--cv-typo-current-fs, 18px);max-width:340px}

  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate{
    place-items:end center;
    padding:64px 22px max(104px,calc(env(safe-area-inset-bottom) + 88px));
    background:linear-gradient(180deg,transparent 44%,rgba(7,7,6,.78));
  }
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate-inner{width:100%;text-align:center}
  .folco-prologue[data-folco-shot="FIRENZE"] .folco-prologue__plate-title{
    font-size:var(--cv-typo-current-fs, clamp(31px,9.4vw,40px));
    letter-spacing:var(--cv-typo-current-ls, .14em);
    padding-left:.14em;
  }
  .folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__plate{
    place-items:start center;
    padding-top:max(92px,calc(env(safe-area-inset-top) + 76px));
    background:linear-gradient(180deg,rgba(7,7,6,.7),transparent 48%);
  }
  .folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__plate-title{font-size:var(--cv-typo-current-fs, clamp(40px,12vw,54px))}

  .folco-prologue__counter{left:18px;bottom:max(25px,calc(env(safe-area-inset-bottom) + 12px))}
  .folco-prologue__sound{left:18px;bottom:max(58px,calc(env(safe-area-inset-bottom) + 46px))}
  .folco-prologue__progress{display:none}
  .folco-prologue__skip{
    right:18px;
    bottom:max(10px,env(safe-area-inset-bottom));
    max-width:170px;
    text-align:right;
    line-height:var(--cv-typo-current-lh, 1.35);
  }
}

@media (prefers-reduced-motion:reduce){
  ::view-transition-old(root),
  ::view-transition-new(root){animation:none!important}
  .folco-prologue,
  .folco-prologue *,
  .folco-prologue *::before,
  .folco-prologue *::after{
    animation-duration:200ms!important;
    animation-iteration-count:1!important;
    transition-duration:200ms!important;
  }
  .folco-prologue__atmosphere,
  .folco-prologue__texture,
  .folco-prologue__media,
  .folco-prologue__archive-line,
  .folco-prologue__water,
  .folco-prologue__constellation-line{
    animation:none!important;
    transform:none!important;
  }
  .folco-prologue__dust,
  .folco-prologue__scratches,
  .folco-prologue__bloom{display:none!important}
}

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════
   RETOUCHE DU 18/09/2026 — DRAMATURGIE ET TYPOGRAPHIE
   Un seul principe de composition : à gauche la parole, à droite l'image, haute comme une porte ouverte
   dans la matière sombre. Le luxe vient de la masse, du vide, de la lumière et de la cadence ; rien
   n'est ajouté. Corrigé au passage : le nom du fondateur coupé par le bord de l'écran (plan du premier
   portrait), « TRANSMISSION » sorti de son bloc, deux mentions superposées en haut à gauche, le titre
   de 1948 sous la commande du son sur mobile, les surtitres posés sur l'image.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════ */

/* 1. Typographie : aucune césure automatique, aucune coupure de secours dans un mot ; les lignes
      s'équilibrent ; les espaces insécables du script empêchent le mot seul en dernière ligne. */
.folco-prologue__act,
.folco-prologue__plate-eyebrow,
.folco-prologue__plate-title,
.folco-prologue__plate-voice,
.folco-prologue__constellation span,
.folco-prologue__progress-mark span,
.folco-prologue__skip,
.folco-prologue__sound{
  -webkit-hyphens:manual;
  hyphens:manual;
  overflow-wrap:normal;
  word-break:normal;
}
.folco-prologue__plate-eyebrow,
.folco-prologue__plate-voice{text-wrap:balance}
.folco-prologue__plate-title{font-kerning:normal}
.folco-prologue__plate-title-line{max-width:100%}
.folco-prologue__plate-rule{transform-origin:50% 50%}
.folco-prologue__skip{white-space:nowrap}

/* La mention d'archive et la mention d'acte occupaient le même coin : quand l'acte est annoncé, il parle seul. */
.folco-prologue[data-folco-shot="FIRENZE"] .folco-prologue__archive-code{visibility:hidden}

/* 2. Matière et lumière : un seul registre, sombre et minéral, du premier plan au dernier. */
.folco-prologue[data-folco-composition="photograph"] .folco-prologue__media--image{
  filter:grayscale(.8) sepia(.16) contrast(1.12) brightness(.84);
}
.folco-prologue[data-folco-composition="photograph"] .folco-prologue__media--secondary{
  filter:blur(24px) grayscale(.9) sepia(.1) contrast(1.05) brightness(.3);
}
.folco-prologue[data-folco-composition="photograph"] .folco-prologue__media-layer--secondary{opacity:.5}
.folco-prologue__media-layer--primary{will-change:clip-path,opacity}

/* Moins d'effets de pellicule : la rayure disparaît, les traits de relevé respirent plus lentement. */
.folco-prologue__scratches{display:none}
.folco-prologue__archive-line{animation-duration:9s}

/* La parole posée sur un film reste lisible sans durcir l'image. */
.folco-prologue[data-folco-composition="present"] .folco-prologue__plate{
  background:radial-gradient(ellipse 58% 40% at 50% 50%,rgba(7,7,6,.6),rgba(7,7,6,.28) 58%,transparent 78%);
}

/* 3. Grand écran : le diptyque. */
@media (min-width:701px){
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__media-layer--primary{
    inset:4% 17% 8% 42%;   /* l'image s'arrête avant le panneau « environnement » du coin haut droit */
  }
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__media--image{padding:0}
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media-layer--primary{inset:4% 9.5% 5% 44%}

  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate,
  .folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__plate{
    place-items:end start;
    padding-top:clamp(42px,6vw,96px);
    padding-bottom:clamp(128px,17vh,190px);
    background:linear-gradient(90deg,rgba(7,7,6,.86),rgba(7,7,6,.58) 34%,transparent 52%);
  }
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate-inner,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate-inner,
  .folco-prologue[data-folco-plate="narration"] .folco-prologue__plate-inner,
  .folco-prologue[data-folco-plate="portrait"] .folco-prologue__plate-inner{
    width:min(560px,40vw);
    margin:0;
    text-align:left;
  }
  .folco-prologue[data-folco-plate="narration"] .folco-prologue__plate,
  .folco-prologue[data-folco-plate="portrait"] .folco-prologue__plate{padding-bottom:clamp(128px,17vh,190px)}

  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate-title,
  .folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__plate-title,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate-title,
  .folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__plate-title{
    flex-direction:column;
    align-items:flex-start;
    gap:.1em;
    font-size:var(--cv-typo-current-fs, clamp(34px,5vw,76px));
    line-height:var(--cv-typo-current-lh, 1);
  }
  .folco-prologue[data-folco-shot="FIRENZE"] .folco-prologue__plate-title{
    font-size:var(--cv-typo-current-fs, clamp(38px,5.2vw,78px));
    letter-spacing:var(--cv-typo-current-ls, .2em);
    padding-left:0;
  }
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate-rule,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate-rule,
  .folco-prologue[data-folco-plate="narration"] .folco-prologue__plate-rule,
  .folco-prologue[data-folco-plate="portrait"] .folco-prologue__plate-rule{
    margin-left:0;
    margin-right:auto;
    transform-origin:0 50%;
    background:linear-gradient(90deg,var(--folco-patina),transparent);
  }
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate-voice,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate-voice{margin-left:0}

  .folco-prologue[data-folco-composition="transmission"] .folco-prologue__plate-title{
    justify-content:flex-end;
    font-size:var(--cv-typo-current-fs, clamp(36px,5.3vw,80px));
  }
  .folco-prologue[data-folco-composition="transmission"] .folco-prologue__plate-rule{transform-origin:100% 50%}
}

/* Écrans moyens : l'image passe sous le panneau du coin haut droit au lieu de le croiser. */
@media (min-width:701px) and (max-width:1180px) and (min-height:600px){
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__media-layer--primary{
    inset:max(156px,4%) 5% 9% 46%;
  }
  .folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__media-layer--primary,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media-layer--primary{
    inset:max(156px,4%) 5% 6% 46%;   /* le portrait passait sous « Le Salon privé » */
  }
}

/* Écrans moyens et bas (téléphone à l'horizontale) : l'image garde sa hauteur et s'écarte du coin haut droit. */
@media (min-width:701px) and (max-width:1180px) and (max-height:599px){
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__media-layer--primary,
  .folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__media-layer--primary,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media-layer--primary{
    inset:4% max(17%,286px) 8% 44%;
  }
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate,
  .folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__plate,
  .folco-prologue[data-folco-plate="narration"] .folco-prologue__plate,
  .folco-prologue[data-folco-plate="portrait"] .folco-prologue__plate{padding-bottom:118px}   /* au-dessus de la commande du son */
  .folco-prologue__constellation span{display:none}   /* trop bas pour les trois mentions autour du titre */
}

/* 4. Petit écran : l'image en haut, entière ; la parole dessous, sur la matière sombre, jamais sur l'image. */
@media (max-width:700px) and (min-height:561px){
  .folco-prologue__archive-code{display:none}   /* elle passait sous « Le Salon privé » */
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__media-layer--primary,
  .folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__media-layer--primary,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media-layer--primary{
    inset:max(40px,calc(env(safe-area-inset-top) + 28px)) 8px 330px;
  }
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__media--image{padding:0;object-position:50% 100%}
  .folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__media--primary,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media--primary{object-position:50% 100%}
  /* La parole commence toujours à la même distance sous l'image, quelle que soit sa longueur. */
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate,
  .folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__plate,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate,
  .folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__plate{
    place-items:start center;
    padding:calc(100vh - 310px) 22px 0;
    padding:calc(100dvh - 310px) 22px 0;
    background:linear-gradient(180deg,transparent calc(100% - 350px),rgba(7,7,6,.9) calc(100% - 318px));
  }
  .folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__plate-title{font-size:var(--cv-typo-current-fs, clamp(34px,10.4vw,46px))}
  .folco-prologue[data-folco-composition="transmission"] .folco-prologue__plate-title{font-size:var(--cv-typo-current-fs, clamp(28px,9.2vw,38px));letter-spacing:var(--cv-typo-current-ls, .06em)}
}

/* Petit écran tenu à l'horizontale : le diptyque, en réduction. */
@media (max-width:700px) and (max-height:560px){
  .folco-prologue__archive-code{display:none}
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__media-layer--primary,
  .folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__media-layer--primary,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__media-layer--primary{
    inset:8px 96px 8px 56%;
  }
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__media--image{padding:0}
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate,
  .folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__plate,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate,
  .folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__plate{
    place-items:start start;
    padding:34px 22px 0;
    background:linear-gradient(90deg,rgba(7,7,6,.88),rgba(7,7,6,.5) 46%,transparent 60%);
  }
  .folco-prologue[data-folco-composition="photograph"] .folco-prologue__plate-inner,
  .folco-prologue[data-folco-composition="portrait-one"] .folco-prologue__plate-inner,
  .folco-prologue[data-folco-composition="portrait-two"] .folco-prologue__plate-inner{width:min(46vw,300px);margin:0;text-align:left}
  .folco-prologue__plate-title{align-items:flex-start;font-size:var(--cv-typo-current-fs, clamp(22px,5.4vw,34px))}
  .folco-prologue[data-folco-shot="FIRENZE"] .folco-prologue__plate-title,
  .folco-prologue[data-folco-shot="MCMXLVIII"] .folco-prologue__plate-title{align-items:flex-start;font-size:var(--cv-typo-current-fs, clamp(22px,5.2vw,32px));padding-left:0;letter-spacing:var(--cv-typo-current-ls, .1em)}
  .folco-prologue[data-folco-composition="transmission"] .folco-prologue__plate-title,
  .folco-prologue[data-folco-composition="present"] .folco-prologue__plate-title,
  .folco-prologue[data-folco-composition="constellation"] .folco-prologue__plate-title{align-items:center;font-size:var(--cv-typo-current-fs, clamp(24px,6vw,36px))}
  .folco-prologue__plate-eyebrow{margin-bottom:10px}
  .folco-prologue__plate-rule{margin:12px auto 12px 0;transform-origin:0 50%}
  .folco-prologue[data-folco-composition="transmission"] .folco-prologue__plate-rule,
  .folco-prologue[data-folco-composition="present"] .folco-prologue__plate-rule,
  .folco-prologue[data-folco-composition="constellation"] .folco-prologue__plate-rule{margin:12px auto;transform-origin:50% 50%}
  .folco-prologue__plate-voice{font-size:var(--cv-typo-current-fs, clamp(16px,3.6vw,20px));margin-left:0}
  .folco-prologue__constellation span{display:none}
  .folco-prologue[data-folco-composition="transmission"] .folco-prologue__plate-voice,
  .folco-prologue[data-folco-composition="present"] .folco-prologue__plate-voice{margin-left:auto}
}

                                                               
                                                                     
                                                             
                                                                             
#folco-prologue[data-folco-composition="photograph"] .folco-prologue__media--primary[data-cv-a6-graded] {
  filter:grayscale(.8);
}
#folco-prologue[data-folco-composition="photograph"] .folco-prologue__media--secondary[data-cv-a6-graded] {
  filter:blur(24px) grayscale(.8);
}
#folco-prologue .folco-prologue__media--video[data-cv-a6-graded] {
  filter:grayscale(.8);
}