.project-controls{align-items:flex-end;gap:28px}.project-filters{flex:1;gap:6px}.project-filters button{min-height:44px;padding:10px 14px;font-size:12px}.project-filters button>span{opacity:1;font-variant-numeric:tabular-nums;font-size:10px}.project-search{flex:0 0 230px;gap:8px;font-size:12px;display:grid}.project-search input{width:100%;min-height:46px;color:var(--ink);font:inherit;caret-color:var(--ink);background:0 0;border:1px solid #898980;border-radius:0;padding:10px 12px;font-size:14px}.project-search input::placeholder{color:#61615c}.project-search input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.project-results{color:#61615c;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;font-size:12px;display:flex}.project-results button{text-underline-offset:4px;min-height:44px;color:var(--ink);background:0 0;border:0;text-decoration:underline}.project-grid{margin-top:18px}.project-card:last-child:nth-child(2n){grid-column:auto}.project-card:last-child:nth-child(2n) .project-visual{height:420px;padding:52px 40px 0}.project-meta h3{overflow-wrap:anywhere}.project-load-more{text-align:center;margin-top:48px}.project-load-more .button{border:1px solid var(--ink);color:var(--ink);background:0 0;font-size:13px}.project-load-more .button:hover{background:var(--ink);color:var(--paper);transform:none}.project-empty{text-align:center;padding-block:55px}.project-empty p{color:#61615c;margin-block:16px 24px}.capture-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;padding:12px 25px;display:flex}.capture-tabs button{color:var(--paper);background:0 0;border:1px solid #777;min-height:44px;padding:10px 14px;font-size:12px}.capture-tabs button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.preview-navigation button:disabled{opacity:.35;cursor:default}.preview-description>span{white-space:normal}.preview-error{padding:30px}.preview-error a{text-underline-offset:4px;text-decoration:underline}@media (max-width:1200px){.project-card:last-child:nth-child(2n) .project-visual{height:355px;padding:45px 25px 0}}@media (max-width:899px){.project-controls{flex-direction:column;align-items:stretch;gap:20px}.project-search{flex:auto;max-width:360px}.project-card:last-child:nth-child(2n) .project-visual{height:300px;padding:40px 20px 0}}@media (max-width:599px){.project-filters button{padding:9px 12px;font-size:11px}.project-filters button>span{font-size:10px;display:inline}.project-search{max-width:none}.project-card:last-child:nth-child(2n) .project-visual{height:315px;padding:40px 25px 0}.capture-tabs{padding:12px 16px}.preview-toolbar h2{overflow-wrap:anywhere;font-size:18px}.preview-navigation{flex-shrink:0}.preview-navigation>.close-preview{margin-left:0}.preview-toolbar{gap:10px}.preview-description{flex-direction:column;gap:15px}.project-results{font-size:11px}}.project-filters button{isolation:isolate;position:relative}.project-filters button[aria-selected=true]{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.project-filters button>.project-tab-indicator{z-index:-1;pointer-events:none;background:#24241e;border:1px solid #61512c;border-radius:999px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff65,0 5px 12px -8px #0009;opacity:1!important;display:block!important}.project-filters button>.project-tab-label{opacity:1;font-size:inherit!important;display:inline!important}.project-filters button>.project-tab-count{font-size:12px}.project-mobile-filters{display:none}.work-section{overflow-anchor:none}.project-grid-animated{min-height:min(650px,100vh);position:relative}.project-card{border-radius:24px;overflow:visible}.project-visual{border-radius:24px;box-shadow:inset 0 0 0 1px #15151510}.browser-frame{border-radius:15px 15px 0 0}.project-screen{overflow:hidden}.project-screen>img{will-change:transform;transform:translate(0,0)}.project-meta{padding-inline:4px}@media (max-width:599px){.project-card,.project-visual{border-radius:18px}.browser-frame{border-radius:12px 12px 0 0}.project-controls{z-index:12;position:relative;overflow:visible}.project-filters-desktop{display:none!important}.project-mobile-filters{-webkit-backdrop-filter:blur(28px)saturate(190%);background:linear-gradient(125deg,#ffffffd9,#ffffff8c);border:1px solid #fff;border-radius:24px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:64px;padding:8px;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 15px 34px -24px #17171799}.project-mobile-filters>button{border:0;border-radius:999px;align-items:center;min-height:48px;font-size:14px;font-weight:650;display:flex}.mobile-all-work{color:#fff;background:#24241e;gap:10px;padding:0 17px;box-shadow:inset 0 1px #fff5,0 7px 15px -9px #000}.mobile-all-work>i,.mobile-category-menu button>i{opacity:.7;font-variant-numeric:tabular-nums;font-size:11px;font-style:normal}.mobile-category-trigger{color:#24241e;background:0 0;justify-content:flex-end;gap:9px;padding:0 13px}.mobile-category-trigger[aria-expanded=true]{color:#fff;background:#24241e}.mobile-category-trigger>svg{stroke-width:1.8px;width:19px;height:19px}.mobile-category-menu{z-index:20;-webkit-backdrop-filter:blur(32px)saturate(180%);transform-origin:top;background:linear-gradient(145deg,#fffffff2,#f3f2ecdf);border:1px solid #fff;border-radius:22px;gap:3px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:inset 0 1px #fff,0 24px 60px -28px #111b}.mobile-category-menu>button{isolation:isolate;color:#292923;text-align:left;background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:49px;padding:10px 15px;font-size:14px;display:flex;position:relative;overflow:hidden}.mobile-category-menu>button:hover,.mobile-category-menu>button:focus-visible{outline-offset:-2px;background:#e7e3d8;outline:2px solid #856300}.mobile-category-menu>button[aria-selected=true]{color:#fff}.mobile-category-menu>button>b{z-index:-1;border-radius:inherit;background:#24241e;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff45}.mobile-category-menu>button[aria-selected=true]>i{color:var(--yellow);opacity:1}}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.project-card:last-child:nth-child(2n) .project-visual,.project-visual{height:350px;padding:42px 24px 0}.project-dialog{-webkit-backdrop-filter:blur(38px)saturate(185%);transform-origin:50%;animation:.42s cubic-bezier(.22,1,.36,1) both project-modal-in;background:linear-gradient(145deg,#222222d9,#111111e8)!important;border:1px solid #fff5!important;border-radius:30px!important;box-shadow:inset 0 1px #ffffff65,0 35px 110px #000c!important}.project-dialog::backdrop{-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);background:#080808c7;animation:.35s both project-backdrop-in}.project-dialog.is-closing{animation:.28s cubic-bezier(.4,0,1,1) forwards project-modal-out}.project-dialog.is-closing::backdrop{animation:.28s forwards project-backdrop-out}.preview-shell{border-radius:inherit;background:linear-gradient(145deg,#ffffff0b,#0000 30%);overflow:hidden}.preview-toolbar{-webkit-backdrop-filter:blur(20px);background:#ffffff09}.preview-navigation>button,.capture-tabs button{box-shadow:inset 0 1px #ffffff28;background:#ffffff0b!important;border-radius:999px!important}.preview-navigation>button:hover,.capture-tabs button[aria-pressed=true]{color:var(--ink);background:var(--yellow)!important}@keyframes project-modal-in{0%{opacity:.28;transform:translate3d(var(--preview-x,0),var(--preview-y,18px),0) scale(var(--preview-sx,.97),var(--preview-sy,.97));border-radius:24px}to{opacity:1;border-radius:30px;transform:translate(0,0)scale(1)}}@keyframes project-modal-out{0%{opacity:1;border-radius:30px;transform:translate(0,0)scale(1)}to{opacity:.1;transform:translate3d(var(--preview-x,0),var(--preview-y,12px),0) scale(var(--preview-sx,.97),var(--preview-sy,.97));border-radius:24px}}@keyframes project-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes project-backdrop-out{to{opacity:0}}@media (max-width:1200px){.project-card:last-child:nth-child(2n) .project-visual,.project-visual{height:315px;padding:38px 18px 0}}@media (max-width:899px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:last-child:nth-child(2n) .project-visual,.project-visual{height:300px;padding:40px 20px 0}}@media (max-width:599px){.project-grid{grid-template-columns:1fr}.project-card:last-child:nth-child(2n) .project-visual,.project-visual{height:315px;padding:40px 25px 0}.project-dialog{border:1px solid #ffffff45!important;border-radius:22px!important;width:calc(100vw - 20px)!important;height:calc(100svh - 20px)!important;margin:auto!important}}@media (prefers-reduced-motion:reduce){.project-dialog,.project-dialog::backdrop,.project-dialog.is-closing,.project-dialog.is-closing::backdrop{animation:none!important}}