/* Stessa pulsazione dell'indicatore condiviso SERGIO. */
@keyframes sergio-caricamento-pulsa{0%,100%{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}
.intro-attiva .hero-mark img{animation:sergio-caricamento-pulsa 1.4s ease-in-out infinite}
.intro-attiva .hero-wm{animation:apertura-scritta .8s .3s both}
@keyframes apertura-scritta{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.intro-attiva .hero h1{visibility:hidden}
.intro-attiva.intro-digita .hero h1{visibility:visible}
.hero h1>span{position:relative}
.hero h1 .intro-riserva{visibility:hidden}
.hero h1 .intro-lettere{position:absolute;inset:0;display:block}
.intro-cursore::after{content:"";display:inline-block;width:2px;height:.8em;margin-left:3px;background:currentColor;vertical-align:-.02em}
.intro-attiva .hero .lede,.intro-attiva .hero .cta-row,.intro-attiva .device-hero,.intro-attiva .scelta-percorsi,.intro-attiva main>:not(:first-child){opacity:0;visibility:hidden;transform:translateY(12px)}
.intro-finita .hero .lede{animation:apertura-contenuto .7s both}
.intro-finita .hero .cta-row{animation:apertura-contenuto .7s .15s both}
.intro-finita .device-hero{animation:apertura-contenuto .85s .3s both}
.intro-finita .scelta-percorsi,.intro-finita main>:not(:first-child){animation:apertura-contenuto .8s .45s both}
@keyframes apertura-contenuto{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.logo-nel-titolo{display:inline-block;width:3.8em;height:auto;vertical-align:.02em;max-width:100%;filter:brightness(0) invert(1)}
@media(prefers-reduced-motion:reduce){.hero-mark img,.hero-wm,.intro-finita .hero .lede,.intro-finita .hero .cta-row,.intro-finita .device-hero,.intro-finita .scelta-percorsi,.intro-finita main>:not(:first-child){animation:none!important}}
/* Scena originale a schermo intero, poi il marchio si posa nella hero. */
.intro-schermo{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#09090c;transition:background .85s;pointer-events:none;--sg-scena:min(86vw,420px)}
.intro-schermo.intro-volo{background:transparent}
.intro-schermo .sg-word{width:62%;margin-top:24px}
.intro-schermo .sg-word>img{display:block;width:100%;height:auto;filter:none;clip-path:inset(0 100% 0 0);animation:sgWordReveal .65s .65s both}
.intro-schermo .sg-acro{font-size:10px;margin-top:24px}
.intro-schermo .sg-acro span{animation-delay:calc(1s + var(--i)*.04s)}
.intro-attiva:not(.intro-approdata) .hero-mark,.intro-attiva:not(.intro-approdata) .hero-wm{visibility:hidden}
.intro-attiva .hero-mark img,.intro-attiva .hero-wm{animation:none}
.intro-attiva:not(.intro-approdata) body>header,.intro-attiva:not(.intro-approdata) body>nav{visibility:hidden}