.portfolio-link{margin-top:24px}.portfolio-intro{max-width:750px;margin:0 auto 50px;text-align:center}.portfolio-intro h1{font-size:clamp(44px,6vw,78px)}.portfolio-intro>p:not(.eyebrow){color:var(--muted)}.portfolio-grid{columns:3;column-gap:22px}.portfolio-photo{display:block;break-inside:avoid;width:100%;margin:0 0 22px;padding:0;border:0;background:var(--surface);overflow:hidden;position:relative}.portfolio-photo img{height:auto;transition:transform .6s,filter .6s}.portfolio-photo:hover img{transform:scale(1.035);filter:brightness(.9)}.portfolio-photo span{position:absolute;right:12px;bottom:12px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink)}.portfolio-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:35px}.portfolio-dialog{width:min(1100px,94vw);max-width:1100px}.portfolio-dialog>img{height:76vh;object-fit:contain;background:#172126}.portfolio-navigation{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;gap:15px}.portfolio-navigation button{width:44px;height:44px;flex-shrink:0;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:24px}.portfolio-navigation p{font-size:12px;text-align:center}@media(max-width:900px){.portfolio-grid{columns:2}}@media(max-width:600px){.portfolio-page .header{gap:20px;flex-wrap:wrap}.portfolio-grid{columns:1}.portfolio-dialog>img{height:65vh}.portfolio-intro{margin-bottom:30px}.portfolio-navigation p{font-size:10px}}