:root{--folder-color:#70a1ff;--folder-back-color:#4785ff;--paper-1:#e6e6e6;--paper-2:#f2f2f2;--paper-3:#ffffff}html.dark{--paper-1:#120F17;--paper-2:#1E1A29;--paper-3:#2A2538}.folder{transition:all .2s ease-in;cursor:pointer}.folder:not(.open):hover{transform:translateY(-8px)}.folder:not(.open):hover .paper{transform:translate(-50%,-20%)}.folder:not(.open):hover .folder__front{transform:skew(15deg) scaleY(.6)}.folder:not(.open):hover .right{transform:skew(-15deg) scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:first-child{transform:translate(calc(-105% + var(--magnet-x, 0px)),calc(-60% + var(--magnet-y, 0px))) rotate(-12deg);z-index:5}.folder.open .paper:first-child:hover{transform:translate(calc(-105% + var(--magnet-x, 0px)),calc(-60% + var(--magnet-y, 0px))) rotate(-12deg) scale(1.05);z-index:10}.folder.open .paper:nth-child(2){transform:translate(calc(5% + var(--magnet-x, 0px)),calc(-60% + var(--magnet-y, 0px))) rotate(12deg);height:85%;z-index:5}.folder.open .paper:nth-child(2):hover{transform:translate(calc(5% + var(--magnet-x, 0px)),calc(-60% + var(--magnet-y, 0px))) rotate(12deg) scale(1.05);z-index:10}.folder.open .paper:nth-child(3){transform:translate(calc(-50% + var(--magnet-x, 0px)),calc(-90% + var(--magnet-y, 0px))) rotate(4deg);height:85%;z-index:5}.folder.open .paper:nth-child(3):hover{transform:translate(calc(-50% + var(--magnet-x, 0px)),calc(-90% + var(--magnet-y, 0px))) rotate(4deg) scale(1.05);z-index:10}.folder.open .folder__front{transform:skew(15deg) scaleY(.6)}.folder.open .right{transform:skew(-15deg) scaleY(.6)}.folder__back{position:relative;width:290px;height:220px;border-radius:0 16px 16px 16px;box-shadow:6px 6px 0 #101010}.folder__back,.folder__back:after{background:var(--folder-back-color);border:3px solid #101010}.folder__back:after{position:absolute;z-index:0;bottom:calc(100% - 3px);left:-3px;content:"";width:90px;height:32px;border-bottom:none;border-radius:12px 12px 0 0}.paper{position:absolute;z-index:2;bottom:8%;left:50%;transform:translate(-50%,8%);width:84%;height:90%;background:var(--paper-1);border:3px solid #101010;border-radius:12px;transition:transform .2s ease-out,scale .2s ease-out,box-shadow .2s;box-shadow:3px 3px 0 #101010;overflow:hidden;padding:16px;display:flex;flex-direction:column}.paper:nth-child(2){background:var(--paper-2);width:88%;height:85%}.paper:nth-child(3){background:var(--paper-3);width:92%;height:80%}.folder__front{position:absolute;z-index:4;width:calc(100% + 6px);height:calc(100% + 6px);left:-3px;top:-3px;background:var(--folder-color);border:3px solid #101010;border-radius:5px 16px 16px 16px;transform-origin:bottom;transition:all .3s ease-in-out;box-shadow:inset 0 2px 4px rgba(255,255,255,.2)}.folder__front.right{display:none}.folder:focus-visible{outline:3px solid var(--folder-color);outline-offset:4px;border-radius:10px}.pill-nav-container{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:100;width:calc(100% - 32px);max-width:920px;display:flex;justify-content:center;pointer-events:auto}.pill-nav{--nav-h:46px;--logo:38px;--pill-pad-x:14px;--pill-gap:4px;width:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;background:var(--base,#101010);border:2px solid #101010;border-radius:9999px;padding:4px 6px 4px 4px;gap:6px;box-shadow:4px 4px 0 #101010}@media (min-width:769px){.pill-nav{--pill-pad-x:18px;--pill-gap:6px;padding:4px 8px 4px 4px}}.pill-nav-items{position:relative;display:flex;height:var(--nav-h)}.pill-logo,.pill-nav-items{align-items:center;background:transparent}.pill-logo{width:var(--logo);height:var(--logo);border-radius:50%;display:inline-flex;justify-content:center;overflow:hidden;transition:transform .2s ease;flex-shrink:0}.pill-logo:hover{transform:rotate(15deg) scale(1.08)}.pill-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.pill-list{list-style:none;align-items:stretch;gap:var(--pill-gap);margin:0;padding:0}.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,var(--nav-pill));color:var(--pill-text,var(--nav-pill-text));text-decoration:none;border-radius:9999px;box-sizing:border-box;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden;border:2px solid #101010}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--base,#101010);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,var(--nav-hover-text));z-index:3;display:inline-block;will-change:transform,opacity}.pill.is-active{background:var(--nav-active-pill)!important;color:var(--nav-active-text)!important}.pill.is-active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:5px;height:5px;background:var(--nav-active-text)!important;border-radius:50%;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(--logo);height:var(--logo);border-radius:50%;background:var(--pill-bg,#FFE27A);border:2px solid #101010;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;position:relative;flex-shrink:0}@media (max-width:768px){.mobile-menu-button{display:flex}}.hamburger-line{width:16px;height:2px;background:#101010;border-radius:1px;transition:all .01s ease;transform-origin:center}.mobile-menu-popover{position:absolute;top:60px;left:0;right:0;background:var(--base,#101010);border:2px solid #101010;box-shadow:4px 4px 0 #101010;border-radius:16px;z-index:998;opacity:0;transform-origin:top center;visibility:hidden}.mobile-menu-list{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:6px}.mobile-menu-popover .mobile-menu-link{display:block;padding:12px 18px;color:#101010;background-color:var(--pill-bg,#FFE27A);border:2px solid #101010;text-decoration:none;font-size:14px;font-weight:800;text-transform:uppercase;border-radius:8px;transition:all .2s ease}.mobile-menu-popover .mobile-menu-link:hover{cursor:pointer;background-color:var(--base);color:var(--hover-text,#FFE27A)}