.portfolio-page{background:var(--black);color:var(--white);padding-bottom:6rem}.portfolio-hero{text-align:center;padding:6rem 2rem 4rem}.portfolio-hero h1{margin-bottom:1.5rem;font-size:2.8rem}.portfolio-hero p{color:#aaa;max-width:600px;margin:auto}.portfolio-filters{text-align:center;margin-bottom:3rem}.filter-btn{color:#bbb;cursor:pointer;background:0 0;border:1px solid #1a1a1a;margin:0 .5rem 1rem;padding:.6rem 1.4rem;transition:all .3s}.filter-btn:hover{border-color:var(--yellow);color:var(--yellow)}.filter-btn.active{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:2rem;width:90%;max-width:1200px;margin:auto;display:grid}.portfolio-card{cursor:pointer;background:#111;border:1px solid #1a1a1a;height:260px;transition:all .3s;position:relative;overflow:hidden}.portfolio-card:hover{border-color:var(--yellow)}.portfolio-overlay{text-align:center;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;padding:1rem;transition:all .4s;display:flex;position:absolute;inset:0;transform:translateY(100%)}.portfolio-card:hover .portfolio-overlay{transform:translateY(0)}.portfolio-overlay h3{color:var(--yellow);margin-bottom:.5rem}.portfolio-overlay p{color:#bbb;margin-bottom:1rem}.btn-outline.small{padding:.5rem 1.2rem;font-size:.8rem}.portfolio-cta{text-align:center;padding:6rem 2rem}.portfolio-cta h2{margin-bottom:20px}@media (max-width:992px){.portfolio-grid{grid-template-columns:1fr}.portfolio-hero h1{font-size:2.2rem}}