/* Movimento leggero: ingresso della pagina e comparsa degli elementi allo scorrimento. */
@keyframes ideaRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes ideaFade{from{opacity:0}to{opacity:1}}

/* Al caricamento: testata, testi e scheda del progetto entrano uno dopo l'altro */
.idea-header{animation:ideaFade .6s ease both}
.hn-hero__copy>*{animation:ideaRise .8s cubic-bezier(.2,.65,.3,1) both}
.hn-hero__copy>*:nth-child(1){animation-delay:.05s}
.hn-hero__copy>*:nth-child(2){animation-delay:.15s}
.hn-hero__copy>*:nth-child(3){animation-delay:.28s}
.hn-hero__copy>*:nth-child(4){animation-delay:.4s}
.hn-hero__copy>*:nth-child(n+5){animation-delay:.5s}
.hn-hero__projects{animation:ideaRise .9s cubic-bezier(.2,.65,.3,1) .35s both}
.idea-pagehead .idea-container>*,.az-hero__copy>*{animation:ideaRise .7s cubic-bezier(.2,.65,.3,1) both}
.idea-pagehead .idea-container>*:nth-child(2){animation-delay:.1s}
.idea-pagehead .idea-container>*:nth-child(n+3){animation-delay:.2s}

/* Catalogo in home (si aggiorna da solo con i filtri): le schede entrano a cascata */
.hn-catalog .idea-card{animation:ideaRise .6s cubic-bezier(.2,.65,.3,1) both}
.hn-catalog .idea-card:nth-child(2){animation-delay:.06s}
.hn-catalog .idea-card:nth-child(3){animation-delay:.12s}
.hn-catalog .idea-card:nth-child(4){animation-delay:.18s}
.hn-catalog .idea-card:nth-child(5){animation-delay:.24s}
.hn-catalog .idea-card:nth-child(n+6){animation-delay:.3s}

/* Allo scorrimento: gli elementi sotto la piega compaiono quando entrano nello schermo */
.mo-r{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1);transition-delay:var(--mo-d,0ms);will-change:opacity,transform}
.mo-r.mo-in{opacity:1;transform:none}
.mo-r.mo-done{will-change:auto}

@media(prefers-reduced-motion:reduce){
  .idea-header,.az-hero__copy>*,.hn-hero__copy>*,.hn-hero__projects,.idea-pagehead .idea-container>*,.hn-catalog .idea-card{animation:none}
  .mo-r{opacity:1;transform:none;transition:none}
}
