#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;cursor:pointer;background:#5227ff;border:5px solid #000;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:absolute;left:50%}.action-button-icon{-webkit-user-select:none;user-select:none;color:#fff;font-size:26px;position:relative;top:2px}.action-button{position:absolute;left:50%}.action-button.active{opacity:1;pointer-events:auto;transition:all .5s;bottom:3.8em;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;transition:all .1s;bottom:-80px;transform:translate(-50%)scale(0)}.face-title-group{-webkit-user-select:none;user-select:none;flex-direction:column;gap:.5em;max-width:22%;display:flex;position:absolute;top:50%;left:2.5em;transform:translateY(-50%)}.face-title-group.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translateY(-50%)}.face-title-group.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translateY(calc(-50% - 10px))}.face-title{font-family:var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:-.05em;font-size:2rem;font-weight:700;line-height:1.1}.face-description{-webkit-user-select:none;user-select:none;font-family:var(--font-geist-mono),monospace;letter-spacing:-.02em;opacity:.6;text-align:right;max-width:22%;font-size:.85rem;line-height:1.4;position:absolute;top:50%;right:2.5em;transform:translateY(-50%)}.face-description.active{opacity:.6;pointer-events:auto;transition:all .5s;transform:translateY(-50%)}.face-description.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translateY(calc(-50% - 5px))}@media (max-width:1200px){.face-title-group{max-width:18%;left:1.5em}.face-title{font-size:1.6rem}.face-description{max-width:18%;font-size:.75rem;right:1.5em}}@media (max-width:768px){.face-title-group{text-align:center;align-items:center;max-width:80%;top:5.5em;left:50%;transform:translate(-50%)}.face-title-group.active{opacity:1;transform:translate(-50%)}.face-title-group.inactive{opacity:0;transform:translate(-50%)translateY(-10px)}.face-title{text-align:center;width:max-content;max-width:80%;font-size:1.3rem}.face-description{text-align:center;max-width:70%;font-size:.75rem;inset:auto auto 20vh 50%;transform:translate(-50%)}.face-description.active{opacity:.6;transform:translate(-50%)}.face-description.inactive{opacity:0;transform:translate(-50%)}}.face-wip-badge{font-family:var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.22em;color:#ffffffa6;pointer-events:none;align-items:center;gap:.5em;font-size:.6rem;display:flex}.wip-dot{background:#fbbf24;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite wip-pulse}@keyframes wip-pulse{0%,to{opacity:1}50%{opacity:.35}}.project-nav{z-index:10;flex-direction:column;gap:.25em;display:flex;position:absolute;bottom:2.5em;left:2.5em}.project-nav-item{cursor:pointer;opacity:.3;background:0 0;border:none;align-items:center;gap:.75em;padding:.5em 0;transition:opacity .4s cubic-bezier(.76,0,.24,1);display:flex}.project-nav-item:hover{opacity:.6}.project-nav-item.active{opacity:1}.project-nav-index{font-family:var(--font-geist-mono),monospace;color:#fff;letter-spacing:.05em;text-align:right;flex-shrink:0;width:1.5em;font-size:.6rem}.project-nav-line{background:#ffffff80;flex-shrink:0;width:16px;height:1px;transition:width .5s cubic-bezier(.76,0,.24,1),background .4s;display:block}.project-nav-item.active .project-nav-line{background:#5227ff;width:48px}.project-nav-item:hover .project-nav-line{width:32px}.project-nav-title{font-family:var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.15em;color:#fff;white-space:nowrap;font-size:.7rem}@media (max-width:768px){.project-nav{bottom:1.5em;left:1.5em}.project-nav-title{display:none}}