.menu{position:relative;height:100svh;min-height:720px;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;padding:26px 36px 36px;background:var(--surface)}.menu-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.menu-video.is-ready{opacity:1}.menu-scrim{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 62% 30% at 22% 58%,var(--surface-80) 0,transparent 78%),linear-gradient(180deg,var(--surface-80) 0,var(--surface-80) 8%,var(--surface-12) 22%,transparent 38%,var(--surface-55) 62%,var(--surface-80) 82%,var(--surface) 100%)}.menu-foot,.menu-spacer,.menu-top{position:relative;z-index:2}.menu .micro{color:var(--dim)}.menu .menu-brand .micro,.menu .menu-kicker,.menu .menu-live{color:var(--ink-80)}.menu-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.menu-brand{display:flex;align-items:baseline;gap:14px}.menu-wordmark{font-family:var(--font-display-stack);font-weight:var(--w-reg);font-size:clamp(17px,1.5vw,21px);letter-spacing:.05em;color:var(--ink)}.menu-account{display:flex;align-items:center;gap:12px;min-width:0;margin-left:auto}.menu-account>.btn{flex:none;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.menu-id{--cut:8px;display:flex;align-items:center;gap:10px;min-width:0;padding:8px 16px 8px 8px;background:var(--panel);box-shadow:var(--ring-soft)}.menu-avatar,.menu-id{-webkit-clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.menu-avatar{--cut:6px;flex:none;width:34px;height:34px;display:grid;place-items:center;background:var(--ink-08);box-shadow:var(--ring);font-family:var(--font-display-stack);font-weight:var(--w-reg);font-size:14px;color:var(--ink)}.menu-idname{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-idname>b{font-size:clamp(13px,.95vw,14.5px);font-weight:var(--w-mid);line-height:1.1;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-spacer{flex:1 1 auto}.menu-foot{display:flex;flex-direction:column;gap:22px}.menu-kicker{margin:0 0 10px}.menu-title{margin:0;font-family:var(--font-display-stack);font-weight:var(--w-reg);font-size:clamp(40px,4.2vw,62px);line-height:.95;letter-spacing:.01em;text-transform:uppercase;color:var(--ink)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:14px;gap:14px}.menu-tile{--cut:12px;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:240px;padding:26px 26px 20px;text-align:left;text-decoration:none;color:var(--ink);background:var(--panel);box-shadow:var(--ring-soft);transition:background .12s ease,box-shadow .12s ease,transform .08s ease;-webkit-clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.menu-tile:hover{background:linear-gradient(0deg,var(--ink-08),var(--ink-08)),var(--surface-80);box-shadow:var(--ring);transform:translateY(-2px)}.menu-tile:active{transform:translateY(0)}.menu-tile-title{font-family:var(--font-display-stack);font-weight:var(--w-reg);font-size:clamp(24px,1.9vw,30px);letter-spacing:.02em;line-height:1;text-transform:uppercase;color:var(--ink)}.menu-tile-blurb{margin:0;font-size:clamp(13px,.95vw,15px);font-weight:var(--w-reg);line-height:1.5;color:var(--dim)}.menu-tile-fill{flex:1 1 auto}.menu-tile-rule{height:1px;background:var(--line)}.menu-tile-foot{display:flex;align-items:center;gap:8px}.menu-sep{flex:none;width:1px;height:10px;background:var(--line)}.menu-pip{--cut:2px;flex:none;width:6px;height:6px;background:var(--accent);-webkit-clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}@media (max-width:900px){.menu{display:block;height:auto;min-height:100svh;overflow:visible;padding:20px 22px 32px}.menu-top{flex-wrap:wrap}.menu-foot{margin-top:28px}.menu-tile{min-height:180px}.menu-scrim,.menu-video{position:fixed}.menu-scrim{background:var(--surface-80)}}@media (prefers-reduced-motion:reduce){.menu-tile,.menu-video{transition:none}.menu-tile:hover{transform:none}}