.cat-default{--card-accent: var(--accent-primary)}.cat-python{--card-accent: #10b981}.cat-automation{--card-accent: #f59e0b}.cat-finance{--card-accent: #3b82f6}.cat-creative{--card-accent: #8b5cf6}.cat-r{--card-accent: #ef4444}.bento-grid{display:grid;grid-template-columns:1fr .72fr;gap:1rem;margin-bottom:0}.bento-hero-card{display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;position:relative;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease,border-color .28s ease;box-shadow:var(--shadow-sm)}.bento-hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent);z-index:1}.bento-hero-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:color-mix(in srgb,var(--card-accent) 40%,var(--border-color));text-decoration:none;color:inherit}.bento-hero-image{height:220px;overflow:hidden;background:var(--bg-tertiary)}.bento-hero-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.bento-hero-card:hover .bento-hero-image img{transform:scale(1.05)}.bento-hero-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.bento-hero-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.bento-hero-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.65;flex:1;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bento-hero-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.bento-hero-cta{font-size:.85rem;font-weight:600;color:var(--card-accent);white-space:nowrap;transition:letter-spacing .2s ease}.bento-hero-card:hover .bento-hero-cta{letter-spacing:.02em}.bento-stack{display:flex;flex-direction:column;gap:1rem}.bento-side-card{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border-color);text-decoration:none;color:#fff;background:var(--bg-card-dark, #1e293b);display:block;flex:1;min-height:130px;box-shadow:var(--shadow-sm);transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease}.bento-side-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent);z-index:2}.bento-side-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);text-decoration:none;color:#fff}.bento-side-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;position:absolute;top:0;left:0}.bento-side-card:hover img{transform:scale(1.06)}.bento-side-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1rem .85rem;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,transparent 100%);z-index:1}.bento-side-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.3rem}.tech-tag-light{background:#ffffff2e;color:#ffffffe6;padding:.15rem .5rem;border-radius:20px;font-size:.7rem;font-weight:500}.more-work-divider{display:flex;align-items:center;gap:1.25rem;margin:2.5rem 0 2rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.more-work-divider:before,.more-work-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.compact-card{display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;position:relative;height:100%;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease}.compact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent);z-index:1}.compact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--card-accent) 40%,var(--border-color));text-decoration:none;color:inherit}.compact-card-img{height:140px;overflow:hidden;background:var(--bg-tertiary)}.compact-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.compact-card:hover .compact-card-img img{transform:scale(1.05)}.compact-card-body{padding:.9rem 1rem .8rem;flex:1;display:flex;flex-direction:column}.compact-card-title{font-size:.92rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.compact-cta{margin-top:auto;padding-top:.5rem;font-size:.75rem;font-weight:600;color:var(--card-accent);opacity:0;transition:opacity .2s ease;display:block}.compact-card:hover .compact-cta{opacity:1}.filter-dropdown-wrapper{position:relative;display:inline-block;z-index:200}.filter-dropdown-btn{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:20px;padding:.4rem 1rem;font-size:.82rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;white-space:nowrap}.filter-dropdown-btn:hover,.filter-dropdown-btn.open{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-dropdown-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.filter-dropdown-list{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-lg);list-style:none;padding:.4rem 0;margin:0;min-width:180px;z-index:100;display:none}.filter-dropdown-list.open{display:block}.filter-dropdown-list li{padding:.5rem 1rem;font-size:.85rem;cursor:pointer;color:var(--text-secondary);transition:background .15s ease,color .15s ease}.filter-dropdown-list li:hover{background:var(--bg-soft);color:var(--accent-primary)}.filter-dropdown-list li.active{color:var(--accent-primary);font-weight:600}.project-technologies{display:flex;flex-wrap:wrap;gap:.4rem}.tech-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:.2rem .55rem;border-radius:20px;font-size:.72rem;font-weight:500}@media(max-width:991px){.bento-grid{grid-template-columns:1fr}.bento-stack{flex-direction:row}.bento-side-card{min-height:180px}}@media(max-width:575px){.bento-stack{flex-direction:column}}.project-card{--card-accent: var(--accent-primary)}.project-card.cat-python{--card-accent: #10b981}.project-card.cat-automation{--card-accent: #f59e0b}.project-card.cat-finance{--card-accent: #3b82f6}.project-card.cat-creative{--card-accent: #8b5cf6}.project-card.cat-r{--card-accent: #ef4444}.project-card{background:var(--bg-primary);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease,border-color .28s ease;border:1px solid var(--border-color);height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent);z-index:1}a.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:color-mix(in srgb,var(--card-accent) 40%,var(--border-color));text-decoration:none;color:inherit}.project-image{position:relative;height:200px;overflow:hidden;background:var(--bg-tertiary)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}a.project-card:hover .project-image img{transform:scale(1.05)}.project-badge{position:absolute;top:10px;right:10px;font-size:.72rem;padding:.22rem .55rem;z-index:2}.project-content{padding:1.25rem 1.4rem 1rem;flex:1;display:flex;flex-direction:column}.project-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.project-description{color:var(--text-secondary);margin-bottom:.9rem;flex:1;font-size:.875rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-links{margin-top:auto;padding-top:.75rem}.project-cta{padding:.7rem 1.4rem;border-top:1px solid var(--border-color);font-size:.82rem;font-weight:600;color:var(--card-accent);transition:color .2s ease,padding-left .2s ease}a.project-card:hover .project-cta{padding-left:1.7rem}.project-section{background:var(--bg-primary);border-radius:15px;padding:2rem;margin-bottom:3rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.project-badges .badge{font-size:.9rem;padding:.5rem 1rem;margin:.25rem}.feature-card{transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.tech-stack{background:var(--bg-secondary);padding:1.5rem;border-radius:10px;margin-bottom:2rem}.approach-list{list-style:none;padding:0}.approach-list li{padding:1rem 0;border-bottom:1px solid var(--border-color)}.approach-list li:last-child{border-bottom:none}.challenge-solution-card{background:var(--bg-secondary);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid var(--accent-primary)}.challenge-title{color:var(--accent-primary);font-weight:600;margin-bottom:.5rem}.challenge-desc{font-style:italic;margin-bottom:.5rem;color:var(--text-secondary)}.solution-desc{color:var(--text-primary)}.impact-stats{background:var(--bg-secondary);border-radius:15px;padding:2rem;margin-bottom:2rem}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.9rem}.demo-container{background:var(--bg-secondary);border-radius:15px;padding:2rem;border:1px solid var(--border-color)}.case-study-cta{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))!important;transition:transform .3s ease}.case-study-cta:hover{transform:translateY(-3px)}.project-navigation{border-top:2px solid var(--border-color);padding-top:2rem;margin-top:3rem}@media(max-width:576px){.project-links{flex-direction:column}.project-links .btn{width:100%;text-align:center}.project-section{padding:1.5rem;margin-bottom:2rem}.stat-number{font-size:2rem}.feature-card{margin-bottom:1rem}}