.portfolio-page{background-color:#fff;min-height:100vh;padding:0}.portfolio-intro{text-align:left;max-width:1200px;margin:0 auto;padding:80px 5% 60px}.portfolio-intro h1{color:#1a1a1a;letter-spacing:-.5px;margin-bottom:20px;font-size:2.5rem;font-weight:400}.portfolio-bio{color:#555;max-width:800px;margin:0;font-size:1.125rem;line-height:1.8}.portfolio-filters{z-index:100;background-color:#fff;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:center;gap:10px;padding:30px 5%;display:flex;position:sticky;top:0}.filter-btn{color:#555;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:8px 16px;font-size:.95rem;font-weight:400;transition:all .3s}.filter-btn:hover{background-color:#f8f9fa;border-color:#1a1a1a}.filter-btn.active{color:#fff;background-color:#1a1a1a;border-color:#1a1a1a}.projects-grid{grid-template-columns:repeat(2,1fr);gap:40px;max-width:1200px;margin:0 auto;padding:60px 5%;display:grid}.project-card{cursor:pointer;background:#fff;flex-direction:column;transition:opacity .3s;display:flex;overflow:hidden}.project-card:hover{opacity:.8}.project-image,.project-image-placeholder{background:#f5f5f5;justify-content:center;align-items:center;width:100%;height:300px;margin-bottom:20px;display:flex;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%}.project-image-placeholder{background:linear-gradient(135deg,#e3ede8 0%,#dbece5 100%)}.placeholder-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.client-logo-text{color:#2f5c45;opacity:.3;font-size:4rem;font-weight:700}.project-info{padding:0}.project-title{color:#1a1a1a;margin:0 0 10px;font-size:1.125rem;font-weight:400;line-height:1.5}.project-link{color:#2f5c45;margin-top:10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s;display:inline-block}.project-link:hover{color:#1a3d2e;text-decoration:underline}@media (max-width:768px){.portfolio-intro{padding:60px 5% 40px}.portfolio-intro h1{font-size:2rem}.portfolio-bio{font-size:.95rem}.portfolio-filters{padding:20px 5%}.filter-btn{padding:6px 12px;font-size:.75rem}.projects-grid{grid-template-columns:1fr;gap:40px;padding:40px 5%}.project-image,.project-image-placeholder{height:250px}}