#infinite-grid-menu-canvas{cursor:grab;background:0 0;outline:none;width:100%;height:100%;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.infinite-menu-container{background-color:#0000}.action-button{z-index:10;cursor:pointer;background-color:#0a1d0f;border:1px solid #a5d6a766;border-radius:50%;place-items:center;width:56px;height:56px;transition:all .5s cubic-bezier(.25,1,.5,1);display:grid;position:absolute;left:50%;box-shadow:0 10px 30px #0a1d0f26}.action-button:hover{background-color:#a5d6a7;border-color:#0a1d0f;transform:translate(-50%)scale(1.1);box-shadow:0 15px 35px #0a1d0f33}.action-button:hover .action-button-icon{transform:translate(2px,-2px);color:#0a1d0f!important}.action-button-icon{-webkit-user-select:none;user-select:none;color:#e8f5e9;font-size:20px;transition:transform .3s;position:relative}.face-title{-webkit-user-select:none;user-select:none;font-family:var(--font-serif), Cormorant Garamond, Georgia, serif;letter-spacing:.12em;text-transform:uppercase;color:#0a1d0f;pointer-events:none;max-width:300px;font-size:2rem;font-weight:300;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.face-title.active{opacity:1;pointer-events:auto;transition:opacity .5s,transform .5s;transform:translateY(-50%)}.face-title.inactive{pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;transform:translateY(-50%)translate(-20px)}.face-description{-webkit-user-select:none;user-select:none;font-family:var(--font-sans), system-ui, -apple-system, sans-serif;letter-spacing:.05em;color:#0a1d0fbf;pointer-events:none;max-width:260px;font-size:.9rem;font-weight:300;line-height:1.6;position:absolute;top:50%;right:10%;transform:translateY(-50%)}.face-description.active{opacity:1;pointer-events:auto;transition:opacity .5s,transform .5s;transform:translateY(-50%)}.face-description.inactive{pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;transform:translateY(-50%)translate(20px)}.action-button.active{opacity:1;pointer-events:auto;transition:all .5s cubic-bezier(.25,1,.5,1);bottom:4rem;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;transition:all .2s;bottom:2rem;transform:translate(-50%)scale(0)}@media (max-width:1200px){.face-title{max-width:220px;font-size:1.6rem;left:6%}.face-description{max-width:200px;font-size:.85rem;right:6%}}@media (max-width:768px){.face-title{max-width:150px;font-size:1.25rem;top:0%;left:4%;transform:none}.face-title.active{transform:none}.face-title.inactive{transform:translate(-10px)}.face-description{max-width:150px;font-size:.85rem;top:0%;right:4%;transform:none}.face-description.active{transform:none}.face-description.inactive{transform:translate(10px)}.action-button.active{bottom:2.5rem}}.drag-follower{color:#fff;width:56px;height:56px;font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:.12em;pointer-events:none;z-index:50;opacity:0;background-color:#121413;border-radius:50%;justify-content:center;align-items:center;font-size:9.5px;font-weight:700;transition:transform 80ms ease-out,opacity .3s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;transform:translate(-50%,-50%)scale(.3);box-shadow:0 10px 25px #00000040}.drag-follower.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.drag-follower.grabbed{transform:translate(-50%,-50%)scale(.85)}.infinite-menu-container,.infinite-menu-container #infinite-grid-menu-canvas{cursor:none!important}@media (hover:none){.drag-follower{display:none!important}.infinite-menu-container{cursor:auto!important}.infinite-menu-container #infinite-grid-menu-canvas{cursor:grab!important}}