/* Photographie multicouche. Les mouvements restent isolés du moteur de scroll. */
.signature-depth { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; background: #030303; visibility: hidden; }
.signature-depth.is-visible { visibility: visible; }
.signature-depth-camera { position: absolute; inset: 0; transform-origin: 72% 100%; }
.signature-depth-plane { position: absolute; display: block; max-width: none; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.signature-depth-plane--subject, .signature-depth-plane--foreground { mask-mode: luminance; mask-size: cover; mask-position: 50% 50%; mask-repeat: no-repeat; mask-composite: add; }
.signature-depth-plane--subject { transform-origin: 72% 100%; }
.signature-depth-plane--foreground { transform-origin: 7% 64%; }
.signature-depth-video { position: absolute; inset: 0; z-index: 0; overflow: hidden; transform-origin: 72% 100%; }
.signature-depth-video > video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover; object-position: 50% 50%; }
#home-hero.signature-depth-ready .signature-depth-video { visibility: hidden; }
#home-hero.signature-depth-ready.signature-depth-playing .signature-depth-video { visibility: visible; }
@media (max-width: 760px) {
  .signature-depth-plane, .signature-depth-video > video { object-position: 87% 50%; mask-position: 87% 50%; }
  .signature-depth-camera, .signature-depth-video { transform-origin: 65% 100%; }
  #home-hero.signature-depth-ready .hero-poster--mobile,
  #home-hero.signature-depth-ready .hero-live-mobile { visibility: hidden !important; }
  #home-hero.signature-depth-ready .signature-depth-video > video { display: block !important; }
}
@media (prefers-reduced-motion: reduce) { .signature-depth { display: none !important; } }
@media (min-width: 761px) {
  .signature-depth-plane, .signature-depth-video > video { object-fit: cover; object-position: 50% 0%; mask-size: cover; mask-position: 50% 0%; }
  /* Retour Tex 05/09 : à .24 le décor et le sabre disparaissaient. La piste
     qu'il évoque (75-80 %) est prise comme point de départ et mesurée : le
     décor redevient lisible et le texte garde sa marge de contraste grâce au
     dégradé de lecture ci-dessous, pas grâce à l'extinction de la photo. */
  .signature-depth-plane--room { filter: brightness(.62); }
  .signature-depth-video { background: #030303; }
  #home-hero.signature-depth-ready:not(.signature-depth-playing) .hero-veil { opacity: 0; }
  /* Retour Tex 05/09 : le calque masquait le décor et le sabre. L'ellipse de
     lecture reste centrée sous le texte mais s'allège (.93 → .60) et se
     resserre ; le bas de cadre passe de .85 à .58. Le décor redevient visible
     et le texte garde sa marge, mesurée sur les pixels rendus. */
  /* L'ellipse est recentrée sur la colonne de texte (28 % → 26 %) et resserrée
     en hauteur pour laisser le sabre, son présentoir et le bonsaï hors de son
     cœur : ils occupent la bande basse gauche du cadre. */
  #home-hero.signature-depth-ready .hero-read {
    background: radial-gradient(ellipse 34% 30% at 26% 45%, rgba(3,3,3,.72), rgba(3,3,3,.46) 60%, transparent 100%),
      linear-gradient(to bottom,rgba(3,3,3,.26),transparent 15%),
      linear-gradient(to top,rgba(3,3,3,.42),transparent 44%);
  }
}

.signature-depth-plane--foreground { filter: brightness(1.4); }


.signature-depth-play { position: absolute; z-index: 5; right: 24px; bottom: 24px; min-height: 44px; padding: 0 20px; border: 0; border-radius: 999px; background: #f2efe8; color: #101114; font: 500 .875rem/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif; cursor: pointer; }
.signature-depth-play[hidden] { display: none; }
.signature-depth-play:focus-visible { outline: 2px solid #f2efe8; outline-offset: 4px; }
@media (max-width: 760px) { .signature-depth-play { right: 8px; bottom: 24px; width: 96px; padding: 0; font-size: .75rem; } }