.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:rgb(var(--peach));color:rgb(var(--dark));cursor:default;transition:transform var(--lift) cubic-bezier(.76,0,.24,1);will-change:transform}.intro.is-lifting{transform:translateY(-100%)}.intro-lockup{display:flex;align-items:center;gap:14px}.intro-mark{display:block;animation:introMark .65s cubic-bezier(.2,.8,.2,1) .1s both}@keyframes introMark{0%{opacity:0;transform:scale(.72) translateY(8px)}to{opacity:1;transform:none}}.intro-word{display:block;overflow:hidden;padding:.12em .04em;font-size:clamp(34px,9vw,52px);font-weight:600;line-height:1;letter-spacing:-.035em}.intro-word>span{display:block;animation:introWord .7s cubic-bezier(.2,.8,.2,1) .26s both}@keyframes introWord{0%{transform:translateY(110%)}to{transform:none}}.intro-tag{margin:0;font-size:15px;color:rgb(var(--dark) / .75);animation:introTag .6s ease-out .7s both}@keyframes introTag{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.intro-line{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgb(var(--dark));transform-origin:left;animation:introLine var(--hold) cubic-bezier(.65,0,.35,1) both}@keyframes introLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.intro{display:none}}