:root{--c-edu: #f2a900;--c-esg: #16a34a;--c-prop: #0ea5e9;--c-saas: #5b6cff}.page-hero{padding:clamp(64px,9vw,120px) 0 clamp(40px,5vw,64px);position:relative;overflow:hidden;isolation:isolate}.page-hero:before{content:"";position:absolute;top:30%;left:50%;z-index:-1;width:70vw;height:50vw;max-width:1100px;transform:translate(-50%);background:radial-gradient(ellipse at 30% 50%,color-mix(in srgb,var(--c-ai) 18%,transparent),transparent 55%),radial-gradient(ellipse at 70% 50%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%);filter:blur(60px);opacity:.45;pointer-events:none}.crumbs{display:flex;align-items:center;gap:10px;color:var(--ink-3);font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.crumbs a:hover{color:var(--ink)}.crumbs .sep{color:var(--ink-4)}.page-title{margin:22px 0 0;font-size:clamp(44px,6.6vw,88px);font-weight:600;line-height:.98;letter-spacing:-.035em;text-wrap:balance}.page-title .em{color:var(--ink-3);font-style:normal}.page-sub{margin-top:24px;max-width:720px;color:var(--ink-2);font-size:clamp(15px,1.4vw,18px);line-height:1.6;text-wrap:pretty}.summary{margin-top:clamp(40px,6vw,72px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.summary>div{border-right:1px solid var(--line);padding:22px 28px 22px 0}.summary>div:last-child{border-right:0;padding-right:0}.summary .k{color:var(--ink-3);font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.summary .v{margin-top:6px;font-size:clamp(22px,2.2vw,30px);font-weight:500;letter-spacing:-.025em}.summary .v small{margin-left:4px;color:var(--ink-3);font-size:.55em;font-weight:400}.filter-wrap{position:sticky;top:64px;z-index:40;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(180%) blur(12px)}.filter-row{display:flex;align-items:center;gap:16px;overflow-x:auto;padding:14px 0;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-label{flex-shrink:0;color:var(--ink-3);font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.chips{display:flex;flex-wrap:nowrap;gap:6px}.chip{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-2);cursor:pointer;padding:7px 13px 7px 12px;font-size:13px;font-weight:500;transition:border-color .15s ease,background .15s ease,color .15s ease}.chip:hover{border-color:var(--ink-2);color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.chip[aria-pressed=true] .chip-dot{box-shadow:0 0 0 1.5px #fff6}.chip[aria-pressed=true] .chip-count{color:#fff9}.chip-dot{width:7px;height:7px;border-radius:50%;background:var(--c, var(--ink-4))}.chip-count{margin-left:2px;color:var(--ink-4);font-family:var(--mono);font-size:11px}.grid-section{padding:clamp(40px,5vw,72px) 0 clamp(72px,10vw,120px)}.grid-meta{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;color:var(--ink-3);font-family:var(--mono);font-size:12px;letter-spacing:.04em}.grid-meta .count{color:var(--ink-2)}.grid-meta .count strong{color:var(--ink);font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;display:flex;min-height:280px;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 10px 30px -10px #0000001f}.card.hide{display:none}.card-preview{position:relative;display:grid;height:140px;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--c, var(--accent)) 14%,var(--bg-elev)),color-mix(in srgb,var(--c, var(--accent)) 4%,var(--bg-elev)));place-items:center}.card-preview:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--c, var(--ink-4)) 22%,transparent) 1px,transparent 1.5px);background-position:7px 7px;background-size:14px 14px;opacity:.45;pointer-events:none}.card-preview .glyph{position:relative;z-index:1;color:var(--c, var(--ink));font-family:var(--mono);max-width:calc(100% - 40px);padding:0 20px;font-size:clamp(22px,2.2vw,34px);font-weight:600;line-height:1.1;letter-spacing:-.035em;text-align:center;text-wrap:balance;mix-blend-mode:multiply;opacity:.9}.card-preview .bar{position:absolute;top:0;right:0;left:0;height:3px;background:var(--c, var(--accent))}.card-preview .status{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink-2);padding:4px 8px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.card-preview .status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c, var(--c-pub))}.card-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:20px 22px 22px}.card-cat{display:inline-flex;align-items:center;gap:8px;color:var(--c, var(--ink-3));font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.card-cat:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c, var(--ink-4))}.card-name{margin:0;font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.02em}.card-name .en{margin-left:6px;color:var(--ink-3);font-size:14px;font-weight:400;letter-spacing:-.005em}.card-desc{margin:4px 0 0;color:var(--ink-2);font-size:13.5px;line-height:1.55;text-wrap:pretty}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;color:var(--ink-3);font-family:var(--mono);font-size:11px;letter-spacing:.04em}.card-foot .stack{display:flex;gap:6px}.card-foot .stack span{border:1px solid var(--line);border-radius:4px;background:var(--bg-elev);color:var(--ink-3);padding:2px 7px;font-size:10.5px;letter-spacing:.02em;text-transform:none}.card-foot .go{color:var(--ink);font-size:13px;transition:transform .2s ease}.card:hover .card-foot .go{transform:translate(3px)}.empty{grid-column:1 / -1;border:1px dashed var(--line-2);border-radius:var(--radius);padding:80px 32px;text-align:center;color:var(--ink-3)}.empty .big{margin-bottom:8px;color:var(--ink);font-size:20px;font-weight:500;letter-spacing:-.01em}.projects-cta{padding-bottom:clamp(80px,10vw,120px)}@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:880px){.projects-cta{padding-bottom:80px}}@media(max-width:720px){.summary{grid-template-columns:repeat(2,1fr)}.summary>div:nth-child(2n){border-right:0;padding-right:0}.summary>div:nth-child(1),.summary>div:nth-child(2){border-bottom:1px solid var(--line);padding-bottom:16px}.summary>div:nth-child(3),.summary>div:nth-child(4){padding-top:16px}.grid-meta{flex-direction:column;gap:6px}}@media(max-width:600px){.grid{grid-template-columns:1fr}}