.portfolio-page{padding-top:10vh}.portfolio-header{padding-bottom:2rem}.portfolio-filters{z-index:50;background-color:var(--color-base);border-bottom:1px solid var(--color-separator);padding-top:1rem;padding-bottom:1rem;position:sticky;top:0}.filter-list{flex-wrap:wrap;gap:1rem;display:flex}@media (min-width:768px){.filter-list{gap:2rem}}.filter-btn{cursor:pointer;color:var(--color-primary);opacity:.5;transition:opacity var(--transition-fast);background:0 0;border:none}.filter-btn:hover,.filter-btn.active{opacity:1}.portfolio-gallery{min-height:100vh}.masonry-grid{grid-template-columns:1fr;gap:8vh;display:grid}@media (min-width:768px){.masonry-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:15vh 2rem}.masonry-item:nth-child(3n+1){grid-column:2/11}.masonry-item:nth-child(3n+2){grid-column:5/13;margin-top:30vh}.masonry-item:nth-child(3n){grid-column:1/-1;margin-top:20vh}}.portfolio-card{flex-direction:column;display:flex;position:relative}.portfolio-img-wrapper{background-color:var(--color-secondary);width:100%;position:relative;overflow:hidden}.portfolio-img{width:100%;height:100%;transition:transform var(--transition-slow);background-position:50%;background-size:cover}.portfolio-card:hover .portfolio-img{transform:scale(1.01)}.portfolio-meta{background-color:var(--color-image-overlay);opacity:0;width:100%;height:100%;transition:opacity var(--transition-slow);color:var(--color-base);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.portfolio-card:hover .portfolio-meta{opacity:1}.portfolio-meta h3{transition:transform var(--transition-slow);margin-bottom:.5rem;font-size:clamp(2rem,4vw,3.5rem);transform:translateY(3px)}.portfolio-meta p{color:var(--color-separator);transition:transform var(--transition-slow);transform:translateY(3px)}.portfolio-card:hover .portfolio-meta h3,.portfolio-card:hover .portfolio-meta p{transform:translateY(0)}