.portfolio{row-gap:var(--row-gap-2);-moz-column-gap:var(--margin);column-gap:var(--margin);grid-template-columns:0 minmax(0,var(--max-width))0;padding-top:var(--row-gap-2);padding-bottom:var(--row-gap-2);justify-content:space-between;display:grid}.portfolio>*{grid-column:2}.portfolio-header{max-width:620px;text-align:center;margin:0 auto}.portfolio-header h1{font:var(--text-display);letter-spacing:var(--text-display-spacing);text-align:center;color:var(--color-primary);white-space:pre-wrap;margin:0}.portfolio-header p{font:var(--text-body);letter-spacing:var(--text-body-spacing);color:var(--color-foreground-1);text-align:center;margin:var(--row-gap-0)100px 0}.portfolio-section{max-width:680px;margin-left:auto;margin-right:auto}.portfolio-section h2{font:var(--text-title);letter-spacing:var(--text-title-spacing);margin:0 0 var(--row-gap-0);color:var(--color-foreground-0)}.portfolio-section p{margin:.5em 0}.portfolio-section p,.portfolio-section ul,.portfolio-section li{font:var(--text-body);letter-spacing:var(--text-body-spacing);color:var(--color-foreground-1)}.portfolio-links{margin:var(--row-gap-0)0 0;gap:var(--column-gap-0);flex-wrap:wrap;padding:0;list-style:none;display:flex}.portfolio-links li{margin:0}.portfolio-links a{font:var(--text-body);letter-spacing:var(--text-body-spacing);font-weight:500}.portfolio-section+.portfolio-section{margin-top:var(--row-gap-0);padding-top:var(--row-gap-0);border-top:1px solid var(--color-border-subtle)}@media (max-width:720px){.portfolio-header,.portfolio-section{max-width:100%}.portfolio-header p{margin-left:0;margin-right:0}}.portfolio-images{margin:var(--row-gap-0)0 0;gap:var(--column-gap-1);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));place-items:start center;padding:0;list-style:none;display:grid}.portfolio-image{text-align:center;flex-direction:column;justify-self:center;align-items:center;display:flex}.portfolio-image.portrait img{max-width:320px}.portfolio-image.landscape img{max-width:600px}.portfolio-image figure{flex-direction:column;align-items:center;margin:0;display:flex}.portfolio-image img{width:100%;height:auto;border:1px solid var(--color-border-subtle);border-radius:10px;display:block}.portfolio-image figcaption{font:var(--text-caption,var(--text-body));letter-spacing:.02em;color:var(--color-foreground-2);text-align:center;margin-top:.35em;font-size:.85em}