/* =========================================================================
   LEAN SKIPPER, Chantier hero
   Le strict nécessaire pour le canvas du héros : un cadre positionné, le
   canvas en plein cadre, le fond marine posé avant le premier dessin.
   Indépendant de smart-lp.css ; les tokens viennent de leanskipper.css, avec
   un repli si la charte n'est pas chargée.
   ========================================================================= */

.chantier-hero-frame {
  position: relative;
  overflow: hidden;
  background: var(--surface-page, oklch(19% 0.055 258));
}

.chantier-hero,
canvas[data-chantier-hero] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  background: var(--surface-page, oklch(19% 0.055 258));
  touch-action: pan-y;
}