.welcome-page{--welcome-art-enter:1s;--welcome-copy-enter:.5s;--welcome-title-delay:.35s;--welcome-description-delay:.5s;--welcome-actions-enter:.45s;overflow-x:hidden}.welcome-page .welcome-art{transform-origin:50% 0;animation:welcome-art-enter var(--welcome-art-enter) cubic-bezier(.22, 1, .36, 1) both}.welcome-page .welcome-invitation h1{animation:welcome-copy-enter var(--welcome-copy-enter) cubic-bezier(.22, 1, .36, 1) var(--welcome-title-delay) both}.welcome-page .welcome-invitation p{animation:welcome-copy-enter var(--welcome-copy-enter) cubic-bezier(.22, 1, .36, 1) var(--welcome-description-delay) both}.welcome-page .welcome-actions{animation:welcome-actions-enter var(--welcome-actions-enter) ease-out both}.welcome-page .welcome-actions:focus-within{animation:none}.welcome-rolling-letters{--welcome-tile-height:3.125rem;--welcome-roll:1.14s;--welcome-stagger:.12s;justify-content:center;gap:.5rem;display:flex}.welcome-letter-tile{width:2.625rem;height:var(--welcome-tile-height);border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);color:var(--primary);background:var(--background);border-radius:.375rem;position:relative;overflow:hidden}.welcome-letter-tile:after{content:"";background:color-mix(in srgb, var(--primary) 9%, transparent);pointer-events:none;height:1px;position:absolute;inset:50% 0 auto}.welcome-letter-reel{transform:translateY(calc(var(--reel-steps) * var(--welcome-tile-height) * -1));animation:welcome-reel-roll calc(var(--welcome-roll) + var(--reel-index) * var(--welcome-stagger)) cubic-bezier(.14, .48, .16, 1) both}.welcome-letter-reel span{height:var(--welcome-tile-height);place-items:center;font-size:1.75rem;font-weight:500;line-height:1;display:grid}@keyframes welcome-reel-roll{0%{transform:translateY(0)}}@keyframes welcome-art-enter{0%{opacity:.55;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes welcome-copy-enter{0%{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-actions-enter{0%{opacity:.8}to{opacity:1}}@media (prefers-reduced-motion:reduce){.welcome-page .welcome-art,.welcome-page .welcome-invitation h1,.welcome-page .welcome-invitation p,.welcome-page .welcome-actions,.welcome-letter-reel{animation:none}}