.grid-container{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.grid-item{position:relative;overflow:hidden;width:100%;height:0;padding-bottom:calc(100% / (var(--aspect-ratio, 1)));grid-column:auto/span var(--cols,4);grid-row:auto/span var(--rows,1)}.project-item{width:100%;grid-column:span var(--cols,4);grid-row:span var(--rows,1)}.project-item-inner{padding-bottom:calc(100% * var(--aspect-ratio, 1))}.item-overlay{bottom:0;left:0;right:0;background:rgba(0,0,0,.85);padding:clamp(.75rem,2vw,1.5rem);border-top:1px solid hsla(0,0%,100%,.2)}.project-item:hover .item-overlay{opacity:1;transform:translateY(0);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1)}.project-item .item-overlay{transform:translateY(10px)}.project-item:hover .absolute{opacity:1}.project-item h3{font-size:clamp(1rem,2vw,1.5rem);line-height:1.2;margin-bottom:.25rem}.project-item p{font-size:clamp(.75rem,1.5vw,1rem);line-height:1.4}.item-overlay h3{font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.2}.item-overlay p{font-size:clamp(.75rem,1vw,1rem);opacity:.9;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.item-overlay .flex-wrap{gap:4px;margin-top:8px}.grid-item:hover .item-overlay{opacity:1}.grid-pattern{background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 0);background-size:20px 20px}:is(.dark .grid-pattern){background-image:linear-gradient(hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0)}.line-clamp{-webkit-line-clamp:var(--lines,3);line-clamp:var(--lines,3)}.line-clamp,.line-clamp-1{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-1{--lines:1;-webkit-line-clamp:1;line-clamp:1}.line-clamp-2{--lines:2;-webkit-line-clamp:2;line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{--lines:3;-webkit-line-clamp:3;line-clamp:3}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;padding:2rem}.project-item{grid-column:span var(--cols);grid-row:span var(--rows);min-height:250px;aspect-ratio:var(--aspect-ratio,1);height:auto}.masonry-container,.project-item{position:relative;overflow:hidden}.masonry-container{width:100%;min-height:50vh}.project-masonry{display:flex;width:100%;gap:1rem;margin-left:-1rem;transition:opacity .15s ease}.project-masonry.filtering{opacity:.8}.project-masonry-column{padding-left:1rem;background-clip:padding-box}.project-masonry-item{margin-bottom:1rem;min-height:250px;display:block}.project-item-inner,.project-masonry-item{position:relative;overflow:hidden;width:100%}.project-item-inner{height:0}.project-item-inner>*{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.item-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;color:#fff;z-index:10;opacity:0;transform:translateY(10px);transition:all .3s ease}.group:hover .item-overlay{opacity:1;transform:translateY(0)}.item-overlay h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.item-overlay p{font-size:.875rem;margin-bottom:.75rem;line-height:1.4}@media (max-width:1024px){.project-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width:768px){.project-grid{grid-template-columns:repeat(4,1fr)}.project-item{grid-column:span 4!important}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.animate-pulse{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.project-masonry-item{will-change:transform,opacity}.project-masonry-column>*{content-visibility:auto;contain-intrinsic-size:0 300px}.filtering .project-masonry-item{transition:opacity .3s ease-out,transform .3s ease-out}.project-item-inner>*,.project-masonry{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.project-masonry{perspective:1000px;-webkit-perspective:1000px}iframe{loading:lazy}.project-masonry-item .item-overlay{will-change:opacity}