.projects-gallery,.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gallery-gap);margin:var(--section-padding-y)0;padding:var(--space-lg)}.gallery-item:nth-child(4n+1){grid-column:span 6}.gallery-item:nth-child(4n+2){grid-column:span 4}.gallery-item:nth-child(4n+3){grid-column:span 3}.gallery-item:nth-child(4n){grid-column:span 5}.gallery-item{position:relative;border-radius:var(--gallery-item-radius);overflow:hidden;background-color:var(--bg-surface);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.gallery-item:nth-child(4n+1){transform:rotate(-2deg)}.gallery-item:nth-child(4n+2){transform:rotate(1deg)}.gallery-item:nth-child(4n+3){transform:rotate(-1deg)}.gallery-item:nth-child(4n){transform:rotate(2deg)}.gallery-item:hover{transform:rotate(0)translateY(-8px);box-shadow:var(--shadow-lg);z-index:10}@media(prefers-reduced-motion:no-preference){.gallery-item{opacity:0;animation:fadeInUp .6s ease-out forwards}.gallery-item:nth-child(1){animation-delay:.1s}.gallery-item:nth-child(2){animation-delay:.2s}.gallery-item:nth-child(3){animation-delay:.3s}.gallery-item:nth-child(4){animation-delay:.4s}.gallery-item:nth-child(5){animation-delay:.5s}.gallery-item:nth-child(6){animation-delay:.6s}.gallery-item:nth-child(7){animation-delay:.7s}.gallery-item:nth-child(8){animation-delay:.8s}.gallery-item:nth-child(9){animation-delay:.9s}.gallery-item:nth-child(10){animation-delay:1s}.gallery-item:nth-child(11){animation-delay:1.1s}.gallery-item:nth-child(12){animation-delay:1.2s}.gallery-item:nth-child(n+13){animation-delay:1.3s}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)rotate(var(--initial-rotation,0deg))}to{opacity:1;transform:translateY(0)rotate(var(--initial-rotation,0deg))}}}@media(prefers-reduced-motion:reduce){.gallery-item{opacity:1!important;animation:none!important}}.gallery-item img{width:100%;height:auto;display:block;border-radius:var(--gallery-item-radius);transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.03)}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md);background:linear-gradient(to top,rgba(250,250,250,.95),transparent);opacity:0;transform:translateY(20px);transition:opacity var(--transition-base),transform var(--transition-base)}.gallery-item:hover .gallery-item-overlay{opacity:1;transform:translateY(0)}.gallery-item-overlay h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.gallery-item-overlay p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}@media(max-width:768px){.projects-gallery,.gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md);padding:var(--space-md)0}.gallery-item,.gallery-item:nth-child(4n+1),.gallery-item:nth-child(4n+2),.gallery-item:nth-child(4n+3),.gallery-item:nth-child(4n){grid-column:span 1;transform:none!important}.gallery-item:hover{transform:translateY(-4px)}}@media(max-width:640px){.projects-gallery,.gallery-grid{grid-template-columns:1fr}}.gallery-item.featured{grid-column:span 12;grid-row:span 2}.gallery-item.featured img{max-height:600px;object-fit:cover}@media(max-width:768px){.gallery-item.featured{grid-column:span 1;grid-row:span 1}.gallery-item.featured img{max-height:400px}}