.surface-primary.portfolio-gallery{--sf-bg:var(--color-text);letter-spacing:0}.portfolio-wrap{width:min(100% - 3rem,72rem);margin-inline:auto}.portfolio-band{padding-block:var(--spacing-section)}.portfolio-title{hyphens:none;overflow-wrap:normal;text-wrap:initial;font-size:clamp(2rem,6.3vw,5.6rem);font-weight:500;line-height:1.05}.portfolio-page-title{font-size:var(--text-display);font-weight:500;line-height:1.05}.portfolio-h2{font-size:var(--text-h2);font-weight:500;line-height:1.2}.portfolio-h3{font-size:var(--text-h3);font-weight:500;line-height:1.3}.portfolio-lead{font-size:var(--text-lead);line-height:1.65}.portfolio-index-link{border-block-end:1px solid var(--sf-border);grid-template-columns:1fr auto;align-items:center;gap:1rem;padding-block:1.5rem;display:grid}.portfolio-index-link svg{transition:transform .16s}.portfolio-index-link:hover svg{transform:translate(3px,-3px)}.portfolio-index-link:hover .index-title{text-underline-offset:5px;text-decoration:underline 1px}.portfolio-skill-row{border-block-end:1px solid var(--sf-border);gap:.75rem;padding-block:1.25rem;display:grid}.portfolio-gallery [data-form-section]{padding:var(--spacing-section) 1.5rem}.portfolio-contact [data-form-section]{grid-template-columns:1fr 1fr;gap:3rem;max-width:75rem;margin-inline:auto;display:grid}.portfolio-contact [data-form-section]>div,.portfolio-contact [data-form-section]>form{width:100%;max-width:none;margin:0}.portfolio-contact [data-form-section]>noscript{display:contents}.portfolio-contact [data-form-error],.portfolio-contact [data-form-success]{grid-column:2}.portfolio-contact [data-form]{grid-area:1/2}@media (width>=48rem){.portfolio-skill-row{grid-template-columns:12rem 1fr;gap:2rem}}@media (width<48rem){.portfolio-hero{padding-block:2.5rem}.portfolio-index-link{padding-block:1rem}.portfolio-index-link .index-title{font-size:1.25rem;line-height:1.4}.portfolio-index-link .sf-muted{margin-block-start:.25rem}.portfolio-contact [data-form-section]{grid-template-columns:1fr;gap:2rem}.portfolio-contact [data-form],.portfolio-contact [data-form-error],.portfolio-contact [data-form-success]{grid-area:auto/1}}@media (prefers-reduced-motion:reduce){.portfolio-index-link:hover svg{transform:none}}