.portfolio-page{min-height:100vh}.portfolio-page section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.page-header{padding:12rem 2rem 6rem;max-width:1200px;margin:0 auto;border-bottom:1px solid var(--border)}.page-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--white)}.page-subtitle{font-size:1.25rem;color:var(--gray);max-width:700px}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:var(--gray);font-size:.875rem}.breadcrumb a{color:var(--gray);text-decoration:none}.breadcrumb a:hover{color:var(--white)}.filter-tabs{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.filter-btn{padding:.5rem 1.5rem;background:transparent;border:1px solid var(--border);color:var(--gray);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.filter-btn.active,.filter-btn:hover{border-color:var(--gold);color:var(--gold)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.portfolio-item{background:var(--navy);border:1px solid var(--border);overflow:hidden;transition:border-color .2s}.portfolio-item:hover{border-color:var(--gold)}.portfolio-image{width:100%;height:250px;background:var(--navy-light);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);color:var(--gold)}.portfolio-content{padding:2rem}.portfolio-category{display:inline-block;padding:.25rem .75rem;background:var(--warm-gray);color:var(--gold);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.portfolio-title{font-size:1.25rem;font-weight:600;color:var(--white);margin-bottom:.75rem}.portfolio-description{color:var(--gray);line-height:1.7;margin-bottom:1.5rem}.portfolio-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.25rem .75rem;background:var(--navy-light);color:var(--gray-light);font-size:.875rem;border:1px solid var(--border)}@media (max-width:768px){.page-header{padding:10rem 1.5rem 4rem}.page-header h1{font-size:2rem}.portfolio-grid{grid-template-columns:1fr}.filter-tabs{gap:.5rem}.filter-btn{font-size:.875rem;padding:.5rem 1rem}}