.portfolio-shell{--portfolio-ink: var(--color-heading);--portfolio-muted: var(--color-text-secondary);--portfolio-rule: var(--color-border);--portfolio-gap: 3rem;max-width:72rem;margin-inline:auto;padding-inline:2rem;color:var(--portfolio-ink)}.portfolio-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:var(--portfolio-gap);padding-block:5.5rem 4rem}.portfolio-intro h1{font-size:clamp(3rem,6vw,5rem);line-height:.95}.portfolio-intro>p{max-width:42ch;font-size:1.0625rem;line-height:1.65;text-wrap:pretty}.portfolio-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem var(--portfolio-gap)}.portfolio-entry{min-width:0}.portfolio-entry--panorama{grid-column:1 / -1}.portfolio-copy{padding-top:1.5rem}.portfolio-name{display:flex;align-items:center;gap:.75rem}.portfolio-name img{width:1.75rem;height:1.75rem;object-fit:contain;flex-shrink:0}.portfolio-name h2{flex:1}.portfolio-name .display-title{font-size:1.5rem;font-weight:500;font-synthesis:none;letter-spacing:-.01em}.portfolio-name a{display:flex;align-items:center;justify-content:space-between;min-height:2.75rem}.portfolio-read-arrow{font-family:var(--font-sans);font-size:1.125rem;color:var(--portfolio-muted)}.portfolio-name a:is(:hover,:focus-visible) .portfolio-read-arrow{color:var(--color-brand)}.portfolio-summary{max-width:48ch;margin-top:.55rem;font-size:1rem;line-height:1.7;color:var(--portfolio-muted);text-wrap:pretty}.portfolio-links{margin-top:.65rem}.portfolio-domain{display:inline-flex;align-items:center;min-height:2.75rem;gap:.75rem;font-size:.875rem}.portfolio-domain:hover,.portfolio-outro a:hover{color:var(--color-brand-dark)}.portfolio-visual-link{display:block}.portfolio-visual-link:hover+.portfolio-copy .title-link{text-decoration-color:currentColor}.portfolio-visual-link:hover+.portfolio-copy .portfolio-read-arrow{color:var(--color-brand-dark)}.portfolio-shell a:focus-visible{outline:2px solid var(--color-brand-dark);outline-offset:5px;border-radius:1px}.portfolio-entry--panorama .portfolio-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--portfolio-gap);align-items:start}.portfolio-entry--panorama .portfolio-summary{grid-column:2;grid-row:1 / 3;margin-top:.5rem;font-size:1.125rem;line-height:1.65}.portfolio-entry--panorama .portfolio-links{grid-column:1;margin-top:0;padding-left:2.5rem}.portfolio-entry--panorama .portfolio-name{max-width:18rem}.project-art{aspect-ratio:3 / 2;overflow:hidden;background:#f3f1ee}.project-art-screen{display:block;width:100%;height:100%;object-fit:contain}.project-art--sourcey{background:#f7f5f1}.project-art--runx{background:#0b0712}.project-art--frantic{background:oklch(.66 .25 1)}.project-art--ausca{background:#f7f5ef}.project-art--nitrosend{background:oklch(.975 .019 68)}.project-art--tommy{background:oklch(.97 .022 40)}.project-art--stompstart{background:#fcf8f2}.project-art--mailschema{background:#15161b}.project-art--wide{aspect-ratio:auto}.project-art--wide .project-art-screen{height:auto}.project-art--illustration{display:flex;flex-direction:column;align-items:flex-start;padding:1.75rem;gap:1rem}.project-art-wordmark{width:auto;height:1.5rem;max-width:45%;object-fit:contain;flex-shrink:0}.project-art--tommy .project-art-wordmark{height:2rem}.project-art--illustration .project-art-screen{min-height:0;flex:1}.project-art--wide.project-art--illustration{display:grid;grid-template-columns:.6fr 1.4fr;align-items:center;padding:clamp(1.5rem,4vw,3.5rem);gap:3rem}.project-art--wide .project-art-wordmark{width:100%;max-width:13rem;height:auto;justify-self:center}.project-art--wide.project-art--illustration .project-art-screen{max-height:32rem}.portfolio-outro{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--portfolio-rule);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:1rem}.portfolio-outro p{color:var(--portfolio-muted)}.portfolio-outro a{display:inline-flex;align-items:center;gap:.75rem;min-height:2.75rem}.project-detail{padding-top:2.5rem}.project-back{display:inline-flex;gap:.75rem;align-items:center;min-height:2.75rem;color:var(--portfolio-muted);font-size:.875rem}.project-back:hover{color:var(--portfolio-ink)}.project-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:start;padding-block:3rem 3.5rem}.project-detail-name{display:flex;align-items:center;gap:1rem}.project-detail-name .display-title{font-size:clamp(2.75rem,5vw,4rem)}.project-detail-name img{width:2.75rem;height:2.75rem;object-fit:contain;flex-shrink:0}.project-detail-line{margin-top:1.25rem;font-size:1rem;line-height:1.6;max-width:32ch;color:var(--portfolio-muted);text-wrap:pretty}.project-description{max-width:50ch;font-size:1.125rem;line-height:1.7;text-wrap:pretty}.project-visit{display:inline-flex;align-items:center;min-height:2.75rem;gap:1rem;margin-top:1.25rem;font-size:.875rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--portfolio-rule)}.project-visit:hover{color:var(--color-brand-dark);text-decoration-color:currentColor}.project-figure{margin:0}.project-figure figcaption{color:var(--portfolio-muted);max-width:75ch;font-size:.8125rem;line-height:1.6;margin-top:1rem}.project-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;margin-block:4.5rem}.project-story h2{font-size:1.75rem;letter-spacing:-.01em}.project-story section p{margin-top:1.25rem;color:var(--portfolio-muted);font-size:1rem;line-height:1.8;max-width:60ch}.project-story section a{display:inline-flex;align-items:center;min-height:2.75rem;gap:.75rem;color:var(--color-brand-dark);margin-top:.75rem;font-size:.875rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:color-mix(in oklch,var(--color-brand) 35%,transparent)}.project-story section a:hover{text-decoration-color:currentColor}.project-paths{border-top:1px solid var(--portfolio-rule);padding-top:2.5rem}.project-paths h2{font-size:1.5rem;letter-spacing:-.01em;margin-bottom:1.5rem}.project-paths ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;list-style:none;margin:0;padding:0}.project-paths a{display:inline-flex;align-items:center;min-height:2.75rem;gap:1rem;font-size:.9375rem;font-weight:500}.project-paths a:hover{color:var(--color-brand-dark)}.project-paths p{color:var(--portfolio-muted);font-size:.875rem;line-height:1.65;max-width:35ch}.project-related{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem 1.5rem;margin-top:2rem}.project-related p{max-width:none}.project-next{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center;border-top:1px solid var(--portfolio-rule);margin-top:4rem;padding-top:1.5rem}.project-next a{display:inline-flex;align-items:center;min-height:2.75rem;gap:.75rem;font-size:.875rem}.project-next a:not(.title-link):hover{color:var(--color-brand-dark)}.project-next .title-link:is(:hover,:focus-visible)>[aria-hidden=true]{color:var(--color-brand)}.project-next-label{color:var(--portfolio-muted);font-size:.8125rem;margin-right:.75rem}.project-next .display-title{font-size:1.5rem;letter-spacing:-.01em}.project-next img{width:1.5rem;height:1.5rem;object-fit:contain}.project-discovery{margin-top:4rem;padding-block:2rem;border-block:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:2rem}.project-discovery p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.75;max-width:47ch;margin-top:.6rem}.project-discovery>a{font-size:.8125rem;white-space:nowrap;color:var(--color-brand-dark)}@media(max-width:1023px){.portfolio-shell{--portfolio-gap: 2rem}.project-heading,.project-story{gap:2.5rem}.project-detail-name{gap:.75rem}.project-detail-name img{width:2.25rem;height:2.25rem}.project-art--illustration{padding:1.25rem}}@media(max-width:767px){.portfolio-shell{padding-inline:1.25rem}.portfolio-intro{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.75rem;padding-block:3.5rem 2.5rem}.portfolio-intro h1{font-size:3.5rem}.portfolio-intro>p{font-size:1rem;max-width:37ch}.portfolio-list{grid-template-columns:minmax(0,1fr);row-gap:3rem}.portfolio-copy{padding-top:1rem}.portfolio-entry--panorama .portfolio-copy{display:block}.portfolio-entry--panorama .portfolio-name{max-width:none}.portfolio-entry--panorama .portfolio-summary{font-size:1rem;line-height:1.7;margin-top:.55rem}.portfolio-entry--panorama .portfolio-links{margin-top:.65rem;padding-left:0}.project-art--illustration{padding:1.5rem}.project-art--wide.project-art--illustration{display:flex;align-items:flex-start;gap:1.5rem}.project-art--wide .project-art-wordmark{width:auto;height:1.5rem}.project-art--wide.project-art--tommy .project-art-wordmark{height:2rem}.project-art--wide.project-art--illustration .project-art-screen{width:100%;max-height:none}.project-detail{padding-top:1.5rem}.project-heading{grid-template-columns:minmax(0,1fr);gap:1.75rem;padding-block:2rem 2.5rem}.project-detail-name .display-title{font-size:3rem}.project-detail-line{margin-top:.75rem;max-width:40ch}.project-description{font-size:1.0625rem}.project-visit{margin-top:.75rem}.project-story{grid-template-columns:minmax(0,1fr);gap:2.5rem;margin-block:3rem}.project-story h2{font-size:1.5rem}.project-story section p{margin-top:.9rem;line-height:1.75}.project-paths{padding-top:2rem}.project-paths ul{grid-template-columns:minmax(0,1fr);gap:1rem}.project-related{margin-top:1.5rem;display:block}.project-next{margin-top:3rem}.project-next-label{display:none}.portfolio-outro{margin-top:3rem}.project-discovery{flex-direction:column;align-items:flex-start;gap:1.25rem}}