.work-gallery-section{padding:4rem 0}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section-title{font-size:3rem;color:#fff;font-weight:700;text-align:center;margin-top:3rem;margin-bottom:3rem}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:300px;grid-gap:20px;gap:20px}.gallery-card{display:flex;flex-direction:column;cursor:pointer}.gallery-card,.gallery-image-wrapper{position:relative;overflow:hidden;height:100%}.gallery-image-wrapper{width:100%}.gallery-image{object-fit:fill;display:block;width:100%!important;height:100%!important}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#c8f31d;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease;padding:1rem;text-align:center;pointer-events:none}.gallery-card.social:hover .gallery-overlay{opacity:1;pointer-events:auto}.overlay-content h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:700;color:#000}.overlay-content p{font-size:1rem;line-height:1.4}.gallery-card.normal{grid-column:span 4;grid-row:span 1}.gallery-card.large{grid-column:span 6;grid-row:span 1}.gallery-card.small{grid-column:span 2;grid-row:span 1}.gallery-card.portrait{grid-column:span 4;grid-row:span 2}.gallery-card.fade-in-bottom,.gallery-card.fade-in-left,.gallery-card.fade-in-right{opacity:0;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}.gallery-card.fade-in-left.in-view{opacity:1;transform:translateX(0);animation:fadeInLeft .8s forwards}.gallery-card.fade-in-right.in-view{opacity:1;transform:translateX(0);animation:fadeInRight .8s forwards}.gallery-card.fade-in-bottom.in-view{opacity:1;transform:translateY(0);animation:fadeInBottom .8s forwards}.gallery-grid.square-grid{grid-auto-rows:400px}.gallery-card.square,.gallery-grid-item.square{grid-column:span 4;grid-row:span 1}.work-tabs{display:flex;justify-content:center;gap:2rem;margin-bottom:2.5rem}.work-tabs button{background:transparent;color:#fff;border:2px solid #c8f31d;padding:.5rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:5px;transition:background .3s,color .3s}.work-tabs button.active{background:#c8f31d;color:#000;font-weight:600}.branding-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:9999;cursor:zoom-out}.branding-modal-content{position:relative;width:80vw;height:90vh;max-width:900px;max-height:90vh}.branding-modal-image{object-fit:contain;border-radius:10px}.gallery-grid-item{position:relative}.gallery-grid-item.normal{grid-column:span 4;grid-row:span 1}.gallery-grid-item.large{grid-column:span 6;grid-row:span 1}.gallery-grid-item.small{grid-column:span 2;grid-row:span 1}.gallery-grid-item.portrait{grid-column:span 4;grid-row:span 2}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.gallery-card:hover .branding-hover-wrapper{opacity:1;pointer-events:auto}@media (max-width:1100px){.gallery-grid{grid-template-columns:repeat(9,1fr);grid-auto-rows:280px;gap:16px}.gallery-card.normal,.gallery-grid-item.normal{grid-column:span 3}.gallery-card.large,.gallery-grid-item.large{grid-column:span 4}.gallery-card.small,.gallery-grid-item.small{grid-column:span 2}.gallery-card.portrait,.gallery-grid-item.portrait{grid-column:span 3;grid-row:span 2}}@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(18,1fr);grid-auto-rows:200px;gap:16px}.gallery-card.normal,.gallery-grid-item.normal{grid-column:span 6}.gallery-card.large,.gallery-grid-item.large{grid-column:span 9}.gallery-card.small,.gallery-grid-item.small{grid-column:span 3}.gallery-card.portrait,.gallery-grid-item.portrait{grid-column:span 6;grid-row:span 2}}@media (max-width:700px){.gallery-grid{grid-template-columns:repeat(1,1fr);grid-auto-rows:auto;gap:16px}.gallery-card.large,.gallery-card.normal,.gallery-card.portrait,.gallery-card.small,.gallery-grid-item.large,.gallery-grid-item.normal,.gallery-grid-item.portrait,.gallery-grid-item.small{grid-column:span 1;height:auto;grid-row:auto}.gallery-image{position:relative;width:100%!important;height:auto!important;object-fit:contain}}@media (max-width:1100px){.gallery-grid.square-grid{grid-auto-rows:300px}}@media (max-width:900px){.gallery-grid.square-grid{grid-auto-rows:250px}}@media (max-width:700px){.gallery-grid.square-grid{grid-auto-rows:auto}}