.pd-velo {
position: fixed;
inset: 0;
z-index: 9000;
display: grid;
place-items: center;
background: var(--pd-crema);
pointer-events: none;
transform: translateY(0);
transition: transform 480ms cubic-bezier(0.76, 0, 0.24, 1) 140ms;
will-change: transform;
animation: pd-velo-scampo 1ms linear 1800ms both;
}
.pd-senza-velo .pd-velo { display: none; }
.pd-velo.is-via { transform: translateY(-100%); }
.pd-velo__corpo { display: grid; justify-items: center; gap: var(--pd-space-5); }
.pd-velo__mark {
inline-size: clamp(170px, 22vw, 250px);
block-size: clamp(170px, 22vw, 250px);
color: var(--pd-nero);
}
.pd-velo__mark .pd-mark__m {
animation: pd-macchia-arriva 340ms cubic-bezier(0.34, 1.4, 0.5, 1) both;
animation-delay: calc(90ms + var(--i) * 90ms);
}
.pd-velo.is-via 
.pd-velo__nome { display: none; }
.pd-velo__nome {
margin: var(--pd-space-4) 0 0;
font-family: var(--pd-font-body); font-size: var(--pd-size-xs);
letter-spacing: 0.26em; text-transform: uppercase;
color: var(--pd-ink-soft);
animation: pd-velo-sale 520ms var(--pd-ease) 1180ms both;
}
.pd-velo__coda { display: none; }   
.pd-velo__riga { display: none; }   
@keyframes pd-velo-sale {
from { opacity: 0; transform: translateY(8px); }
to   { opacity: 1; transform: none; }
}
@keyframes pd-velo-scampo { to { visibility: hidden; transform: translateY(-100%); } }
@media (prefers-reduced-motion: reduce) {
.pd-velo__mark .pd-mark__m, .pd-velo__nome { animation: none; }
.pd-velo { transition: opacity 200ms linear; animation: pd-velo-scampo 1ms linear 700ms both; }
.pd-velo.is-via { transform: none; opacity: 0; }
}