@keyframes dropdown-in{from{opacity:0;transform:translate(-50%,-8px) scale(.98)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes hero-visual-in{from{opacity:0;transform:translate(18px,16px) scale(.98)}to{opacity:1;transform:none}}
.hero-copy{animation:hero-copy-in .72s var(--transition-slow) both}
.hero-visual{animation:hero-visual-in .82s .12s var(--transition-slow) both}
.reveal{opacity:0;transform:translateY(22px);transition:opacity var(--transition-slow),transform var(--transition-slow)}
.reveal.visible{opacity:1;transform:none}
.grid .reveal:nth-child(2){transition-delay:70ms}.grid .reveal:nth-child(3){transition-delay:140ms}.grid .reveal:nth-child(4){transition-delay:210ms}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}