.portfolio-page{padding-top:100px;min-height:100vh}.portfolio-page__header{padding:60px 48px 40px;border-bottom:1px solid var(--border)}.portfolio-page__header h1{font-size:clamp(48px,6vw,80px);font-weight:900;line-height:1;margin-bottom:16px;margin-top:20px}.portfolio-page__header p{font-size:15px;color:var(--text-muted);max-width:480px;line-height:1.7}.portfolio-filters{display:flex;gap:4px;flex-wrap:wrap;padding:28px 48px;border-bottom:1px solid var(--border);background:var(--bg2)}.portfolio-filter-btn{padding:8px 20px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:2px;font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.portfolio-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.portfolio-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#0d0d0d}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:320px;grid-gap:3px;gap:3px;padding:3px 48px 80px}.portfolio-card{position:relative;overflow:hidden;cursor:pointer;background:var(--bg3);border:1px solid var(--border)}.portfolio-card svg{width:100%;height:100%;display:block;transition:transform .5s ease}.portfolio-card:hover svg{transform:scale(1.04)}.portfolio-card__info{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0,transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;opacity:0;transition:opacity .3s}.portfolio-card:hover .portfolio-card__info{opacity:1}.portfolio-card__category{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.portfolio-card__title{font-family:Playfair Display,serif;font-size:18px;color:#f0ece4;margin-bottom:4px}.portfolio-card__artist{font-size:12px;color:hsla(40,29%,92%,.6)}.portfolio-card__zoom{position:absolute;top:16px;right:16px;width:36px;height:36px;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.2);border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s}.portfolio-card:hover .portfolio-card__zoom{opacity:1}@media (max-width:900px){.portfolio-page__header{padding:40px 24px 28px}.portfolio-filters{padding:20px 24px}.portfolio-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px;padding:3px 24px 60px}}@media (max-width:500px){.portfolio-grid{grid-template-columns:1fr}}