/* Raccordo continuo dalla pagina chiara alla notte della chiusura.
   2/11 · la curva e i riflessi blu/corallo sono adesso lo standard di .piede::before in interne.css
   (lo stesso di questa pagina, portato ovunque): qui resta solo la misura del raccordo, più alta che
   altrove perché qui sopra c'è l'aura a tutta pagina, non una fascia di notte già scura. */
body:is([data-pagina="esperimenti"],[data-pagina="esempi"]) .piede {
  --raccordo:clamp(180px,26vh,280px);
  margin-top:var(--raccordo);
}
body:is([data-pagina="esperimenti"],[data-pagina="esempi"]) .piede::before {
  inset:calc(-1 * var(--raccordo)) 0 auto; height:calc(var(--raccordo) + 1px);
}
.piede .promessa { position:relative; isolation:isolate; overflow:hidden; }
.piede .promessa > .riga { position:relative; z-index:1; }
.piede .promessa > canvas.sfera {
  position:absolute; z-index:0; top:50%; right:-10vw; transform:translateY(-50%);
  width:min(44vw,680px); height:min(44vw,680px); opacity:.65; pointer-events:none;
}
@media(max-width:900px) {
  body:is([data-pagina="esperimenti"],[data-pagina="esempi"]) .piede { --raccordo:clamp(150px,22svh,210px); }
  .piede .promessa > canvas.sfera { width:115vw; height:115vw; right:-53vw; opacity:.4; }
}