.portfolio-hero{padding:calc(var(--header-height) + var(--space-16))0 var(--space-8);text-align:center;position:relative}.portfolio-text-effect{top:calc(var(--header-height) + var(--space-8));opacity:.15;pointer-events:none;z-index:0;width:100%;max-width:600px;height:120px;position:absolute;left:50%;transform:translate(-50%)}.portfolio-hero>:not(.portfolio-text-effect){z-index:1;position:relative}.filter-tabs{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.filter-tab{padding:var(--space-2)var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s var(--ease-out);background:0 0}.filter-tab:hover{border-color:var(--color-text-muted);color:var(--color-text-primary)}.filter-tab.active{background:var(--color-cyan-400);border-color:var(--color-cyan-400);color:var(--color-bg)}.bento-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;display:grid}.bento-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .4s var(--ease-out);position:relative;overflow:hidden}.bento-item:hover{border-color:var(--color-cyan-400);transform:translateY(-4px);box-shadow:0 20px 40px #0006}.bento-item.large{grid-area:span 2/span 2}.bento-item.wide{grid-column:span 2}.bento-item.tall{grid-row:span 2}.bento-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-out);opacity:.3;background:linear-gradient(135deg,#1a1a24 0%,#333 100%);justify-content:center;align-items:center;font-size:48px;display:flex}.bento-item:hover .bento-image{transform:scale(1.05)}.bento-overlay{padding:var(--space-5);opacity:0;transition:opacity .3s var(--ease-out);background:linear-gradient(#0000 40%,#000000e6 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.bento-item:hover .bento-overlay{opacity:1}.bento-category{font-size:var(--text-xs);color:var(--color-cyan-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}.bento-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.bento-stats{gap:var(--space-4);display:flex}.bento-stat{font-size:var(--text-sm)}.bento-stat-value{color:var(--color-cyan-400);font-weight:var(--font-semibold)}.kinetic-section{background:var(--color-bg-surface);padding:var(--space-12)0;overflow:hidden}.kinetic-carousel{gap:var(--space-4);padding:var(--space-4)var(--space-8);cursor:grab;scrollbar-width:none;display:flex;overflow-x:auto}.kinetic-carousel::-webkit-scrollbar{display:none}.kinetic-carousel:active{cursor:grabbing}.kinetic-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:300px;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out);flex-shrink:0;position:relative;overflow:hidden}.kinetic-item:hover{z-index:10;transform:scale(1.05);box-shadow:0 25px 50px #00000080}.kinetic-image{opacity:.3;background:linear-gradient(135deg,#1a1a24 0%,#333 100%);justify-content:center;align-items:center;width:100%;height:200px;font-size:48px;display:flex}.kinetic-content{padding:var(--space-4)}.kinetic-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.kinetic-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.featured-project{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.featured-visual{border-radius:var(--radius-2xl);aspect-ratio:4/3;opacity:.3;background:linear-gradient(135deg,#1a1a24 0%,#333 100%);justify-content:center;align-items:center;font-size:80px;display:flex;position:relative;overflow:hidden}.featured-badge-tag{top:var(--space-4);left:var(--space-4);padding:var(--space-2)var(--space-4);background:var(--color-cyan-400);color:var(--color-bg);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);position:absolute}.featured-content{max-width:500px}.featured-category{font-size:var(--text-sm);color:var(--color-cyan-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.featured-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.featured-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.featured-metrics{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.metric-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.metric-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-cyan-400)}.metric-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase}.portfolio-cta{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-16);text-align:center}.portfolio-cta-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.portfolio-cta-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto}.portfolio-cta-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:1200px){.bento-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-item.large{grid-column:span 2}.featured-project{gap:var(--space-8);grid-template-columns:1fr}}@media (max-width:600px){.bento-grid{grid-template-columns:1fr}.bento-item.large,.bento-item.wide{grid-column:span 1}.bento-item.tall{grid-row:span 1}}