.portfolio{background:var(--color-bg-alt);position:relative}.portfolio-header{text-align:center;margin-bottom:var(--space-16)}.portfolio-header .section-subtitle{margin:0 auto}.portfolio .container{max-width:min(1520px, calc(100vw - var(--space-12)))}.portfolio-grid{gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;display:grid}.portfolio-card{border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border);min-width:0;transition:all var(--transition-base);cursor:default;flex-direction:column;display:flex;position:relative;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)scale(1.01)}.portfolio-card--expanded{z-index:1;box-shadow:var(--shadow-xl)}.portfolio-thumbnail{aspect-ratio:4/3;background:var(--gradient-subtle);width:100%;font-size:var(--text-4xl);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.portfolio-thumbnail:after{content:"";background:linear-gradient(135deg,#6366f10d 0%,#a855f714 50%,#ec48990d 100%);position:absolute;inset:0}.portfolio-thumbnail.has-image{background:var(--color-surface)}.portfolio-thumbnail.has-image:after{background:var(--gradient-subtle);display:block}.portfolio-shimmer{background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}.portfolio-image{object-fit:contain;z-index:1;width:auto;max-width:52%;height:auto;max-height:52%;transition:transform var(--transition-base);position:relative}.portfolio-image--mps-stal{max-width:58%;max-height:46%}.portfolio-image--darpol{max-width:44%;max-height:38%}.portfolio-image--dobre-miejsce{max-width:62%;max-height:62%}.portfolio-image--psidowod{max-width:56%;max-height:48%}.portfolio-card:hover .portfolio-image{transform:scale(1.05)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.portfolio-info{padding:var(--space-6);flex-direction:column;flex:1;min-height:11rem;display:flex}.portfolio-name{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:600}.portfolio-type{font-size:var(--text-sm);color:var(--color-text-muted);flex:1;min-height:2.75rem}.portfolio-details-action{padding-top:var(--space-4);margin-top:auto}.portfolio-details-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);width:100%;transition:all var(--transition-base);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:600;display:flex;box-shadow:0 4px 14px #6366f140}.portfolio-details-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.portfolio-details-content{overflow:hidden}.portfolio-details-inner{padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4);gap:var(--space-4);text-align:left;flex-direction:column;display:flex}.portfolio-detail-section h4{font-size:var(--text-sm);color:var(--color-accent);margin-bottom:var(--space-1);font-weight:700}.portfolio-detail-section p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}@media (width<=1024px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.portfolio-grid{grid-template-columns:1fr}}