:root{--folder-color:#70a1ff;--folder-back-color:#4785ff;--paper-1:#e6e6e6;--paper-2:#f2f2f2;--paper-3:#fff;--paper-4:#fafafa}.folder{cursor:pointer;transition:all .2s ease-in;position:relative}.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 .folder__front.right{transform:skew(-15deg)scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper{cursor:pointer}.folder.open:not(.folder--count-4) .paper:first-child{transform:translate(calc(-120% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(-15deg)}.folder.open:not(.folder--count-4) .paper:first-child:hover{transform:translate(calc(-120% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(-15deg) scale(1.08)}.folder.open:not(.folder--count-4) .paper:nth-child(2){transform:translate(calc(10% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(15deg);height:80%}.folder.open:not(.folder--count-4) .paper:nth-child(2):hover{transform:translate(calc(10% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(15deg) scale(1.08)}.folder.open:not(.folder--count-4) .paper:nth-child(3){transform:translate(calc(-50% + var(--magnet-x,0px)), calc(-100% + var(--magnet-y,0px))) rotateZ(5deg);height:80%}.folder.open:not(.folder--count-4) .paper:nth-child(3):hover{transform:translate(calc(-50% + var(--magnet-x,0px)), calc(-100% + var(--magnet-y,0px))) rotateZ(5deg) scale(1.08)}.folder--count-4 .paper:first-child,.folder--count-4 .paper:nth-child(2),.folder--count-4 .paper:nth-child(3),.folder--count-4 .paper:nth-child(4){flex-shrink:0;min-width:70px;max-width:70px;min-height:88px;max-height:88px;width:70px!important;height:88px!important}.folder--count-4.open .folder__back{overflow:visible}.folder--count-4.open .paper{transform-origin:bottom;min-width:70px;max-width:70px;min-height:88px;max-height:88px;left:50%;width:70px!important;height:88px!important}.folder--count-4.open .paper:first-child,.folder--count-4.open .paper:nth-child(2),.folder--count-4.open .paper:nth-child(3),.folder--count-4.open .paper:nth-child(4){transform:translate(calc(-50% + var(--paper-x,0px) + var(--magnet-x,0px)), calc(var(--paper-y,-40px) + var(--magnet-y,0px))) rotateZ(var(--paper-rotate,0deg))}.folder--count-4.open .paper:first-child{--paper-x:-120px;--paper-y:-36px;--paper-rotate:-10deg}.folder--count-4.open .paper:nth-child(2){--paper-x:-40px;--paper-y:-58px;--paper-rotate:-4deg}.folder--count-4.open .paper:nth-child(3){--paper-x:40px;--paper-y:-58px;--paper-rotate:4deg}.folder--count-4.open .paper:nth-child(4){--paper-x:120px;--paper-y:-36px;--paper-rotate:10deg}.folder--count-4.open .paper:first-child:hover,.folder--count-4.open .paper:nth-child(2):hover,.folder--count-4.open .paper:nth-child(3):hover,.folder--count-4.open .paper:nth-child(4):hover{transform:translate(calc(-50% + var(--paper-x,0px) + var(--magnet-x,0px)), calc(var(--paper-y,-40px) + var(--magnet-y,0px))) rotateZ(var(--paper-rotate,0deg)) scale(1.06)}.folder.open .folder__front{transform:skew(15deg)scaleY(.6)}.folder.open .folder__front.right{transform:skew(-15deg)scaleY(.6)}.folder__back{background:var(--folder-back-color);border-radius:0 10px 10px;width:100px;height:80px;position:relative}.folder__back:after{z-index:0;content:"";background:var(--folder-back-color);border-radius:5px 5px 0 0;width:30px;height:10px;position:absolute;bottom:98%;left:0}.paper{z-index:2;background:var(--paper-1);border:1px solid #00000014;border-radius:10px;width:70%;height:80%;transition:all .3s ease-in-out;position:absolute;bottom:10%;left:50%;overflow:hidden;transform:translate(-50%,10%);box-shadow:0 8px 20px #0000002e}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.paper:nth-child(4){background:var(--paper-4);width:95%;height:55%}.folder--count-4 .paper:nth-child(2),.folder--count-4 .paper:nth-child(3),.folder--count-4 .paper:nth-child(4){width:70px!important;height:88px!important}.folder__front{z-index:3;background:var(--folder-color);transform-origin:bottom;border-radius:5px 10px 10px;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute}.folder__front.right{z-index:4}.folder:focus-visible{outline:2px solid var(--accent,#ff6b1a);outline-offset:4px;border-radius:10px}.folder__hint{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim,#5a5a54);white-space:nowrap;pointer-events:none;margin:0;font-size:.875rem;position:absolute;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%)}@media (max-width:767px){.folder--count-4 .paper:first-child,.folder--count-4 .paper:nth-child(2),.folder--count-4 .paper:nth-child(3),.folder--count-4 .paper:nth-child(4),.folder--count-4.open .paper{min-width:58px;max-width:58px;min-height:72px;max-height:72px;width:58px!important;height:72px!important}.folder--count-4.open .paper:first-child{--paper-x:-96px;--paper-y:-30px;--paper-rotate:-10deg}.folder--count-4.open .paper:nth-child(2){--paper-x:-32px;--paper-y:-48px;--paper-rotate:-4deg}.folder--count-4.open .paper:nth-child(3){--paper-x:32px;--paper-y:-48px;--paper-rotate:4deg}.folder--count-4.open .paper:nth-child(4){--paper-x:96px;--paper-y:-30px;--paper-rotate:10deg}}
.projects-stage{justify-content:center;align-items:flex-start;min-height:0;display:flex;position:relative;overflow:visible}.projects-folder-wrap{justify-content:center;align-items:flex-end;width:100%;max-width:100%;min-height:14rem;padding-top:10.5rem;display:flex;position:relative;overflow:visible}.projects-folder{transform-origin:50%;position:relative}.project-paper{border-radius:inherit;background:#0b0c0e;width:100%;height:100%;position:relative;overflow:hidden}.project-paper--browser{background:#141412}.project-paper--phone{background:#0b0c0e;padding:4px}.project-paper__browser,.project-paper__phone{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.project-paper--phone .project-paper__phone{inset:4px}.project-paper__browser-bar{background:#141412;flex-shrink:0;align-items:center;gap:.2rem;padding:.2rem .3rem;display:flex}.project-paper__browser-dots{gap:.15rem;display:flex}.project-paper__browser-dots span{background:#5a5a54;border-radius:999px;width:.28rem;height:.28rem}.project-paper__browser-dots span:last-child{background:color-mix(in srgb, var(--accent,#ff6b1a) 80%, transparent)}.project-paper__browser-screen,.project-paper__phone-screen{background:#0b0c0e;flex:1;min-height:0;position:relative;overflow:hidden}.project-paper__phone-screen{border-radius:8px}.project-paper__phone-notch{z-index:2;background:#0b0c0e;border-radius:999px;width:34%;height:5px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.project-paper__media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-paper__title{z-index:3;letter-spacing:.02em;text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#0b0c0eeb);padding:.35rem .45rem;font-size:.55rem;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.project-detail{width:100%;animation:.45s cubic-bezier(.22,1,.36,1) both project-detail-in}@keyframes project-detail-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.project-detail__back{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;margin-bottom:1.5rem;padding:0;font-size:.875rem;font-weight:500;transition:color .2s;display:inline-flex}.project-detail__back:hover{color:var(--accent)}.project-detail__grid{align-items:start;gap:2rem;display:grid}@media (min-width:1024px){.project-detail__grid{grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:2.5rem}}.project-detail__preview{border:1px solid var(--border-dim);background:#0b0c0e;width:100%;position:relative;overflow:hidden}.project-detail__preview--browser{aspect-ratio:16/10;background:#141412}.project-detail__preview--mobile{aspect-ratio:9/19;background:#0b0c0e;border-radius:1.5rem;width:min(100%,16rem);margin-inline:auto;padding:10px}.project-detail__browser,.project-detail__phone{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative}.project-detail__browser-bar{background:#141412;flex-shrink:0;align-items:center;gap:.65rem;padding:.55rem .75rem;display:flex}.project-detail__browser-dots{flex-shrink:0;gap:.35rem;display:flex}.project-detail__browser-dots span{background:#5a5a54;border-radius:999px;width:.55rem;height:.55rem}.project-detail__browser-dots span:last-child{background:color-mix(in srgb, var(--accent,#ff6b1a) 80%, transparent)}.project-detail__browser-url{text-overflow:ellipsis;white-space:nowrap;color:#5a5a54;background:#0b0c0e;flex:1;min-width:0;padding:.2rem .65rem;font-size:.7rem;line-height:1.4;overflow:hidden}.project-detail__browser-screen,.project-detail__phone-screen{background:#0b0c0e;flex:1;min-height:0;position:relative;overflow:hidden}.project-detail__phone-screen{border-radius:18px}.project-detail__phone-notch{z-index:2;background:#0b0c0e;border-radius:999px;width:38%;height:14px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.project-detail__video{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:767px){.projects-folder-wrap{flex-direction:column;justify-content:flex-end;align-items:center;gap:.5rem;width:100%;max-width:100%;min-height:12rem;padding-top:1.5rem;overflow:visible}.projects-folder-wrap--open{gap:2rem;min-height:21rem}.projects-folder{transform:none!important}.projects-folder--mobile{transform:scale(2.1)!important}.projects-folder--mobile .folder.open .paper{opacity:0;pointer-events:none;transform:translate(-50%,10%)!important}.projects-mobile-curve{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;align-items:flex-end;gap:.7rem;width:100%;max-width:100%;margin-bottom:2.75rem;padding:.5rem 1rem .25rem;display:flex;overflow:auto visible}.projects-mobile-curve__card{scroll-snap-align:center;cursor:pointer;background:#0b0c0e;border:1px solid #ffffff1a;border-radius:12px;flex:0 0 7.25rem;width:7.25rem;height:9rem;padding:0;transition:transform .25s;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000059}.projects-mobile-curve__card--1{transform:translateY(-1.1rem)rotate(-8deg)}.projects-mobile-curve__card--2{transform:translateY(-2.1rem)rotate(-2.5deg)}.projects-mobile-curve__card--3{transform:translateY(-2.1rem)rotate(2.5deg)}.projects-mobile-curve__card--4{transform:translateY(-1.1rem)rotate(8deg)}.projects-mobile-curve__card:active{transform:translateY(-1.6rem)rotate(0)scale(.97)}.projects-mobile-curve__card .project-paper,.projects-mobile-curve__card .project-paper__browser,.projects-mobile-curve__card .project-paper__phone{border-radius:12px}}@media (prefers-reduced-motion:reduce){.project-detail{animation:none}}
.pill-nav-container{z-index:99;pointer-events:none;position:fixed;top:1em;left:50%;transform:translate(-50%)}.pill-nav-container>*{pointer-events:auto}@media (max-width:768px){.pill-nav-container{width:100%;left:0;transform:none}}.pill-nav{--nav-h:42px;--logo:36px;--pill-pad-x:18px;--pill-gap:3px;box-sizing:border-box;align-items:center;gap:.5rem;width:max-content;display:flex}@media (max-width:768px){.pill-nav{background:0 0;justify-content:flex-end;width:100%;padding:0 1rem}}.pill-nav-items{height:var(--nav-h);background:var(--base,#000);border-radius:9999px;align-items:center;display:flex;position:relative}.pill-logo{width:var(--nav-h);height:var(--nav-h);background:var(--base,#000);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:inline-flex;overflow:hidden}.pill-logo img{object-fit:cover;width:100%;height:100%;display:block}.pill-list{align-items:stretch;gap:var(--pill-gap);height:100%;margin:0;padding:3px;list-style:none;display:flex}.pill-list>li{height:100%;display:flex}.pill{height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg,#fff);color:var(--pill-text,var(--base,#000));box-sizing:border-box;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:0;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.pill .hover-circle{background:var(--base,#000);z-index:1;pointer-events:none;will-change:transform;border-radius:50%;display:block;position:absolute;bottom:0;left:50%}.pill .label-stack{z-index:2;line-height:1;display:inline-block;position:relative}.pill .pill-label{z-index:2;will-change:transform;line-height:1;display:inline-block;position:relative}.pill .pill-label-hover{color:var(--hover-text,#fff);z-index:3;will-change:transform, opacity;display:inline-block;position:absolute;top:0;left:0}.pill.is-active{background:var(--base,#000);color:var(--hover-text,#fff)}.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);background:var(--base,#000);cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:none;position:relative}@media (max-width:768px){.mobile-menu-button{display:flex}}.hamburger-line{background:var(--pill-bg,#fff);transform-origin:50%;border-radius:1px;width:16px;height:2px;transition:all 10ms}.mobile-menu-popover{background:var(--base,#f0f0f0);z-index:998;opacity:0;transform-origin:top;visibility:hidden;border-radius:27px;position:absolute;top:3em;left:1rem;right:1rem;box-shadow:0 8px 32px #00000059}.mobile-menu-list{flex-direction:column;gap:3px;margin:0;padding:3px;list-style:none;display:flex}.mobile-menu-popover .mobile-menu-link{color:var(--pill-text,#fff);background-color:var(--pill-bg,#fff);letter-spacing:.04em;text-transform:uppercase;border-radius:50px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-menu-popover .mobile-menu-link:hover{cursor:pointer;background-color:var(--base);color:var(--hover-text,#fff)}