html,body,#app{width:100%;min-height:100%;margin:0}html{background:#000;color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}body{overflow-x:hidden}*{box-sizing:border-box}.menu-page{min-height:100vh;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.07),transparent 28%),#000;color:#fff;display:flex;align-items:center;padding:clamp(24px,5vw,80px)}.menu-list{width:100%;display:flex;flex-direction:column}.menu-link{position:relative;display:grid;grid-template-columns:clamp(38px,6vw,96px) 1fr;align-items:baseline;gap:clamp(16px,4vw,64px);color:#fff;text-decoration:none;padding:clamp(18px,3.6vw,48px) 0;border-bottom:1px solid rgba(255,255,255,.16);opacity:0;transform:translateY(28px);animation:menuIn .9s cubic-bezier(.19,1,.22,1) forwards;animation-delay:var(--delay)}.menu-link:first-child{border-top:1px solid rgba(255,255,255,.16)}.menu-index{font-size:clamp(12px,1.1vw,16px);letter-spacing:.28em;color:#ffffff6b;text-transform:uppercase}.menu-label{font-size:clamp(56px,13vw,120px);line-height:.78;letter-spacing:-.085em;font-weight:800;text-transform:uppercase;transition:transform .75s cubic-bezier(.19,1,.22,1),color .75s cubic-bezier(.19,1,.22,1)}.menu-link:after{content:"";position:absolute;right:0;top:50%;width:clamp(22px,4vw,64px);height:1px;background:currentColor;opacity:0;transform:translate(-24px);transition:opacity .55s ease,transform .75s cubic-bezier(.19,1,.22,1)}.menu-link:hover .menu-label{transform:translate(clamp(12px,2.8vw,48px));color:#ffffffb8}.menu-link:hover:after{opacity:1;transform:translate(0)}@keyframes menuIn{to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.menu-link{grid-template-columns:1fr;gap:8px}.menu-label{letter-spacing:-.07em}.menu-link:after{display:none}}