.proj-fade,.proj-fade.visible,.proj-reveal,.proj-reveal.revealed{opacity:1;transform:none;filter:none}.proj-filter-wrap{position:sticky;top:72px;z-index:100;background:rgba(245,246,250,.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--day-border);padding:16px 0;transition:box-shadow .3s ease}.proj-filter-wrap.scrolled{box-shadow:0 4px 20px rgba(23,38,105,.07)}.proj-filters{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.proj-filter-btn{padding:10px 22px;border:1px solid var(--day-border);border-radius:100px;background:var(--day-card);color:var(--day-text);font-size:.875rem;font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.proj-filter-btn:hover{border-color:rgba(76,111,255,.35);color:var(--ink);transform:translateY(-1px);box-shadow:0 2px 8px rgba(23,38,105,.07)}.proj-filter-btn.active{background:var(--ink);border-color:var(--ink);color:var(--day-card)}.proj-filter-btn.active:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.proj-category{padding:100px 0 40px;scroll-margin-top:140px}.proj-category:first-child{padding-top:64px}.proj-category-header{margin-bottom:48px}.proj-category-label{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:var(--accent-soft);color:var(--accent-strong);margin-bottom:16px}.proj-category-label.orange,.proj-category-label.blue,.proj-category-label.green{background:var(--accent-soft);color:var(--accent-strong)}.proj-category-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:600;letter-spacing:-.025em;line-height:1.15;text-wrap:balance;color:var(--ink);margin-bottom:12px}.proj-category-title .serif-accent{color:var(--accent-strong)}.proj-category-desc{font-size:1.0625rem;color:var(--day-text);line-height:1.7;max-width:520px}.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.proj-card{position:relative;overflow:hidden}.proj-mockup{width:100%;aspect-ratio:16/10;background:var(--day);border-bottom:1px solid var(--day-border);position:relative;overflow:hidden}.proj-mockup-inner{position:absolute;inset:0;background:var(--day-card);overflow:hidden;transition:transform .6s cubic-bezier(.16,1,.3,1)}.proj-card:hover .proj-mockup-inner{transform:scale(1.02)}.proj-skeleton{padding:16px}.proj-sk-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--day-border);background:var(--day-card)}.proj-sk-dot{width:8px;height:8px;border-radius:50%;background:var(--gray-200)}.proj-info{padding:24px}.proj-info-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.proj-tag{padding:4px 12px;background:var(--day);border:1px solid var(--day-border);border-radius:100px;font-size:.72rem;font-weight:600;color:var(--day-text-2)}.proj-tag.highlight{background:var(--accent-soft);border-color:transparent;color:var(--accent-strong)}.proj-info-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em}.proj-info-desc{font-size:.9375rem;color:var(--day-text);line-height:1.65;margin-bottom:16px}.proj-info-metrics{display:flex;gap:24px;padding-top:16px;border-top:1px solid var(--day-border)}.proj-metric-value{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--accent-strong)}.proj-metric-label{font-size:.72rem;color:var(--day-text-2);margin-top:2px}.proj-link-hint{display:flex;align-items:center;gap:6px;margin-top:16px;font-size:.82rem;font-weight:600;color:var(--accent-strong);transition:gap .3s ease}.proj-card:hover .proj-link-hint{gap:10px}.proj-more-link{display:inline-flex;align-items:center;gap:10px;margin-top:36px;padding:14px 28px;background:var(--ink);border:1px solid var(--ink);border-radius:100px;color:var(--day-card);font-size:.9rem;font-weight:600;font-family:var(--font-primary);text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 12px rgba(10,14,26,.14)}.proj-more-link:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--day-card);transform:translateY(-2px);box-shadow:0 8px 24px rgba(43,80,239,.28)}.proj-more-link svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.proj-more-link:hover svg{transform:translateX(4px)}@media (max-width:768px){.proj-grid{grid-template-columns:1fr;gap:16px}.proj-category{padding:60px 0 30px}.proj-category:first-child{padding-top:48px}.proj-filter-wrap{top:60px}}.proj-grid{list-style:none}.proj-grid-item{display:flex}.proj-grid-item>.proj-card{flex:1 1 auto}