/* --- pagina di esempio, sostituisci con la tua struttura esistente --- */
  body { margin:0; font-family: sans-serif; }
  .page-content { padding: 40px; }
 
  /* --- OVERLAY: div fisso a tutta pagina (versione reale del progetto) --- */
  #intro-overlay {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image:url(../_img/buco.png);
    background-repeat:no-repeat;
    background-color: #FFF;
    overflow: hidden;
    opacity: 1;
    transition:background-color 2s;
  }
  #intro-overlay.buco{
    background-position:center;
    background-size:100%;
    background-color: transparent;
    transition:opacity 1s, background-color 3s, background-size 3s;
  }
  @media (max-aspect-ratio: 1/1) {
    #intro-overlay.buco{
      background-image:url(../_img/bucoV.png);
    }
  }
  #intro-overlay.buco.big{
    background-size:1500% !important;
  }
  #intro-overlay.ini{
    background-image:url(../_img/loadingWhite2.gif), url(../_img/buco.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:50px;
  }
 
  /* --- PIVOT: punto di ancoraggio a dimensione zero, al centro schermo.
       Porta SOLO lo scale() dell'animazione: essendo 0x0, il suo
       transform-origin (50% 50%) coincide comunque con questo unico
       punto, quindi lo scale avviene sempre attorno al centro schermo,
       a qualsiasi fattore di scala. --- */
  #intro-logo-pivot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
  }
 
  #intro-logo {
    /* Renderizzato UNA SOLA VOLTA a dimensione fissa (SAFE_RENDER_PX in
       JS): non viene più ridimensionato in width/height durante
       l'animazione, per evitare che il browser rigeneri il vettore ad
       ogni frame. position:absolute;top:0;left:0 lo ancora al punto
       (0,0) del pivot (il centro schermo); transform:translate(-X%,-Y%)
       sposta il "vero" fulcro visivo dell'artwork su quel punto. */
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    border: none;
    overflow: hidden;
    pointer-events: none;
  }