/* Le Tapis — preloader. Il movimento è in assets/js/preloader.js. */
/* già comparso in questa visita (lo segna lo script in testa alla pagina, inc/preloader.php) */
.pre-no .pre{display:none}
.pre{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 44%,#fdf3ec 0,#fbe4dc 68%);
  /* se lo script non parte, dopo 7 secondi il sito si vede comunque */
  animation:pre-via .4s 7s forwards}
@keyframes pre-via{to{opacity:0;visibility:hidden}}
.pre-logo{width:min(520px,64vw);height:auto;overflow:visible}
.pre-orso,.pre-bimbo,.pre-linea{fill:#2b2320}
/* finché lo script non ha messo i pezzi al punto di partenza restano nascosti */
.pre:not(.pronto) .pre-orso,.pre:not(.pronto) .pre-bimbo,.pre:not(.pronto) .pre-linea,.pre:not(.pronto) .pre-bolle{visibility:hidden}
/* uscita: la bolla grande diventa un foro che si allarga sul sito */
.pre.apre{--px:50%;--py:50%;--pr:0px;animation:none;
  -webkit-mask-image:radial-gradient(circle at var(--px) var(--py),transparent var(--pr),#000 calc(var(--pr) + 1.5px));
  mask-image:radial-gradient(circle at var(--px) var(--py),transparent var(--pr),#000 calc(var(--pr) + 1.5px))}
@media (prefers-reduced-motion:reduce){
  .pre:not(.pronto) .pre-orso,.pre:not(.pronto) .pre-bimbo,.pre:not(.pronto) .pre-linea,.pre:not(.pronto) .pre-bolle{visibility:visible}
  .pre{transition:opacity .3s}
  .pre.via{opacity:0}
}