.project-artwork{--project-color:var(--surface);--project-ink:var(--ink);background:var(--project-color);color:var(--project-ink);isolation:isolate;aspect-ratio:1;border-radius:var(--radius-tile);position:relative;overflow:hidden;container-type:inline-size}.portfolio-section{padding-block:var(--section-space) var(--section-space)}.portfolio-heading{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.portfolio-heading h2{letter-spacing:var(--tracking);font-size:var(--type-body)}.portfolio-heading sup{font:var(--type-ui) var(--font-sans);letter-spacing:0;margin-left:var(--space-3);vertical-align:top;position:relative;top:.1875rem}.portfolio-heading>.eyebrow{color:var(--ink-muted);font-size:var(--type-ui)}.portfolio-toolbar{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--rule);margin-bottom:var(--space-4);display:flex}.portfolio-filters{gap:var(--space-2);display:flex}.portfolio-filters button{padding:var(--space-3) var(--space-4);gap:var(--space-3);transition:background var(--motion-ui), color var(--motion-ui);font-size:var(--type-ui);border-radius:var(--radius-control);min-height:var(--control-height);background:0 0;align-items:center;display:flex}.portfolio-filters button>span{font:var(--type-ui) var(--font-sans);opacity:1;color:inherit;font-variant-numeric:tabular-nums}.portfolio-filters button[aria-pressed=true]{background:var(--ink);color:var(--canvas)}.portfolio-filters button:hover:not([aria-pressed=true]){background:var(--surface)}.portfolio-views{gap:var(--space-1);display:flex}.portfolio-views button{width:var(--control-height);height:var(--control-height);color:var(--ink-muted);background:0 0;border-radius:50%;place-items:center;display:grid}.portfolio-views button[aria-pressed=true]{background:var(--surface);color:var(--ink)}.portfolio-bottom{justify-content:space-between;align-items:center;gap:var(--space-6);border-top:1px solid var(--rule);margin-top:var(--space-8);padding-top:var(--space-6);display:flex}.portfolio-bottom>.eyebrow{font-size:var(--type-ui);color:var(--ink-muted)}.portfolio-bottom>a{font-size:var(--type-ui);gap:var(--space-8);min-height:var(--control-height);align-items:center;display:flex}@media (width<48rem){.portfolio-section{padding-top:var(--space-16)}.portfolio-heading{margin-bottom:var(--space-6);align-items:flex-start}.portfolio-heading>.eyebrow{display:none}.portfolio-toolbar{gap:var(--space-2);padding-block:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.portfolio-filters{gap:0}.portfolio-filters button{padding:var(--space-3) var(--space-3);gap:var(--space-2)}.portfolio-filters button>span{font-size:var(--type-ui)}.portfolio-views{gap:0}.portfolio-views button{width:2.25rem;min-height:var(--control-height)}.portfolio-bottom{gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}.portfolio-bottom>a{font-size:var(--type-ui);gap:var(--space-6)}.portfolio-bottom>.eyebrow{font-size:var(--type-ui)}}@media (width<25rem){.portfolio-filters button{padding-inline:var(--space-3)}.portfolio-filters button>span{display:none}}.portfolio-views button{min-width:var(--control-height);min-height:var(--control-height)}.work-library{background:var(--canvas)}.work-library-intro h1{margin:0}.work-library-intro>p{max-width:34ch;margin:0 0 var(--space-2);font-size:var(--type-section);line-height:var(--leading-text);color:var(--ink-muted)}.work-library .portfolio-section{padding-top:var(--space-8)}.work-library .portfolio-heading{border-top:1px solid var(--rule);margin-bottom:var(--space-3);padding-top:var(--space-6)}.work-library .portfolio-heading h2{font:500 var(--type-body) / var(--leading-ui) var(--font-sans);letter-spacing:var(--tracking-text)}.work-library .portfolio-heading sup{font-size:var(--type-ui);margin-left:var(--space-3)}.work-library .portfolio-heading>span,.work-library .portfolio-bottom .eyebrow{font:500 var(--type-ui) / var(--leading-text) var(--font-sans);letter-spacing:normal;text-transform:none}@media (width<1024px){.work-library-intro{gap:var(--space-12)}}@media (width<768px){.work-library-intro{gap:var(--space-8);padding-block:var(--space-16) var(--space-12);grid-template-columns:1fr}.work-library .portfolio-heading>span{display:none}}.work-library .portfolio-toolbar{margin-bottom:var(--space-8);gap:var(--space-4);border:0;padding:0}:is(.portfolio-filters,.portfolio-views){isolation:isolate;padding:var(--space-1);border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--canvas);align-items:center;gap:0;display:flex;position:relative}:is(.portfolio-filters,.portfolio-views) button{z-index:1;width:auto;min-height:var(--control-height);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:var(--space-2);color:var(--ink-muted);transition:var(--transition-control);background:0 0;display:inline-flex;position:relative}:is(.portfolio-filters,.portfolio-views) button[aria-pressed=true]{background:var(--surface);color:var(--ink)}:is(.portfolio-filters,.portfolio-views)[data-switch-ready=true] button[aria-pressed=true]{background:0 0}:is(.portfolio-filters,.portfolio-views) button:hover:not([aria-pressed=true]){color:var(--ink);background:0 0}.portfolio-switch-marker{z-index:0;left:0;top:var(--space-1);bottom:var(--space-1);background:var(--surface);border-radius:var(--radius-pill);pointer-events:none;width:0;position:absolute}.portfolio-views svg{width:var(--type-section);height:var(--type-section)}.work-library-intro{isolation:isolate;padding:var(--space-16) 0;background:0 0;border:0;border-radius:0;align-items:center;min-height:32.5rem;margin-top:0;display:flex;position:relative;overflow:hidden}.work-library-copy{z-index:1;max-width:50%;position:relative}.work-library-copy h1{margin-bottom:var(--space-6)}.work-library-copy>p{font-size:var(--type-body);color:var(--ink-muted);max-width:36ch}.work-library-copy>.button{margin-top:var(--space-8)}.work-library-intro .work-library-scene{z-index:0;opacity:.72;pointer-events:none;width:70%;margin:auto;position:absolute;inset:0 auto 0 38%;mask-image:radial-gradient(at 50% 48%,#000 26%,#0000 72%)}@media (width<64rem){.work-library-intro{padding:var(--space-12) 0;min-height:28.75rem}}@media (width<48rem){.work-library-intro{padding:var(--space-12) 0 0;flex-direction:column;align-items:stretch;min-height:0;display:flex}.work-library-copy{max-width:100%}.work-library-copy>p{max-width:30ch}.work-library-intro .work-library-scene{width:min(100%,30rem);margin:var(--space-6) auto 0;opacity:.95;order:2;position:relative;inset:auto;mask-image:radial-gradient(at 50% 48%,#000 40%,#0000 78%)}}@media (width<40rem){.work-library .portfolio-toolbar{gap:var(--space-3);flex-wrap:wrap}.portfolio-filters{flex:100%;justify-content:space-between}.portfolio-filters button{padding-inline:var(--space-2);justify-content:center;gap:var(--space-2);flex:1}.portfolio-views{margin-left:auto}.portfolio-views button{min-height:var(--control-height);padding:var(--space-2) var(--space-3)}}@media (prefers-reduced-motion:reduce){:is(.portfolio-filters,.portfolio-views) button{transition:none}}.work-library .portfolio-bottom [data-project-count]{font-size:var(--type-ui);color:var(--ink-muted)}@media (width>=48rem){.portfolio-section .project-grid[data-layout=grid]{gap:var(--space-16) var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr))}.project-grid[data-layout=grid] .project-card:nth-child(4n+1){grid-column:1/span 7}.project-grid[data-layout=grid] .project-card:nth-child(4n+2){grid-column:8/span 5}.project-grid[data-layout=grid] .project-card:nth-child(4n+3){grid-column:1/span 5}.project-grid[data-layout=grid] .project-card:nth-child(4n){grid-column:6/span 7}.project-grid[data-layout=grid] .project-cover--library .project-cover-media{aspect-ratio:auto;height:clamp(15rem,26vw,29rem)}.project-grid[data-layout=grid] .project-card:is(:nth-child(4n+1),:nth-child(4n)) :is(.project-artwork,.project-cover,.project-art-link){border-radius:var(--radius-feature)}}