.portfolio-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:0}@media (min-width: 768px){.portfolio-masonry{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2.5rem}}@media (min-width: 1024px){.portfolio-masonry{grid-template-columns:repeat(3,1fr)}.portfolio-item:nth-child(3n+1) .aspect-\[4\/3\]{aspect-ratio:4/5}.portfolio-item:nth-child(3n+2) .aspect-\[4\/3\]{aspect-ratio:4/3}.portfolio-item:nth-child(3n+3) .aspect-\[4\/3\]{aspect-ratio:4/4.5}}.portfolio-item{opacity:1!important;transform:translateY(0)!important;transition:opacity .6s ease-out,transform .6s ease-out;visibility:visible!important}.portfolio-item a{display:block;width:100%;height:100%}.portfolio-item img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portfolio-item.animate-in{opacity:0;transform:translateY(30px)}.portfolio-item.animate-in.visible{opacity:1;transform:translateY(0)}.filter-btn{position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.filter-btn:hover:before{left:100%}.portfolio-item .group:hover img{transform:scale(1.1)}.portfolio-item .group:hover .absolute.inset-0.p-6{opacity:1;transform:translateY(0)}html{scroll-behavior:smooth}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grain:after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:grain 1s steps(10) infinite;opacity:.07;pointer-events:none}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.magnetic{position:relative;transition:transform .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portfolio-item.animate-in{animation:fadeInUp .6s ease-out forwards}.sticky{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#portfolio-filters{position:relative;min-height:auto}#portfolio-filters.sticky{position:sticky}.filter-btn{display:inline-block;white-space:nowrap}@media (max-width: 640px){.portfolio-masonry{grid-template-columns:1fr;gap:1.5rem}}.portfolio-item .group:hover{transform:translateY(-4px);transition:transform .3s ease-out}.portfolio-item .group:hover .absolute.inset-0.p-6{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#lightbox{transition:opacity .3s ease-out}#lightbox.hidden{opacity:0;pointer-events:none}#lightbox-image{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.filter-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d904294d}.gallery-item{transition:transform .3s ease-out}.gallery-item:hover{transform:scale(1.02)}a,button{transition:all .3s cubic-bezier(.4,0,.2,1)}.portfolio-item img,.gallery-item img{background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.portfolio-item img.loaded,.gallery-item img.loaded{animation:none;background:transparent}