/* ==========================================================================
   Amétrine Web — Mouvement des pages intérieures
   Complète style.css sans le remplacer.
   ========================================================================== */

/* Améthyste discrète derrière les en-têtes de page */
.am-hero-gem { position: relative; overflow: hidden; }
.am-hero-gem > .container { position: relative; z-index: 2; }
.am-gem-layer {
  position: absolute;
  inset: -10%;
  z-index: 1;
  pointer-events: none;
  will-change: transform;
}
.am-gem-layer canvas { width: 100%; height: 100%; display: block; }
@media (max-width: 900px) { .am-gem-layer { opacity: .55; } }

/* Titre révélé mot à mot */
.am-word-mask { display: inline-block; overflow: hidden; vertical-align: bottom; }
.am-word { display: inline-block; will-change: transform; }

@media (prefers-reduced-motion: reduce) {
  .am-gem-layer { display: none; }
  .am-word { transform: none !important; }
}