.portfolio{max-width:72rem;color:var(--color-ink);margin-inline:auto;padding:3rem 1.5rem 5rem}.portfolio a:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}.portfolio-kicker{text-transform:uppercase;letter-spacing:.12em;margin:0 0 1.25rem;font:.6875rem/1.8 ui-monospace,monospace}.portfolio-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:1rem 3rem;padding:.5rem 0 3rem;display:grid}.portfolio-intro .portfolio-kicker{grid-column:1/-1;margin-bottom:.25rem}.portfolio .portfolio-intro h1{font-size:clamp(2.5rem,5vw,4rem)}.portfolio h1{font:600 clamp(2.5rem,6.5vw,5.5rem)/1.04 var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0;margin:0}.portfolio-intro>p:last-child{max-width:38rem;margin:0;font-size:1rem;line-height:1.8}.portfolio-jump{border-top:1px solid var(--color-rule);flex-wrap:wrap;gap:.5rem 2rem;margin-bottom:2rem;padding:.75rem 0;display:flex}.portfolio-jump a{min-height:44px;color:var(--color-ink);white-space:nowrap;align-items:center;gap:.75rem;font-size:.8125rem;text-decoration:none;display:inline-flex}.portfolio-jump a:hover{text-underline-offset:.3em;text-decoration:underline}.portfolio-jump span{opacity:.6;font:.6875rem ui-monospace,monospace}.portfolio-feature{border:1px solid var(--color-rule);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.portfolio-feature-copy{align-self:center;min-width:0;padding:clamp(1.5rem,4vw,3.5rem)}.portfolio-feature h2{font:600 clamp(2rem,4vw,3.5rem)/1.12 var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 1.25rem}.portfolio-feature h2 a{color:inherit;text-decoration:none}.portfolio-feature .feature-hook{font:500 1.25rem/1.5 var(--font-body,ui-sans-serif,system-ui,sans-serif);margin:0 0 1rem}.portfolio-feature-copy>p:not([class]){opacity:.8;font-size:.9375rem;line-height:1.8}.portfolio-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-top:1.5rem;display:flex}.portfolio-actions a{white-space:nowrap;align-items:center;gap:.75rem;min-height:44px;font-size:.875rem;display:inline-flex}.portfolio-section{margin-top:5rem;scroll-margin-top:12rem}.portfolio-section-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:1.5rem;margin-bottom:2rem;display:grid}.portfolio-section-head h2{font:600 clamp(2rem,4vw,3rem)/1.1 var(--font-display);letter-spacing:-.02em;margin:0}.portfolio-section-head p:not(.portfolio-kicker){max-width:28rem;margin:0;font-size:.9375rem;line-height:1.8}.portfolio-story-row{border-top:1px solid var(--color-rule);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:3rem;padding:2.5rem 0;display:grid}.portfolio .portfolio-story-row .project-entry{border:0;padding:0}.portfolio-story-row .project-diagram{color:var(--color-ink);border-left:1px solid var(--color-rule);background:0 0;padding:0 0 0 2rem}.portfolio-story-row .diagram-point{color:var(--color-ink)}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem;display:grid}.portfolio-close{border-top:2px solid var(--color-ink);max-width:44rem;margin-top:4rem;padding:2.5rem 0 0}.portfolio-close h2{font:600 clamp(1.75rem,4vw,2.5rem)/1.2 var(--font-display);margin:0}.portfolio-close p:not(.portfolio-kicker){margin:1rem 0;font-size:1rem;line-height:1.8}.portfolio-breadcrumb{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;font-size:.8125rem;line-height:1.8;display:flex}.portfolio-breadcrumb a{align-items:center;min-height:32px;display:inline-flex}.portfolio-breadcrumb>span{overflow-wrap:anywhere;align-self:center;min-width:0}.story-header{max-width:60rem;margin-bottom:3rem}.story-header .story-hook{font:400 clamp(1.5rem,3vw,2.5rem)/1.35 var(--font-display);max-width:42rem;margin:1.75rem 0 0}.story-summary{max-width:42rem;margin:1rem 0;font-size:1rem;line-height:1.8}.story-facts{border-block:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1.5rem;margin:2rem 0 0;padding:1.25rem 0;display:grid}.story-facts dt{text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font:.6875rem/1.8 ui-monospace,monospace}.story-facts dd{overflow-wrap:anywhere;margin:0;font-size:.8125rem;line-height:1.8}.story-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:4rem;margin-top:3rem;display:grid}.story-contents{border-top:1px solid var(--color-rule);padding-top:1rem}.story-contents ol{margin:0;padding:0;list-style:none}.story-contents a{color:var(--color-ink);gap:.75rem;padding:.75rem 0;font-size:.8125rem;line-height:1.6;text-decoration:none;display:flex}.story-contents a:hover{text-underline-offset:.2em;text-decoration:underline}.story-contents span{opacity:.5;font-family:ui-monospace,monospace}.story-chapter{border-top:1px solid var(--color-rule);margin-bottom:3rem;padding-top:1.5rem;scroll-margin-top:12rem}.story-chapter .portfolio-kicker{margin-bottom:.75rem}.story-chapter h2{font:600 clamp(1.5rem,3vw,2.25rem)/1.2 var(--font-display);margin:0 0 1.25rem}.story-chapter>p:not([class]){max-width:65ch;margin:0;font-size:1.0625rem;line-height:1.95}.story-decisions{margin:0}.story-decisions>div{border-top:1px solid var(--color-rule);padding:1.25rem 0}.story-decisions dt{margin-bottom:.5rem;font-weight:600}.story-decisions dd{margin:0;font-size:.9375rem;line-height:1.8}.story-diagram.project-diagram ol{grid-template-columns:repeat(var(--diagram-steps,4),minmax(0,1fr));gap:2rem;display:grid}.story-diagram.project-diagram li{flex-direction:column;padding-bottom:0;display:flex}.story-diagram.project-diagram li:not(:last-child):after{width:calc(100% - 2rem);height:1px;top:1.125rem;bottom:auto;left:3rem}@media (width<=700px){.portfolio{padding:2rem 1rem 3rem}.portfolio-intro{padding-bottom:2rem}.portfolio-feature,.portfolio-grid,.portfolio-intro,.portfolio-section-head,.portfolio-story-row,.story-layout{grid-template-columns:minmax(0,1fr)}.portfolio-feature-copy{padding:1.75rem 1.25rem}.portfolio-story-row{gap:2rem}.portfolio-story-row .project-diagram{border-left:0;border-top:1px dashed var(--color-rule);padding:1.5rem 0 0}.portfolio-section{margin-top:3rem}.portfolio-section-head{gap:1rem}.story-layout{gap:2rem}.story-contents{display:none}.story-facts{grid-template-columns:minmax(0,1fr)}.story-header{margin-bottom:2rem}.story-diagram.project-diagram ol{display:block}.story-diagram.project-diagram li{padding-bottom:1.75rem;display:grid}.story-diagram.project-diagram li:last-child{padding-bottom:0}.story-diagram.project-diagram li:not(:last-child):after{width:1px;height:auto;top:2rem;bottom:.2rem;left:1.0625rem}}.story-video{margin:0}.story-video iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.story-video figcaption{margin-top:1rem;font-size:.8125rem}.project-diagram[data-v-21b303d6]{background:var(--color-ink);color:var(--color-paper);min-width:0;margin:0;padding:clamp(1.5rem,4vw,3rem)}figcaption[data-v-21b303d6]{text-transform:uppercase;letter-spacing:.12em;opacity:.7;font:.6875rem/1.6 ui-monospace,monospace}ol[data-v-21b303d6]{margin:2rem 0;padding:0;list-style:none}li[data-v-21b303d6]{grid-template-columns:2.25rem minmax(0,1fr);gap:1rem;padding-bottom:1.75rem;display:grid;position:relative}li[data-v-21b303d6]:last-child{padding-bottom:0}li[data-v-21b303d6]:not(:last-child):after{content:"";background:var(--color-rule);opacity:.35;width:1px;position:absolute;top:2rem;bottom:.2rem;left:1.0625rem}.diagram-point[data-v-21b303d6]{border:1px solid var(--color-rule);width:2.25rem;height:2.25rem;color:var(--color-paper);border-radius:50%;place-items:center;font:.6875rem ui-monospace,monospace;display:grid}strong[data-v-21b303d6]{font-size:1.125rem;font-weight:500;line-height:1.5;display:block}li div>span[data-v-21b303d6]{opacity:.7;margin-top:.25rem;line-height:1.6;display:block}li div>span[data-v-21b303d6],p[data-v-21b303d6]{font-size:.8125rem}p[data-v-21b303d6]{border-top:1px solid var(--color-rule);margin:0;padding-top:1.25rem;line-height:1.7}.project-entry[data-v-db598e8d]{border-top:1px solid var(--color-rule);color:var(--color-ink);min-width:0;padding:1.75rem 0 2rem}.project-entry-meta[data-v-db598e8d]{text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem;font:.6875rem/1.6 ui-monospace,monospace}h3[data-v-db598e8d]{font:600 clamp(1.5rem,2.5vw,2rem)/1.2 var(--font-display);overflow-wrap:anywhere;margin:0}h3 a[data-v-db598e8d]{color:inherit;text-decoration:none}h3 a[data-v-db598e8d]:hover{color:var(--color-accent)}h3 a[data-v-db598e8d]:focus-visible{outline:2px solid var(--color-ink);outline-offset:5px}h3 span[data-v-db598e8d]{color:var(--color-accent);font:1rem ui-sans-serif,system-ui,sans-serif}.project-entry-hook[data-v-db598e8d]{margin:1rem 0 0;font-size:1rem;line-height:1.6}.project-entry-description[data-v-db598e8d]{opacity:.75;margin:.75rem 0 0;font-size:.875rem;line-height:1.8}.project-entry-stack[data-v-db598e8d]{overflow-wrap:anywhere;margin:1.25rem 0 .5rem;font:.6875rem/1.8 ui-monospace,monospace}.project-entry-link[data-v-db598e8d]{align-items:center;gap:.75rem;min-height:44px;font-size:.875rem;display:inline-flex}