.portfolio-layout{justify-content:space-between;align-items:center;gap:var(--space-xl);min-height:calc(100vh - var(--nav-height));z-index:1;isolation:isolate;flex-direction:row;width:100%;max-width:1400px;margin:0 auto;display:flex;position:relative}.portfolio-content{flex-direction:column;flex:1;justify-content:center;max-width:600px;display:flex}.portfolio-cards{z-index:2;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.portfolio-card{background-color:var(--color-bg-card);width:600px;height:315px;box-shadow:6px 6px 0px var(--color-accent-secondary);flex-direction:column;padding:0;display:flex;overflow:hidden}.portfolio-card-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background-color:var(--color-bg-card-header);border-bottom:1px solid var(--border-color);flex-shrink:0;display:flex}.portfolio-card-icon{width:32px;height:32px;color:var(--color-accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.portfolio-card-icon svg{width:100%;height:100%}.portfolio-card-title{font-family:var(--font-heading);text-transform:uppercase;color:var(--color-accent-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.portfolio-card-image{flex:1;width:100%;min-height:0;position:relative}@media (max-width:1024px){.portfolio-layout{padding:var(--space-lg);align-items:center;gap:var(--space-lg);flex-direction:column}.portfolio-content{text-align:center;max-width:100%}.portfolio-card{aspect-ratio:600/315;width:100%;max-width:600px;height:auto}}@media (max-width:768px){.portfolio-card{width:100%;max-width:500px}}@media (max-width:480px){.portfolio-card{width:100%;max-width:400px}}