#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;aspect-ratio:1;cursor:pointer;color:#f5f5f1;background:#0c100ceb;border:1px solid #ffffffb8;border-radius:50%;justify-content:center;align-items:center;width:clamp(154px,9vw,184px);display:flex;position:absolute;bottom:clamp(48px,8vh,96px);right:clamp(32px,4vw,80px);overflow:hidden;box-shadow:0 0 #a4ff0000}.action-button:before{content:"";background:var(--acid,#a4ff00);transform-origin:50% 100%;border-radius:50%;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:-2px;transform:scale(0)}.project-copy{-webkit-user-select:none;user-select:none;z-index:9;color:#f5f5f1;pointer-events:none;isolation:isolate;width:max(250px,50% - clamp(280px,20vw,390px) - clamp(32px,4vw,80px) - 24px);position:absolute;bottom:clamp(48px,8vh,96px);left:clamp(32px,4vw,80px)}.project-copy:before{content:"";z-index:-1;pointer-events:none;background:#000;position:absolute;inset:-24px;box-shadow:0 0 56px 32px #000}.project-copy.active{opacity:1;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);transform:translateY(0)}.project-copy.inactive{opacity:0;transition:opacity .12s,transform .12s;transform:translateY(18px)}.face-meta{color:#ffffff9e;letter-spacing:.18em;text-transform:uppercase;margin:0 0 clamp(14px,2vh,24px);font-size:clamp(9px,.65vw,12px)}.face-title{color:#f5f5f1;letter-spacing:-.065em;text-wrap:balance;max-width:10ch;margin:0;font-weight:400;line-height:.84}.face-title--short{font-size:clamp(64px,6.2vw,132px)}.face-title--medium{max-width:8.5ch;font-size:clamp(54px,5vw,104px)}.face-title--long{max-width:10ch;font-size:clamp(42px,4.2vw,86px)}.action-button-icon{-webkit-user-select:none;user-select:none;z-index:1;color:currentColor;font-size:clamp(28px,1.8vw,36px);line-height:1;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:22px;right:24px}.action-button-label{z-index:1;letter-spacing:.04em;text-align:left;font-size:clamp(17px,1vw,21px);font-weight:600;line-height:1.2;position:relative}.face-description{color:#ffffffb3;max-width:34ch;margin:clamp(20px,3vh,34px) 0 0;font-size:clamp(13px,.9vw,17px);line-height:1.55}.face-hint{color:#fff6;letter-spacing:.12em;margin:clamp(30px,5vh,54px) 0 0;font-size:clamp(9px,.62vw,11px)}.action-button.active{opacity:1;pointer-events:auto;transition:color .35s,background-color .35s,box-shadow .45s,opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);animation:.55s cubic-bezier(.2,.8,.2,1) action-button-enter;transform:scale(1)}.action-button.inactive{opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;transform:scale(.72)}.action-button.active:hover,.action-button.active:focus-visible{color:#07110d;border-color:var(--acid,#a4ff00);outline:none;transform:scale(1.045);box-shadow:0 0 42px #a4ff003d}.action-button.active:hover:before,.action-button.active:focus-visible:before{transform:scale(1)}.action-button.active:hover .action-button-icon,.action-button.active:focus-visible .action-button-icon{transform:translate(5px,-5px)}.action-button.active:active{transition-duration:80ms;transform:scale(.97)}@keyframes action-button-enter{0%{opacity:0;transform:scale(.82)}62%{opacity:1;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}.project-pagination{z-index:10;gap:8px;transition:opacity .2s;display:flex;position:absolute;bottom:clamp(18px,2.8vh,30px);left:50%;transform:translate(-50%)}.project-pagination.inactive{opacity:.42}.project-pagination__item{color:#ffffff94;letter-spacing:.06em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:42px;height:28px;font-size:9px;transition:color .25s,background-color .25s,border-color .25s,transform .25s;display:grid}.project-pagination__item:hover,.project-pagination__item:focus-visible{color:#fff;border-color:#ffffffa6;outline:none;transform:translateY(-2px)}.project-pagination__item.active{border-color:var(--acid,#a4ff00);color:#07110d;background:var(--acid,#a4ff00)}.project-pagination__item.active:hover,.project-pagination__item.active:focus-visible{color:#07110d;border-color:var(--acid,#a4ff00)}@media (width<=1100px){.project-copy{width:calc(100% - 148px);bottom:28px;left:28px}.face-meta{margin-bottom:8px;font-size:8px}.face-title,.face-title--short,.face-title--medium,.face-title--long{max-width:100%;font-size:clamp(44px,7vw,68px);line-height:.86}.face-description{margin-top:12px;font-size:12px}.face-hint{margin-top:16px;font-size:8px}.action-button{aspect-ratio:auto;background:var(--acid,#a4ff00);color:#07110d;border:5px solid #000;width:60px;height:60px;bottom:24px;left:auto;right:24px;overflow:visible}.action-button:before{display:none}.action-button.active{transform:scale(.86)}.action-button.inactive{transform:scale(0)}.action-button-label{display:none}.action-button-icon{font-size:26px;position:relative;top:2px;right:auto}.project-pagination{bottom:24px}}@media (width<=700px){.project-copy{width:calc(100% - 36px);top:18px;bottom:auto;left:18px}.face-title,.face-title--short,.face-title--medium,.face-title--long{max-width:calc(100% - 72px);font-size:clamp(30px,9vw,46px)}.face-description,.face-hint{display:none}.action-button{right:18px}.action-button.active{bottom:18px}.project-pagination{gap:5px;bottom:20px}.project-pagination__item{width:30px;height:22px;font-size:7px}}@media (prefers-reduced-motion:reduce){.action-button,.action-button:before,.action-button-icon,.project-pagination__item{transition-duration:.01ms;animation:none}}