/* Phase 1 v1.3.3 — Animation progressive, sans changer les images sources. */
body.caboux-phase1-page .caboux-scene-art{
  --caboux-scene-y:0px;
  --caboux-scene-tilt:0deg;
  translate:0 var(--caboux-scene-y);
  rotate:var(--caboux-scene-tilt);
  transform-origin:50% 70%;
  will-change:translate;
}
/* L'animation d'entrée s'enclenche seulement à l'arrivée du bloc dans la fenêtre. */
@keyframes caboux-scene-appear{
  from{opacity:.22;filter:blur(5px);scale:.965}
  to{opacity:1;filter:blur(0);scale:1}
}
body.caboux-phase1-page .caboux-scene-art.caboux-scene-seen{animation:caboux-scene-appear .8s cubic-bezier(.2,.7,.2,1) both}
/* Les cartes restent dans leurs lignes ; seuls les visuels font une entrée progressive. */
body.caboux-phase1-page .caboux-character-tile.caboux-scene-seen .caboux-tile-art{animation:caboux-scene-appear .7s ease-out both}
/* Collant seulement si la colonne est assez grande : limité au conteneur du bloc. */
@media(min-width:981px){
  body.caboux-phase1-page .caboux-scene-section.caboux-scene-can-stick>.wp-block-columns{align-items:stretch!important}
  body.caboux-phase1-page .caboux-scene-can-stick .caboux-scene-sticky-column{align-self:stretch!important;min-width:0}
  body.caboux-phase1-page .caboux-scene-can-stick .caboux-scene-sticky-column>.caboux-scene-art{position:sticky!important;top:112px;z-index:1}
}
@media(max-width:980px){
  body.caboux-phase1-page .caboux-scene-art{translate:none!important;rotate:none!important;will-change:auto}
  body.caboux-phase1-page .caboux-scene-sticky-column>.caboux-scene-art{position:static!important}
}
@media(prefers-reduced-motion:reduce){
  body.caboux-phase1-page .caboux-scene-art,body.caboux-phase1-page .caboux-character-tile .caboux-tile-art{animation:none!important;translate:none!important;rotate:none!important;filter:none!important;scale:1!important;will-change:auto!important}
  body.caboux-phase1-page .caboux-scene-sticky-column>.caboux-scene-art{position:static!important}
}
