:root{--portfolio-stroke: 1.5;--portfolio-art-height: 12rem;--portfolio-art-width: 17rem;--portfolio-card-title: clamp(1.75rem, 2.3vw, 2.5rem);--portfolio-item-title: clamp(1.375rem, 1.7vw, 1.875rem);--portfolio-copy-measure: 48ch;--portfolio-heading-columns: minmax(0, 1fr) minmax(0, .8fr);--portfolio-grid-columns: repeat(2, minmax(0, 1fr));--portfolio-mini-art: 5rem;--portfolio-bio-width: min(var(--brand-full), var(--reading-measure));--portfolio-anchor-clearance: 6.5rem}body[data-brand-dna] .portfolio-section{margin-block:var(--section-space);scroll-margin-top:var(--portfolio-anchor-clearance)}body[data-brand-dna] .portfolio-heading{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding-block:var(--space-6);border-top:var(--separator-width) solid var(--brand-ink);margin-bottom:var(--space-7)}body[data-brand-dna] .portfolio-heading>h2{margin:var(--brand-zero);max-width:var(--brand-wide-title-measure)}body[data-brand-dna] .portfolio-eyebrow{font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--brand-muted);margin:var(--brand-zero)}body[data-brand-dna] .portfolio-heading>.portfolio-eyebrow{order:-1}body[data-brand-dna] .portfolio-grid{display:grid;grid-template-columns:var(--portfolio-grid-columns);gap:var(--space-7)}body[data-brand-dna] .portfolio-project{display:flex;flex-direction:column;min-width:var(--brand-zero);border-bottom:var(--separator-width) solid var(--brand-hairline);padding:var(--brand-zero);margin:var(--brand-zero);background:var(--brand-paper)}body[data-brand-dna] .portfolio-drawing{display:flex;align-items:center;justify-content:center;background:var(--brand-quiet);color:var(--brand-ink);min-height:var(--portfolio-art-height);padding:var(--space-6);overflow:hidden}.portfolio-drawing svg{display:block;width:var(--portfolio-art-width);max-width:var(--brand-full);height:auto;fill:none;stroke:currentColor;stroke-width:var(--portfolio-stroke);stroke-linecap:round;stroke-linejoin:round}.portfolio-drawing svg :is(path,rect,circle){vector-effect:non-scaling-stroke}body[data-brand-dna] .portfolio-project-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-6) var(--brand-zero) var(--space-7)}body[data-brand-dna] .portfolio-category{color:var(--brand-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}body[data-brand-dna] .portfolio-type{display:inline-block;color:var(--brand-muted);border:var(--separator-width) solid var(--brand-hairline);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-3);border-radius:var(--join-radius);font-size:var(--font-size-xs);line-height:var(--line-height-base)}body[data-brand-dna] .portfolio-project h3{margin:var(--brand-zero) var(--brand-zero) var(--space-4);font-family:var(--font-display);font-size:var(--portfolio-card-title);font-weight:var(--brand-display-weight);line-height:var(--line-height-heading);max-width:var(--brand-title-measure)}body[data-brand-dna] .portfolio-project p{margin:var(--brand-zero);color:var(--brand-muted);font-size:var(--font-size-base);line-height:var(--body-leading);max-width:var(--portfolio-copy-measure)}body[data-brand-dna] .portfolio-subtype{margin-top:var(--space-4)}body[data-brand-dna] .portfolio-project-featured{background:var(--brand-ink);border-color:var(--brand-ink);color:var(--brand-paper)}body[data-brand-dna] .portfolio-project-featured .portfolio-drawing{color:var(--brand-paper);background:var(--brand-ink);border-bottom:var(--separator-width) solid var(--brand-line)}body[data-brand-dna] .portfolio-project-featured .portfolio-project-copy{padding-inline:var(--space-6)}body[data-brand-dna] .portfolio-project-featured h3{color:var(--brand-paper)}body[data-brand-dna] .portfolio-project-featured :is(p,.portfolio-category,.portfolio-type){color:var(--brand-inverse-muted)}body[data-brand-dna] .portfolio-project-featured .portfolio-type{border-color:var(--brand-line)}body[data-brand-dna][data-portfolio-layout=about] .sinc-content{max-width:var(--brand-full)}body[data-portfolio-layout=about] .sinc-content>:not(.sl-shell),body[data-portfolio-layout=about] .sl-wrap>:not(.sl-prose){max-width:var(--portfolio-bio-width);margin-inline:auto}body[data-portfolio-layout=about] .sinc-content>.sl-shell{max-width:var(--brand-full)}body[data-portfolio-layout=about] .sl-prose>:not(.portfolio-engineering){max-width:var(--portfolio-bio-width);margin-inline:auto}body[data-brand-dna] .portfolio-engineering .portfolio-heading{display:grid;grid-template-columns:var(--portfolio-heading-columns);align-items:end;gap:var(--space-7)}body[data-brand-dna] .portfolio-engineering .portfolio-heading-title h2{margin-block:var(--space-3) var(--brand-zero);max-width:var(--brand-title-measure);font-size:var(--brand-section-title)}body[data-brand-dna] .portfolio-intro{margin:var(--brand-zero);color:var(--brand-muted);font-size:var(--font-size-base);line-height:var(--body-leading)}body[data-brand-dna] .portfolio-engineering-grid{display:grid;grid-template-columns:var(--portfolio-grid-columns);column-gap:var(--space-8);row-gap:var(--space-7);list-style:none;padding:var(--brand-zero);margin:var(--brand-zero)}body[data-brand-dna] .portfolio-engineering-item{display:grid;grid-template-columns:var(--portfolio-mini-art) minmax(0,1fr);align-items:start;gap:var(--space-5);min-width:var(--brand-zero);border-top:var(--separator-width) solid var(--brand-hairline);padding-top:var(--space-6);margin:var(--brand-zero)}body[data-brand-dna] .portfolio-engineering-item .portfolio-drawing{min-height:var(--brand-zero);padding:var(--space-2);aspect-ratio:1}body[data-brand-dna] .portfolio-engineering .portfolio-engineering-item h3{font-family:var(--font-display);font-size:var(--portfolio-item-title);font-weight:var(--brand-display-weight);line-height:var(--line-height-heading);margin:var(--brand-zero) var(--brand-zero) var(--space-3)}body[data-brand-dna] .portfolio-engineering-item h3 strong{font-weight:inherit}body[data-brand-dna] .portfolio-engineering-item p{font-size:var(--font-size-base);color:var(--brand-muted);line-height:var(--body-leading);margin:var(--brand-zero)}body[data-brand-dna] .portfolio-engineering-note{border-top:var(--separator-width) solid var(--brand-ink);padding:var(--space-6) var(--brand-zero);margin-top:var(--space-8);max-width:var(--reading-measure)}@media(max-width:48rem){body[data-brand-dna] .portfolio-grid,body[data-brand-dna] .portfolio-engineering-grid,body[data-brand-dna] .portfolio-engineering .portfolio-heading{grid-template-columns:minmax(0,1fr)}body[data-brand-dna] .portfolio-grid{gap:var(--space-8)}body[data-brand-dna] .portfolio-engineering .portfolio-heading{gap:var(--space-4)}body[data-brand-dna] .portfolio-project-copy{padding-bottom:var(--space-6)}body[data-brand-dna] .portfolio-engineering-item{gap:var(--space-4)}}