/* Réglage éditorial des intérieurs. Aucun filtre sur les images, aucune
   accroche aux moteurs d'accueil, météo, navigation ou View Transition. */
body.mc-maison {
  --mc-paper-warm: #f4f0e8;
  --mc-paper-chalk: #f1f2eb;
  --mc-green-ink: #122d25;
  --mc-green-copy: #334d42;
  --mc-orange-ink: #963d19;
  --mc-line-paper: #122d2538;
  --mc-line-dark: #f4f0e840;
  --mc-ease-fine: cubic-bezier(.22, .68, .22, 1);
}

/* Un même papier pour la salle, les marges et les commandes, tout en gardant
   le registre craie plus frais des deux galeries concernées. */
body.mc-maison:not(#mc-calibration) .iv-gallery {
  --iv-paper: var(--mc-paper-warm);
  --iv-ink: var(--mc-green-ink);
  --iv-accent: var(--mc-orange-ink);
  --iv-line: var(--mc-line-paper);
  --mc-gallery-paper: var(--iv-paper);
  color: var(--iv-ink);
}
body.mc-maison:not(#mc-calibration) .iv-gallery[data-palette="craie"] {
  --iv-paper: var(--mc-paper-chalk);
}
body.mc-maison:not(#mc-calibration) .iv-gallery::before { opacity: .48; }
body.mc-maison:not(#mc-calibration) .iv-gallery .iv-wash { opacity: .42; }

/* Alignements, un filet principal et un accent court : l'orange ponctue,
   le vert porte la lecture. Les numéros restent de véritables textes. */
body.mc-maison:not(#mc-calibration) .iv-gallery > .iv-running {
  align-items: baseline;
  background: linear-gradient(var(--iv-accent), var(--iv-accent)) left bottom / 48px 1px no-repeat;
  border-bottom-color: var(--iv-line);
  padding-bottom: 20px;
}
body.mc-maison:not(#mc-calibration) .iv-gallery .iv-running span {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: .1em;
}
body.mc-maison:not(#mc-calibration) .iv-gallery .iv-running span:last-child {
  font-variant-numeric: lining-nums tabular-nums;
  text-shadow: none;
}
body.mc-maison:not(#mc-calibration) .iv-gallery .iv-heading h2 {
  letter-spacing: -.028em;
  line-height: 1.06;
  text-wrap: balance;
}
body.mc-maison:not(#mc-calibration) .iv-gallery .iv-heading p {
  color: var(--mc-green-copy);
  max-width: 35ch;
  line-height: 1.65;
  text-wrap: pretty;
}
body.mc-maison:not(#mc-calibration) .iv-gallery > .iv-stage::before {
  box-shadow: 9px 18px 26px -25px #122d2555;
}
body.mc-maison:not(#mc-calibration) .iv-gallery .iv-stage > .iv-picture {
  box-shadow: 0 20px 28px -25px #122d2580;
}
body.mc-maison:not(#mc-calibration) .iv-gallery .iv-stage > .iv-caption {
  font-size: 13px;
  letter-spacing: .065em;
  color: var(--iv-ink);
}
body.mc-maison:not(#mc-calibration) .iv-gallery .iv-caption b { color: var(--iv-ink); }
body.mc-maison:not(#mc-calibration) .iv-gallery .iv-pause {
  font-size: 12px;
  letter-spacing: .1em;
  min-height: 44px;
  background: var(--iv-paper);
  border-color: #122d2573;
  transition: color 240ms ease, background-color 240ms ease, border-color 240ms ease;
}
body.mc-maison:not(#mc-calibration) .iv-gallery .iv-pause:is(:hover, :focus-visible) {
  background: var(--iv-ink);
  color: var(--iv-paper);
  border-color: var(--iv-ink);
}
body.mc-maison:not(#mc-calibration) .iv-gallery > .iv-bottom {
  background: none;
  color: var(--iv-ink);
  font-size: 14px;
  line-height: 1.7;
  align-items: baseline;
}
body.mc-maison:not(#mc-calibration) .iv-gallery .iv-bottom a {
  display: inline-flex;
  align-items: baseline;
  gap: 20px;
  min-height: 44px;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}
body.mc-maison:not(#mc-calibration) .iv-gallery .iv-bottom a span {
  display: inline-block;
  transition: translate 320ms var(--mc-ease-fine);
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.mc-maison:not([data-tc-cine-paused="true"]) .iv-gallery[data-moving="true"] .iv-bottom a:hover span { translate: 0 3px; }
}
body.mc-maison:not(#mc-calibration) .iv-gallery :is(a, button):focus-visible {
  outline: 2px solid var(--iv-ink);
  outline-offset: 5px;
}

/* Cartels cinéma : mêmes repères que les galeries ; aucun sélecteur video
   ou image, aucune modification des sources, du cadrage ou des commandes. */
body.mc-maison:not(#mc-calibration) .tf-film[data-mc-cinema="landscape"] > figcaption,
body.mc-maison:not(#mc-calibration) .trv figure[data-mc-cinema="portrait"] > figcaption {
  border-top-color: var(--mc-line-dark);
  background: linear-gradient(var(--tf-orange, #f37021), var(--tf-orange, #f37021)) left top / 48px 1px no-repeat;
}
body.mc-maison:not(#mc-calibration) .tf-film .tf-film-kicker {
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--tf-ivory, #f4f0e8);
}
body.mc-maison:not(#mc-calibration) .tf-film > figcaption strong {
  line-height: 1.12;
  letter-spacing: -.018em;
  text-wrap: balance;
}
body.mc-maison:not(#mc-calibration) :is(.tf-film, .trv-frame)[data-mc-cinema-entering],
body.mc-maison:not(#mc-calibration) :is(.tf-film, .trv-frame)[data-mc-cinema-entering] > .mc-cinema-matte::before,
body.mc-maison:not(#mc-calibration) :is(.tf-film, .trv-frame)[data-mc-cinema-entering] > .mc-cinema-matte::after,
body.mc-maison:not(#mc-calibration) .iv-gallery[data-mc-gallery-entry="running"] > .iv-stage::before {
  animation-timing-function: var(--mc-ease-fine);
}

/* Lecture intérieure seulement : ne cible ni les héros, ni les archives,
   ni les paysages de sortie réservés aux raccords de Claude. */
body.mc-maison:not(#mc-calibration) :is(.ed-edition, .ed-principles, .ed-responsibilities, .te-chapter, .te-scale) :is(.ed-copy, .te-copy) {
  text-wrap: pretty;
  line-height: 1.75;
}
body.mc-maison:not(#mc-calibration) :is(.ed-edition, .ed-principles, .ed-responsibilities, .te-chapter, .te-scale) :is(.ed-heading, .te-heading) {
  text-wrap: balance;
  letter-spacing: -.025em;
  line-height: 1.12;
}
body.mc-maison:not(#mc-calibration) :is(.ed-edition, .ed-principles, .ed-responsibilities, .te-chapter, .te-scale) :is(.ed-number, .te-number) {
  font-variant-numeric: lining-nums tabular-nums;
}

@media (max-width: 700px) {
  body.mc-maison:not(#mc-calibration) .iv-gallery .iv-heading h2 { letter-spacing: -.022em; }
  body.mc-maison:not(#mc-calibration) .iv-gallery .iv-stage > .iv-caption { font-size: 12px; line-height: 1.7; }
  body.mc-maison:not(#mc-calibration) .iv-gallery .iv-running span { letter-spacing: .07em; }
  body.mc-maison:not(#mc-calibration) .iv-gallery .iv-bottom { gap: 10px 22px; }
}
body.mc-maison:not(#mc-calibration)[data-tc-cine-paused="true"] .iv-gallery :is(.iv-pause, .iv-bottom a span),
body.mc-maison:not(#mc-calibration) .iv-gallery[data-moving="false"] :is(.iv-pause, .iv-bottom a span) { transition: none; translate: none; }
@media (prefers-reduced-motion: reduce), (prefers-contrast: more), (forced-colors: active), print {
  body.mc-maison:not(#mc-calibration) .iv-gallery :is(.iv-pause, .iv-bottom a span) { transition: none; translate: none; }
  body.mc-maison:not(#mc-calibration) .iv-gallery :is(.iv-running, .iv-bottom) { background: none; }
  body.mc-maison:not(#mc-calibration) .tf-film[data-mc-cinema="landscape"] > figcaption,
  body.mc-maison:not(#mc-calibration) .trv figure[data-mc-cinema] > figcaption { background: none; }
}
@media (forced-colors: active) {
  body.mc-maison:not(#mc-calibration) .iv-gallery {
    --iv-paper: Canvas; --mc-gallery-paper: Canvas; --iv-ink: CanvasText;
    --iv-accent: CanvasText; --iv-line: CanvasText;
  }
  body.mc-maison:not(#mc-calibration) .iv-gallery[data-palette="craie"] { --iv-paper: Canvas; }
  body.mc-maison:not(#mc-calibration) .iv-gallery::before { display: none; }
  body.mc-maison:not(#mc-calibration) .iv-gallery .iv-heading p { color: CanvasText; }
  body.mc-maison:not(#mc-calibration) .iv-gallery > .iv-stage::before,
  body.mc-maison:not(#mc-calibration) .iv-gallery .iv-stage > .iv-picture { box-shadow: none; }
  body.mc-maison:not(#mc-calibration) .iv-gallery .iv-pause { border-color: ButtonText; }
}