/* Sezione: intro a tutto schermo. Righe in dissolvenza una dopo l'altra (--intro-step), poi sparisce dopo --intro-hold */
.intro{position:fixed;inset:0;z-index:50;background:var(--ts-ink);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 10vw;opacity:1;transition:opacity var(--intro-out) ease,visibility 0s linear var(--intro-out)}
.intro.is-gone{opacity:0;visibility:hidden}
.intro span{display:block;opacity:0;transition:opacity var(--intro-fade) ease}
.intro span:nth-child(2){transition-delay:var(--intro-step)}
.intro span:nth-child(3){transition-delay:calc(var(--intro-step) * 2)}
.intro.is-playing span{opacity:1}
.intro p{font-family:var(--ts-display);font-size:var(--fs-intro);line-height:1.35;color:var(--ts-sand)}
@media (prefers-reduced-motion:reduce){.intro{display:none}}