/* Riquadro che cresce allo scroll (components/scroll-grow.js): ritaglio con clip-path guidato da --grow-x / --grow-y,
   animate da GSAP. Stato finale (0) nella regola: senza JS o con "riduci movimento" il riquadro è pieno. Gli elementi
   dentro che devono restare visibili (es. un pulsante in un angolo) possono usare le stesse variabili per spostarsi. */
@layer components {
  .scroll-grow {
    --grow-x: 0%; --grow-y: 0%;
    clip-path: inset(var(--grow-y) var(--grow-x) round var(--grow-radius, var(--radius-l)));
  }
}