/* Portfolio page additions; relies on variables in styles.css */
.portfolio-intro h1{font-family:var(--font-serif);font-weight:600;font-size:clamp(2.25rem,5vw,3.25rem);line-height:1.1;margin:.25rem 0 1rem;color:var(--ink)}
.project-body{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}
.project-shots{display:grid;gap:1rem}
.shot{margin:0;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;text-align:center}
.shot img{display:block;width:100%;height:auto;border-radius:calc(var(--radius) - 4px);margin:0 auto}
.shot-tall img{max-height:560px;width:auto;max-width:100%}
.shot figcaption{font-size:.875rem;color:var(--ink-soft);margin-top:.5rem}
.project-copy p{color:var(--ink-muted);margin:0 0 1rem}
.portfolio-more{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:760px){.project-body{grid-template-columns:1fr}}