/* Entrata nella home (22/10; 30/10 accorciata a ~1,2 s: "il sito sembra lento quando si apre"): solo il velo di pergamena con logo, nome e "Sito di Davide Chiesa"; poi il velo si
   dissolve e sotto la pagina si compone. Attiva solo con html.entrata-attiva (script in testa: una volta per sessione,
   mai con movimento ridotto). */
.entrata { display:none; }
html.entrata-attiva .entrata { position:fixed; inset:0; z-index:2000; display:grid; grid-template-columns:100%; justify-items:center; align-content:center; overflow:hidden; cursor:pointer;
  background:var(--fondo-pagina, #f3ecdc) url('../asset/beige/pergamena-originale.jpg') center / cover;
  animation:entrata-dissolvi 0.35s ease-in-out 0.55s forwards; }

/* Logo, nome e sottotitolo al centro del velo. */
.entrata__contenuto { position:relative; display:grid; justify-items:center; padding:0 24px; text-align:center; }
html.entrata-attiva .entrata__contenuto { animation:entrata-via 0.35s cubic-bezier(.7,0,.3,1) 0.55s forwards; }
.entrata__logo { width:clamp(90px, 10vw, 124px); height:auto; margin-bottom:16px; animation:entrata-logo 0.3s cubic-bezier(.2,.7,.2,1) 0.05s both; }
.entrata__nome { margin:0; font-family:var(--marchio-font, "Fraunces", Georgia, serif); font-weight:var(--marchio-peso, 550); font-stretch:var(--marchio-stretch, 100%);
  text-transform:var(--marchio-caso, none); font-size:clamp(2.1rem, 5.4vw, 4.6rem); line-height:1.1; letter-spacing:var(--marchio-spazio, -.04em); color:var(--titolo-color, #266786);
  animation:entrata-nome 0.35s cubic-bezier(.2,.7,.2,1) 0.1s both; }
.entrata__linea { display:block; width:min(240px, 50vw); height:2px; margin:18px 0 13px; background:linear-gradient(90deg, transparent, #b39657 20%, #9c7c43 50%, #b39657 80%, transparent);
  transform-origin:center; animation:entrata-linea 0.3s cubic-bezier(.65,0,.35,1) 0.2s both; }
.entrata__sotto { margin:0; font:500 clamp(.8rem, 1.6vw, .95rem)/1.4 var(--tema-font, "Archivo", system-ui, sans-serif); letter-spacing:.22em; text-transform:uppercase; color:#7f6331;
  animation:entrata-sotto 0.3s ease-out 0.25s both; }

@keyframes entrata-dissolvi { to { opacity:0; visibility:hidden; } }
@keyframes entrata-via { to { transform:translateY(-28px); opacity:0; } }
@keyframes entrata-logo { from { opacity:0; transform:translateY(16px) scale(.94); filter:blur(6px); } }
@keyframes entrata-nome { from { opacity:0; transform:translateY(.22em); filter:blur(8px); letter-spacing:.06em; } }
@keyframes entrata-linea { from { transform:scaleX(0); opacity:0; } }
@keyframes entrata-sotto { from { opacity:0; letter-spacing:.42em; } }

/* La pagina sotto il velo si compone mentre il velo si dissolve (riempimento solo all'indietro: poi restano gli stili normali). */
@keyframes entrata-sale { from { opacity:0; transform:translateY(14px); } }
@keyframes entrata-appare { from { opacity:0; } }
@keyframes entrata-centro { from { opacity:0; transform:translateX(-50%) scale(.93); } }
@keyframes entrata-lati { from { opacity:0; transform:translateX(-50%) scale(.72); } }
html.entrata-attiva:not(.entrata-salta) :is(.testa > .logo, .testa .nome, .testa .sotto, .testa .navigazione-wrap, .apertura > .frase, .apertura > .contenitori, .apertura > .presentazione-sito) { animation:entrata-sale 0.4s cubic-bezier(.2,.7,.2,1) 0.6s backwards; }
html.entrata-attiva:not(.entrata-salta) .testa .nome { animation-delay:0.62s; }
html.entrata-attiva:not(.entrata-salta) .testa .sotto { animation-delay:0.64s; }
html.entrata-attiva:not(.entrata-salta) .testa .navigazione-wrap { animation-delay:0.66s; }
html.entrata-attiva:not(.entrata-salta) .apertura > .frase { animation-delay:0.68s; }
html.entrata-attiva:not(.entrata-salta) .apertura > .contenitori { animation-delay:0.72s; }
html.entrata-attiva:not(.entrata-salta) .apertura > .presentazione-sito { animation-delay:0.76s; }
html.entrata-attiva:not(.entrata-salta) .vetrina__f[data-pos="centro"] { animation:entrata-centro 0.45s cubic-bezier(.2,.7,.2,1) 0.66s backwards; }
html.entrata-attiva:not(.entrata-salta) .vetrina__f:is([data-pos="prima"],[data-pos="dopo"]) { animation:entrata-lati 0.5s cubic-bezier(.22,.61,.36,1) 0.74s backwards; }
html.entrata-attiva:not(.entrata-salta) :is(.vetrina__freccia, .vetrina__punti) { animation:entrata-appare 0.3s ease-out 0.85s backwards; }

/* Clic, tasto o rotellina: il velo si dissolve subito e la pagina appare già composta. */
@keyframes entrata-dissolvi-subito { to { opacity:0; visibility:hidden; } }
html.entrata-salta .entrata { animation:entrata-dissolvi-subito 0.25s ease-out forwards; }
html.entrata-salta .entrata :is(.entrata__contenuto, .entrata__contenuto > *) { animation:none; }
@media (prefers-reduced-motion:reduce) { html.entrata-attiva .entrata { display:none; } }