.gallery-header h2,body{font-family:'work sans',sans-serif}.gallery-item,.gallery-item .overlay,.tag{transition:.4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh}.gallery-header{text-align:center}.gallery-header h2{text-align:center;color:#333;font-weight:700}.gallery-header p{color:#636e72;font-size:1.2rem}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem;padding:3rem 0;margin-bottom:20px}.gallery-item{position:relative;overflow:hidden;border-radius:16px;box-shadow:0 8px 16px rgba(0,0,0,.1)}.gallery-item .overlay,.tag{position:absolute;opacity:0}.gallery-item:first-child,.gallery-item:nth-child(7){grid-column:span 2;grid-row:span 2}.gallery-item:nth-child(4){grid-column:span 2;grid-row:span 1}.gallery-item:nth-child(5){grid-column:span 1;grid-row:span 2}.gallery-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 24px rgba(0,0,0,.15)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4, 0, .2, 1)}.gallery-item:hover img{transform:scale(1.08)}.gallery-item .overlay{bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.2),transparent);padding:2rem 1.5rem;color:#fff;transform:translateY(20px)}.gallery-item:hover .overlay,.gallery-item:hover .tag{opacity:1;transform:translateY(0)}.overlay h3{font-size:1.4rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.overlay p{font-size:1rem;opacity:.9;line-height:1.4}.tag{top:1rem;right:1rem;background:rgba(255,255,255,.9);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;color:#2d3436;font-weight:500;transform:translateY(-10px)}@media (max-width:1200px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}.gallery-item:first-child,.gallery-item:nth-child(4),.gallery-item:nth-child(7){grid-column:span 2;grid-row:span 1}.gallery-item:nth-child(5){grid-column:span 1;grid-row:span 1}}@media (max-width:600px){body{padding:1rem}.gallery{grid-template-columns:1fr;gap:1rem}.gallery-item,.gallery-item:first-child,.gallery-item:nth-child(4),.gallery-item:nth-child(5),.gallery-item:nth-child(7){grid-column:span 1;grid-row:span 1}.gallery-header h2{font-size:2rem}.gallery-header p{font-size:1rem}}