.page-module__JZa57W__portfolioHero{background:var(--surface);text-align:center;padding:10rem 2rem 4rem}.page-module__JZa57W__title{color:var(--foreground);margin-bottom:1rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.page-module__JZa57W__introText{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.page-module__JZa57W__portfolioSection{background:var(--background);padding:4rem 2rem}.page-module__JZa57W__filterContainer{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.page-module__JZa57W__filterBtn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:30px;padding:.5rem 1.5rem;font-weight:600;transition:all .2s}.page-module__JZa57W__filterBtn:hover,.page-module__JZa57W__filterBtn.page-module__JZa57W__active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-module__JZa57W__portfolioGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.page-module__JZa57W__portfolioItem{background:var(--surface-alt);aspect-ratio:1;cursor:pointer;border-radius:12px;position:relative;overflow:hidden}.page-module__JZa57W__itemImage{width:100%;height:100%;color:var(--text-muted);text-transform:uppercase;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;display:flex}.page-module__JZa57W__itemOverlay{opacity:0;text-align:center;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.page-module__JZa57W__portfolioItem:hover .page-module__JZa57W__itemOverlay{opacity:1}.page-module__JZa57W__itemTitle{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;transition:transform .3s;transform:translateY(20px)}.page-module__JZa57W__itemCategory{color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600;transition:transform .3s;transform:translateY(20px)}.page-module__JZa57W__portfolioItem:hover .page-module__JZa57W__itemTitle,.page-module__JZa57W__portfolioItem:hover .page-module__JZa57W__itemCategory{transform:translateY(0)}@media (max-width:768px){.page-module__JZa57W__portfolioHero{padding-top:8rem}}