:root{--ink:#121419;--muted:#6b7078;--paper:#f5f5f2;--line:#1214191a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}button,a{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}a{text-decoration:none}.top-nav{z-index:50;background:#fcfcfaf7;border:1px solid #14192314;border-radius:18px;justify-content:space-between;align-items:center;width:min(1680px,100% - 32px);height:58px;padding:7px 9px 7px 12px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 9px 28px #191e2812}.brand{align-items:center;gap:10px;display:flex}.brand span{color:#fff;background:#15181d;border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid}.brand b{letter-spacing:.02em;font-size:13px}.sync-link{color:#4e545d;background:#f0f1ef;border-radius:12px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.sync-link i{background:#43b878;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #43b8781f}.work-section{max-width:1680px;min-height:100vh;margin:0 auto;padding:104px 28px 70px}.results-header{justify-content:space-between;align-items:flex-end;gap:30px;min-height:140px;margin-bottom:20px;display:flex}.results-header p{color:#777c84;letter-spacing:.16em;margin:0 0 10px;font-size:10px;font-weight:800}.results-header h1{letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(38px,4vw,64px);line-height:.95}.results-header>div>span{color:var(--muted);font-size:12px}.result-count{border:1px solid var(--line);background:#fafaf8;border-radius:18px;justify-items:end;min-width:115px;padding:17px 18px;display:grid}.result-count strong{letter-spacing:-.05em;font-size:34px;line-height:1}.result-count span{color:#777c84;margin-top:5px;font-size:9px!important}.filter-bar{z-index:20;border:1px solid var(--line);background:#fafaf8;border-radius:15px;gap:4px;width:max-content;max-width:100%;margin-bottom:14px;padding:5px;display:flex;position:sticky;top:82px;overflow-x:auto;box-shadow:0 7px 22px #191e280d}.filter-bar button{color:#747981;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:700;transition:color .15s,background .15s,transform 90ms;display:flex}.filter-bar button.active{color:#fff;background:#171a1f}.filter-bar button:active{transform:scale(.96)}.filter-bar small{opacity:.65;font-size:8px}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.project-card{min-width:0;min-height:400px;color:inherit;text-align:left;cursor:pointer;content-visibility:auto;contain-intrinsic-size:400px;border:1px solid #14192312;border-radius:21px;padding:13px;text-decoration:none;transition:transform .17s ease-out,box-shadow .17s ease-out,border-color .15s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 22px #1e232d0b}.project-card:hover{border-color:#14192324;transform:translateY(-3px);box-shadow:0 14px 30px #1e232d14}.project-card:active{transition-duration:70ms;transform:scale(.985)}.project-card-top{justify-content:space-between;align-items:center;display:flex}.project-index{color:#777c84;letter-spacing:.14em;font-size:9px;font-weight:800}.project-status{color:#62676f;align-items:center;gap:7px;font-size:8px;font-weight:750;display:flex}.project-status i{background:#48b879;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #48b8791c}.project-visual{background:#ffffff8c;border-radius:15px;place-items:center;height:165px;margin:13px 0 15px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9}.project-visual:before,.project-visual:after{content:"";opacity:.11;border:1px solid;border-radius:50%;position:absolute}.project-visual:before{width:120px;height:120px}.project-visual:after{width:175px;height:80px;transform:rotate(-18deg)}.project-visual>span{z-index:2;color:#fff;letter-spacing:-.04em;background:#1d2229;border-radius:23px;place-items:center;min-width:70px;min-height:70px;padding:0 12px;font-size:24px;font-weight:800;display:grid;position:relative;box-shadow:0 16px 35px #191e282b}.project-visual>small{z-index:2;color:#6e737c;letter-spacing:.14em;font-size:8px;font-weight:800;position:absolute;bottom:12px}.project-visual.has-preview{background:#eaf4ff;box-shadow:inset 0 0 0 1px #ffffffe6}.project-visual.has-preview:before,.project-visual.has-preview:after{display:none}.project-preview{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .18s ease-out;display:block}.project-card:hover .project-preview{transform:scale(1.025)}.preview-badge{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);letter-spacing:.04em;background:#101824bd;border:1px solid #ffffffbf;border-radius:99px;padding:6px 8px;font-size:7px;font-style:normal;font-weight:800;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 14px #141e2d29}.visual-studio>span{background:#bd6545}.visual-server>span{background:#497bc5}.visual-workflow>span{background:#785c9d}.visual-odds>span{background:#8f803f}.visual-video>span{background:#8e4d5b}.visual-crm>span{background:#4f8884}.visual-agent>span{background:#9a5749}.visual-expand>span{background:#755a9b;font-size:17px}.visual-meter>span{background:#444a53;font-size:18px}.visual-risk>span{background:#718743}.visual-reviews>span{letter-spacing:.08em;background:#b97437;font-size:10px}.visual-portfolio>span{background:#3f4b58;font-size:18px}.visual-insights>span{background:#1d593b}.visual-recreate>span{background:#a65135;font-size:17px}.visual-sorter>span{letter-spacing:.04em;background:#0b438e;font-size:13px}.project-eyebrow{color:#747981;letter-spacing:.17em;font-size:7px;font-weight:800}.project-copy h3{letter-spacing:-.035em;margin:7px 0;font-size:clamp(18px,1.35vw,24px);line-height:1.12}.project-copy p{color:#666b73;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.tag-row{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.tag-row span{color:#676c74;background:#ffffff7a;border:1px solid #14192312;border-radius:99px;padding:5px 7px;font-size:7px;font-weight:700}.open-project{color:#777b82;align-items:center;gap:7px;font-size:8px;font-weight:750;display:flex;position:absolute;bottom:13px;right:13px}.open-project b{color:#fff;background:#171a1f;border-radius:8px;place-items:center;width:23px;height:23px;display:grid}.tone-mint{background:linear-gradient(145deg,#dfeee6,#edf0ec 56%,#d8e0dd)}.tone-peach{background:linear-gradient(145deg,#f5e0d3,#eeece5 55%,#ead9d1)}.tone-sky{background:linear-gradient(145deg,#dfe9f5,#e8edf3 55%,#d8e2ec)}.tone-lilac{background:linear-gradient(145deg,#e8e0f4,#ece9ef 55%,#ded8e8)}.tone-butter{background:linear-gradient(145deg,#f1e8c8,#eeece2 55%,#e7dfbd)}.tone-rose{background:linear-gradient(145deg,#f2dcdf,#eeeaeb 55%,#e5d3d9)}.tone-aqua{background:linear-gradient(145deg,#d8ecea,#e9eeee 55%,#cee0df)}.tone-coral{background:linear-gradient(145deg,#f0d9d0,#eee9e5 55%,#e3cec6)}.tone-violet{background:linear-gradient(145deg,#e5dcf2,#e9e7ee 55%,#d9d0e8)}.tone-graphite{background:linear-gradient(145deg,#dfe1e4,#eaebec 55%,#d5d8dc)}.tone-lime{background:linear-gradient(145deg,#e4ebd1,#eceee7 55%,#d9e2c3)}.tone-orange{background:linear-gradient(145deg,#f3dfcc,#eee9e2 55%,#e8d2bc)}.tone-silver{background:linear-gradient(145deg,#dce2e8,#eef0ed 55%,#d2d9df)}.tone-forest{background:linear-gradient(145deg,#d7e7dd,#e8ede8 55%,#cbded2)}.tone-sand{background:linear-gradient(145deg,#f0dfd2,#ede9e1 55%,#e3d6c9)}.tone-navy{background:linear-gradient(145deg,#d9e6f4,#e9edf1 55%,#ccd9e8)}@media (max-width:1250px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.top-nav{width:calc(100% - 16px);top:8px}.brand b{font-size:11px}.sync-link{padding:0 10px;font-size:9px}.work-section{padding:84px 10px 45px}.results-header{align-items:flex-start;min-height:120px;margin-bottom:10px}.results-header h1{font-size:39px}.result-count{min-width:82px;padding:13px}.filter-bar{top:72px}.project-grid{grid-template-columns:1fr;gap:10px}.project-card{min-height:455px}.project-visual{height:225px}.project-copy h3{font-size:27px}.project-copy p{font-size:11px}.open-project{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}