@media (hover:hover) and (pointer:fine){[data-scramble]{cursor:crosshair}}[data-w]>[data-alt]{display:none}[data-w][data-alt-on]>[data-alt]{display:inline}[data-w][data-alt-on]>[data-core]{display:none}[data-scramble][data-revert=fade] [data-char]{transition:color .25s,background-color .25s}[data-scramble][data-revert=fade] [data-char][data-hit]{transition:none}@media (prefers-reduced-motion:reduce){[data-scramble] [data-char]{transition:none}}
.hero{--out-quint:cubic-bezier(.22, 1, .36, 1)}@keyframes hero-up{0%{transform:translateY(110%)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(-6px)}}@keyframes hero-fade{0%{opacity:0}}.hero[data-state=intro] [data-mask]{clip-path:inset(0 -.2em)}.hero[data-state=intro] [data-word]{animation:hero-up .8s var(--out-quint) both;animation-delay:var(--at)}.hero[data-state=intro] [data-slot-inner]{animation:hero-up .9s var(--out-quint) both;animation-delay:.35s}.hero[data-state=intro] header a{animation:hero-rise .6s var(--out-quint) both;animation-delay:calc(.55s + var(--i,0) * 30ms)}.hero[data-state=intro] header nav a:first-child{--i:1}.hero[data-state=intro] header nav a:nth-child(2){--i:2}.hero[data-state=intro] header nav a:nth-child(3){--i:3}.hero[data-state=intro] header nav a:nth-child(4){--i:4}.hero[data-state=intro] header nav a:nth-child(5){--i:5}.hero[data-state=intro] [data-enter=intro]{animation:.3s .63s both hero-fade}.hero[data-state=intro] [data-enter=arrow]{animation:.5s .8s both hero-fade}@media (prefers-reduced-motion:reduce){.hero[data-state=intro] [data-word],.hero[data-state=intro] [data-slot-inner]{animation:.5s both hero-fade}.hero[data-state=intro] header a,.hero[data-state=intro] [data-enter]{animation:.4s .2s both hero-fade}}