.intro{opacity:1;transform:translateY(0);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.intro.is-visible{opacity:1;transform:none}
.intro:before{content:'';display:block;height:36px;margin:-36px calc(var(--pad) * -1) 0;background:linear-gradient(180deg,transparent,rgba(250,248,245,.96));pointer-events:none}
@media(prefers-reduced-motion:reduce){.intro{opacity:1;transform:none;transition:none}}