:root{--col-gap:5%;--row-gap:5%;--cube-perspective:99999999px;--cube-face-border:1px solid #fff;--cube-face-bg:#120F17}.default-animation{position:relative;width:50%;aspect-ratio:1/1;height:auto}.default-animation--scene{display:grid;width:100%;height:100%;-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);row-gap:var(--row-gap);perspective:var(--cube-perspective);grid-auto-rows:1fr}.cube{position:relative;width:100%;height:100%;aspect-ratio:1/1;transform-style:preserve-3d}.cube:before{content:"";position:absolute;top:-36px;right:-36px;bottom:-36px;left:-36px}.default-animation .cube-face{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--cube-face-bg);border:var(--cube-face-border);opacity:1}.default-animation .cube-face--top{transform:translateY(-50%) rotateX(90deg)}.default-animation .cube-face--bottom{transform:translateY(50%) rotateX(-90deg)}.default-animation .cube-face--left{transform:translateX(-50%) rotateY(-90deg)}.default-animation .cube-face--right{transform:translateX(50%) rotateY(90deg)}.default-animation .cube-face--back,.default-animation .cube-face--front{transform:rotateY(-90deg) translateX(50%) rotateY(90deg)}@media (max-width:768px){.default-animation{width:90%}}:root{--folder-color:#70a1ff;--folder-back-color:#4785ff;--paper-1:#e6e6e6;--paper-2:#f2f2f2;--paper-3:#ffffff}.folder{transition:all .2s ease-in;cursor:pointer}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg) scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg) scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:first-child{transform:translate(-120%,-70%) rotate(-15deg)}.folder.open .paper:first-child:hover{transform:translate(-120%,-70%) rotate(-15deg) scale(1.1)}.folder.open .paper:nth-child(2){transform:translate(10%,-70%) rotate(15deg);height:80%}.folder.open .paper:nth-child(2):hover{transform:translate(10%,-70%) rotate(15deg) scale(1.1)}.folder.open .paper:nth-child(3){transform:translate(-50%,-100%) rotate(5deg);height:80%}.folder.open .paper:nth-child(3):hover{transform:translate(-50%,-100%) rotate(5deg) scale(1.1)}.folder.open .folder__front{transform:skew(15deg) scaleY(.6)}.folder.open .right{transform:skew(-15deg) scaleY(.6)}.folder__back{position:relative;width:100px;height:80px;border-radius:0 10px 10px 10px}.folder__back,.folder__back:after{background:var(--folder-back-color)}.folder__back:after{position:absolute;z-index:0;bottom:98%;left:0;content:"";width:30px;height:10px;border-radius:5px 5px 0 0}.paper{position:absolute;z-index:2;bottom:10%;left:50%;transform:translate(-50%,10%);width:70%;height:80%;background:var(--paper-1);border-radius:10px;transition:all .3s ease-in-out}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.folder__front{position:absolute;z-index:3;width:100%;height:100%;background:var(--folder-color);border-radius:5px 10px 10px 10px;transform-origin:bottom;transition:all .3s ease-in-out}.folder:focus-visible{outline:2px solid #ffffff;outline-offset:4px;border-radius:10px}.pill-nav-container{position:absolute;top:1em;z-index:99}@media (max-width:768px){.pill-nav-container{width:100%;left:0}}.pill-nav{--nav-h:42px;--logo:36px;--pill-pad-x:18px;--pill-gap:3px;width:-moz-max-content;width:max-content;display:flex;align-items:center;box-sizing:border-box}@media (max-width:768px){.pill-nav{width:100%;justify-content:space-between;padding:0 1rem;background:transparent}}.pill-nav-items{position:relative;display:flex;border-radius:9999px}.pill-logo,.pill-nav-items{align-items:center;height:var(--nav-h);background:var(--base,#000)}.pill-logo{width:var(--nav-h);border-radius:50%;padding:8px;display:inline-flex;justify-content:center;overflow:hidden}.pill-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pill-list{list-style:none;align-items:stretch;gap:var(--pill-gap);margin:0;padding:3px}.pill-list,.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg,#fff);color:var(--pill-text,var(--base,#000));text-decoration:none;border-radius:9999px;box-sizing:border-box;font-weight:600;font-size:16px;line-height:0;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--base,#000);z-index:1;display:block;pointer-events:none;will-change:transform}.pill .label-stack,.pill .pill-label{position:relative;display:inline-block;line-height:1;z-index:2}.pill .pill-label{will-change:transform}.pill .pill-label-hover{position:absolute;left:0;top:0;color:var(--hover-text,#fff);z-index:3;display:inline-block;will-change:transform,opacity}.pill.is-active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:var(--base,#000);border-radius:50px;z-index:4}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base,#000);border:none;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;position:relative}@media (max-width:768px){.mobile-menu-button{display:flex}}.hamburger-line{width:16px;height:2px;background:var(--pill-bg,#fff);border-radius:1px;transition:all .01s ease;transform-origin:center}.mobile-menu-popover{position:absolute;top:3em;left:1rem;right:1rem;background:var(--base,#f0f0f0);border-radius:27px;box-shadow:0 8px 32px rgba(0,0,0,.12);z-index:998;opacity:0;transform-origin:top center;visibility:hidden}.mobile-menu-list{list-style:none;margin:0;padding:3px;display:flex;flex-direction:column;gap:3px}.mobile-menu-popover .mobile-menu-link{display:block;padding:12px 16px;color:var(--pill-text,#fff);background-color:var(--pill-bg,#fff);text-decoration:none;font-size:16px;font-weight:500;border-radius:50px;transition:all .2s ease}.mobile-menu-popover .mobile-menu-link:hover{cursor:pointer;background-color:var(--base);color:var(--hover-text,#fff)}