.proj-page{background:var(--bg-subtle);--filter-fade-bg:var(--bg-subtle);flex-direction:column;min-height:100vh;display:flex}.proj-main{flex:1;padding:40px 0 80px}.proj-loading{text-align:center;color:var(--ink-muted);padding:80px 0}.proj-page .proj-filters{padding-bottom:12px}.proj-page .proj-count{color:var(--ink-muted);font-variant-numeric:tabular-nums;padding-bottom:20px;font-size:13px}.proj-page .proj-grid-desktop{background:var(--border-light);border:.5px solid var(--border-light);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.proj-page .proj-card{background:var(--bg-white);color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:background .15s;animation:.32s ease-out both proj-card-in;display:flex}.proj-page .proj-card:hover{background:var(--surface-white-panel)}.proj-page .proj-card:active{background:var(--color-forest-green-10)}.proj-page .proj-card:focus-visible{outline:2px solid var(--color-forest-green);outline-offset:-2px}@keyframes proj-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.proj-page .proj-card-img{aspect-ratio:3/2;border-bottom:.5px solid var(--border-light);background:var(--surface-white-panel);width:100%;position:relative;overflow:hidden}.proj-page .proj-card-img-el{object-fit:cover;transition:transform .4s}.proj-page .proj-card:hover .proj-card-img-el{transform:scale(1.03)}.proj-page .proj-card-img-placeholder{background:linear-gradient(135deg,var(--color-forest-green-10),var(--surface-white-panel));width:100%;height:100%}.proj-page .proj-card-body{flex-direction:column;flex:1;gap:6px;padding:18px 20px 20px;display:flex}.proj-page .proj-card-tag{letter-spacing:.07em;color:var(--ink-muted);text-transform:uppercase;font-size:11px;font-weight:500}.proj-page .proj-card-title{color:var(--ink);text-wrap:balance;font-size:19px;font-weight:600;line-height:1.25}.proj-page .proj-card-desc{color:var(--ink-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-top:2px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.proj-page .proj-card-link{color:var(--color-forest-green);align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:500;display:inline-flex}.proj-page .proj-card-arrow{transition:transform .2s}.proj-page .proj-card:hover .proj-card-arrow{transform:translate(4px)}.proj-page .proj-mobile-view{display:none}.proj-page .proj-empty{text-align:center;padding:60px 0}.proj-page .proj-empty-title{color:var(--ink-muted);margin-bottom:14px;font-size:15px}.proj-page .proj-empty-reset{font:inherit;cursor:pointer;color:var(--color-forest-green);background:var(--bg-white);border:1px solid var(--border-light);border-radius:999px;min-height:44px;padding:0 20px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s}.proj-page .proj-empty-reset:hover{border-color:var(--color-forest-green)}.proj-page .proj-empty-reset:focus-visible{outline:2px solid var(--color-forest-green);outline-offset:2px}@media (max-width:1024px){.proj-page .proj-grid-desktop{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.proj-main{padding:100px 0 48px}.proj-page .proj-header{text-align:left;padding-bottom:16px}.proj-page .proj-header h1{font-size:20px}.proj-page .proj-header p{font-size:13px}.proj-page .proj-filters{padding-bottom:10px}.proj-page .proj-count{padding-bottom:14px}.proj-page .proj-grid-desktop{display:none}.proj-page .proj-mobile-view{display:block}.proj-page .proj-featured{color:inherit;background:var(--bg-white);border:.5px solid var(--border-light);cursor:pointer;border-radius:12px;margin-bottom:10px;text-decoration:none;animation:.32s ease-out both proj-card-in;display:block;overflow:hidden}.proj-page .proj-featured-img{background:var(--color-forest-green-10);width:100%;height:120px;position:relative;overflow:hidden}.proj-page .proj-featured-body{padding:14px}.proj-page .proj-featured-title{color:var(--ink);margin-bottom:6px;font-size:17px;font-weight:600;line-height:1.3}.proj-page .proj-featured-desc{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.proj-page .proj-compact-list{border:.5px solid var(--border-light);border-radius:12px;overflow:hidden}.proj-page .proj-compact-card{background:var(--bg-white);border-bottom:.5px solid var(--border-light);color:inherit;cursor:pointer;align-items:center;gap:12px;min-height:44px;padding:14px;text-decoration:none;transition:background .12s;display:flex}.proj-page .proj-compact-card:last-child{border-bottom:none}.proj-page .proj-compact-card:hover{background:var(--surface-white-panel)}.proj-page .proj-compact-card:active{background:var(--color-forest-green-10)}.proj-page .proj-compact-thumb{background:var(--surface-white-panel);border:.5px solid var(--border-light);border-radius:8px;width:72px;min-width:72px;height:56px;position:relative;overflow:hidden}.proj-page .proj-compact-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.proj-page .proj-compact-tag{letter-spacing:.07em;color:var(--ink-muted);text-transform:uppercase;font-size:10px;font-weight:500}.proj-page .proj-compact-title{color:var(--ink);font-size:14px;font-weight:600;line-height:1.3}.proj-page .proj-compact-desc{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.proj-page .proj-compact-arrow{color:var(--ink-muted);flex-shrink:0}}@media (prefers-reduced-motion:reduce){.proj-page .proj-card,.proj-page .proj-featured{animation:none;animation-delay:0s!important}.proj-page .proj-card:hover .proj-card-img-el,.proj-page .proj-card:hover .proj-card-arrow{transform:none}}