.portfolio-masonry{grid-template-columns:1fr;gap:1.5rem;display:grid}.portfolio-item{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden}.portfolio-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-image{height:220px;position:relative;overflow:hidden}.portfolio-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-placeholder{background:linear-gradient(135deg,var(--secondary),var(--primary));width:100%;height:100%;color:var(--white);justify-content:center;align-items:center;font-size:3rem;display:flex}.portfolio-overlay{background:linear-gradient(#0000,#000000b3);padding:2rem 1.5rem 1rem;position:absolute;bottom:0;left:0;right:0}.portfolio-duration-badge{background:var(--secondary);color:var(--white);border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.portfolio-content{padding:1.5rem}.portfolio-content h3{color:var(--primary);margin-bottom:.5rem;font-size:1.2rem}.portfolio-content p{color:var(--text-light);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.portfolio-link{color:var(--secondary);transition:var(--transition);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.portfolio-link:hover{gap:.75rem}.portfolio-item.featured{grid-column:1/-1}.portfolio-item.featured .portfolio-image{height:300px}@media (min-width:768px){.portfolio-masonry{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.portfolio-masonry{grid-template-columns:repeat(3,1fr)}.portfolio-item.featured{grid-column:span 2}}