.work-page{--page-bg:#efede7;--page-ink:#171917;--page-muted:#1719178f;--page-faint:#17191757;--page-rule:#17191729;--page-inset:clamp(1.5rem, 3.2vw, 3.25rem);--grid-gap:clamp(.7rem, 1vw, 1.125rem);background:var(--page-bg);min-height:100svh;color:var(--page-ink);font-kerning:normal;font-optical-sizing:auto;font-synthesis:none;font-family:Instrument Sans,system-ui,sans-serif;overflow:clip}.work-page ::selection{background:color-mix(in srgb, var(--project-accent) 38%, transparent)}.work-shell{width:100%;padding-inline:var(--page-inset)}.work-grid{column-gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.technical-label{letter-spacing:.05em;text-transform:uppercase;font-variant-numeric:tabular-nums;margin:0;font-family:Commit Mono,ui-monospace,monospace;font-size:clamp(.6875rem,.74vw,.8125rem);font-weight:400;line-height:1.2}.project-cover{padding-top:clamp(1.5rem,2.6vw,2.75rem)}.project-cover__nav{align-items:center}.project-back{width:fit-content;color:var(--page-muted);grid-column:1/span 3;text-decoration:none;transition:color .18s}.project-back:hover,.project-back:focus-visible{color:var(--page-ink)}.project-position{color:var(--page-faint);grid-column:11/13;justify-self:end}.project-cover__heading{margin-top:clamp(6rem,12vh,9.5rem)}.project-cover__eyebrow{color:var(--page-muted);grid-column:1/5;margin-bottom:clamp(1.5rem,3vw,2.75rem)}.project-cover h1{letter-spacing:-.045em;grid-column:1/11;max-width:10ch;margin:0;font-size:clamp(4.5rem,9vw,9.75rem);font-weight:500;line-height:.88}.project-cover__title-mask{margin:-.1em -.08em -.14em -.04em;padding:.1em .08em .14em .04em;display:block;overflow:clip}.project-cover__title-mask>span{display:block}.project-cover__summary{align-items:start;margin-top:clamp(3.25rem,6vw,6.5rem)}.project-cover__copy{grid-column:1/6}.project-cover__thesis{letter-spacing:-.02em;max-width:37ch;margin:0;font-size:clamp(1.25rem,1.65vw,1.75rem);font-weight:400;line-height:1.28}.project-cover__description{max-width:52ch;color:var(--page-muted);letter-spacing:-.012em;margin:1.5rem 0 0;font-size:clamp(1rem,1.08vw,1.1875rem);line-height:1.5}.project-cover__meta-group{grid-column:8/13}.project-meta{gap:var(--grid-gap);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.project-cover__year{border-top:1px solid var(--page-rule);color:var(--page-faint);margin-top:clamp(1.75rem,2.6vw,2.5rem);padding-top:1rem}.project-meta div{min-width:0}.project-meta dt{color:var(--page-faint);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .6rem;font-family:Commit Mono,ui-monospace,monospace;font-size:clamp(.65625rem,.68vw,.75rem)}.project-meta dd{letter-spacing:-.015em;margin:0;font-size:clamp(.9375rem,1vw,1.125rem);line-height:1.35}.project-links{column-gap:var(--grid-gap);border-top:1px solid var(--page-rule);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(1.75rem,2.6vw,2.5rem);display:grid}.project-links a{min-height:clamp(4rem,5.2vw,5rem);color:var(--page-ink);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;padding-block:clamp(.9rem,1.25vw,1.15rem);text-decoration:none;display:grid;position:relative}.project-links a:after{background:color-mix(in srgb, var(--project-accent) 48%, var(--page-rule));content:"";transform-origin:0;height:1px;transition:transform .32s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(.14)}.project-links a:last-child:nth-child(odd){grid-column:1/-1}.project-links a:nth-child(2n){padding-left:var(--grid-gap)}.project-links a:nth-child(2n):before{background:var(--page-rule);content:"";width:1px;position:absolute;top:.9rem;bottom:.9rem;left:0}.project-link__kind{color:var(--page-faint);letter-spacing:.05em;text-transform:uppercase;align-self:start;font-family:Commit Mono,ui-monospace,monospace;font-size:clamp(.65625rem,.68vw,.75rem);line-height:1.2}.project-link__action{letter-spacing:-.015em;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:.6rem;font-size:clamp(.9375rem,1vw,1.125rem);line-height:1.2;display:flex}.project-link__arrow{color:color-mix(in srgb, var(--project-accent) 72%, var(--page-ink));font-size:.86em;transition:transform .26s cubic-bezier(.22,1,.36,1)}.project-links a:hover:after,.project-links a:focus-visible:after{transform:scaleX(1)}.project-links a:hover .project-link__arrow,.project-links a:focus-visible .project-link__arrow{transform:translate(.14em,-.14em)}.project-cover__media{margin-top:clamp(3.5rem,5.5vw,6rem)}@media (prefers-reduced-motion:no-preference){.project-cover__nav,.project-cover__eyebrow{animation:.36s cubic-bezier(.22,1,.36,1) 60ms both project-cover-meta-in}.project-cover__title-mask>span{animation:.54s cubic-bezier(.22,1,.36,1) .15s both project-cover-title-in}.project-cover__summary{animation:.42s cubic-bezier(.22,1,.36,1) .47s both project-cover-copy-in}.project-cover__media{animation:.5s cubic-bezier(.22,1,.36,1) .63s both project-cover-media-in}}@keyframes project-cover-meta-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes project-cover-title-in{0%{opacity:0;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}@keyframes project-cover-copy-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes project-cover-media-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.project-figure{margin:0}.project-figure__media{aspect-ratio:var(--source-aspect);background:radial-gradient(circle at 22% 24%, color-mix(in srgb, var(--figure-accent) 18%, transparent), transparent 38%), #d8d5ce;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-figure__media:after{content:"";pointer-events:none;border:1px solid #17191717;position:absolute;inset:0}.project-figure__media picture{display:contents}.project-figure__image{object-fit:contain;width:100%;height:auto}.project-cover__media .project-figure__media,.project-cover__media .project-figure__caption{width:min(100%, var(--hero-media-measure,100%), var(--source-width));margin-inline:auto}.project-cover__media.project-figure--wide{--hero-media-measure:100rem}.project-cover__media.project-figure--landscape{--hero-media-measure:86rem}.project-cover__media.project-figure--standard{--hero-media-measure:76rem}.project-figure__caption{color:var(--page-faint);letter-spacing:.045em;text-transform:uppercase;grid-template-columns:auto 1fr;gap:1.4rem;margin-top:.8rem;font-family:Commit Mono,ui-monospace,monospace;font-size:clamp(.65625rem,.68vw,.75rem);line-height:1.35;display:grid}.project-map-sentinel{pointer-events:none;height:1px;margin-top:clamp(1.75rem,3vw,3rem);margin-bottom:-1px}.project-map{z-index:30;background:var(--page-bg);transition:box-shadow .32s cubic-bezier(.22,1,.36,1);position:sticky;top:0}.project-map[data-stuck]{box-shadow:0 1.4rem 2.4rem -2.4rem #17191747}.project-map ol{--project-map-indicator-x:0px;--project-map-indicator-width:calc((100% - (var(--grid-gap) * 4)) / 5);gap:var(--grid-gap);border-top:1px solid var(--page-rule);border-bottom:1px solid var(--page-rule);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:1.15rem 0 1.2rem;list-style:none;display:grid;position:relative}.project-map ol:after{width:var(--project-map-indicator-width);background:var(--page-ink);content:"";pointer-events:none;height:2px;transform:translateX(var(--project-map-indicator-x));transform-origin:0;transition:transform .46s cubic-bezier(.22,1,.36,1),width .46s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:0}.project-map a{color:var(--page-faint);align-items:baseline;gap:clamp(.75rem,1.2vw,1.3rem);text-decoration:none;transition:color .26s cubic-bezier(.22,1,.36,1);display:flex}.project-map a:hover,.project-map a:focus-visible,.project-map a[aria-current=location]{color:var(--page-ink)}.project-map a span{transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.project-map a:not([aria-current=location]) span:last-child{opacity:.72}.project-map a[aria-current=location] span:last-child{transform:translateY(-.06em)}.project-map a span:first-child{font-variant-numeric:tabular-nums;font-family:Commit Mono,ui-monospace,monospace;font-size:.6875rem}.project-map a span:last-child{letter-spacing:-.015em;font-size:clamp(.875rem,.92vw,1rem)}.project-story{padding-top:clamp(7.5rem,11vw,12rem)}.story-section{scroll-margin-top:clamp(6.5rem,9vw,8rem)}.story-section+.story-section{margin-top:clamp(8.5rem,12vw,14rem)}.section-marker{color:var(--page-faint);grid-column:1/3;padding-top:.65rem}.section-copy{grid-column:4/11}.section-copy h2{letter-spacing:-.035em;max-width:14ch;margin:0;font-size:clamp(2.75rem,4.8vw,4.875rem);font-weight:500;line-height:.94}.body-copy{width:min(100%,42rem);margin-top:clamp(2rem,3vw,3rem)}.body-copy p,.decision-note>p:last-child{letter-spacing:-.012em;margin:0;font-size:clamp(1.0625rem,1.2vw,1.25rem);font-weight:400;line-height:1.5}.body-copy p+p{margin-top:1.4em}.body-copy--compact{max-width:36rem}.story-media{column-gap:var(--grid-gap);margin-inline:calc(var(--page-inset) * -1);padding-inline:var(--page-inset);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.story-media--product{margin-top:clamp(3.25rem,5vw,5rem)}.story-media--product .project-figure__media,.story-media--product .project-figure__caption{grid-column:4/12;width:100%}.story-media .project-figure__caption{margin-top:.8rem}.story-media .project-figure__media,.story-media .project-figure__caption{max-width:var(--source-width);justify-self:center}.story-media--system{margin-top:clamp(5rem,8vw,8rem)}.story-media--system .project-figure__media,.story-media--system .project-figure__caption{grid-column:2/13;width:100%}.story-media--system.project-figure--wide .project-figure__media,.story-media--system.project-figure--wide .project-figure__caption{grid-column:2/12}.story-media--detail,.story-media--planning{margin-top:clamp(4rem,6.5vw,6.5rem)}.story-media--detail .project-figure__media,.story-media--detail .project-figure__caption,.story-media--planning .project-figure__media,.story-media--planning .project-figure__caption{grid-column:2/12;width:100%}.story-media--planning .project-figure__media,.story-media--planning .project-figure__caption{grid-column:3/12}.story-section--source .section-copy,.story-section--open-source .section-copy{grid-column:4/12}.story-section--source .section-copy h2,.story-section--open-source .section-copy h2{max-width:16ch}.story-section--source .body-copy,.story-section--open-source .body-copy{width:min(100%,46rem)}.section-links{gap:var(--grid-gap);border-top:1px solid var(--page-rule);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(3rem,5vw,5rem);display:grid}.section-links a{border-bottom:1px solid color-mix(in srgb, var(--project-accent) 48%, var(--page-rule));min-height:5rem;color:var(--page-ink);grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding-block:1rem;text-decoration:none;display:grid}.section-links a:only-child{grid-column:1/-1}.section-link__kind{color:var(--page-faint);letter-spacing:.05em;text-transform:uppercase;grid-column:1/-1;font-family:Commit Mono,ui-monospace,monospace;font-size:clamp(.65625rem,.68vw,.75rem)}.section-link__action{grid-column:1/-1;justify-content:space-between;align-items:baseline;font-size:clamp(.9375rem,1vw,1.125rem);display:flex}.section-link__arrow{color:color-mix(in srgb, var(--project-accent) 72%, var(--page-ink));transition:transform .26s cubic-bezier(.22,1,.36,1)}.section-links a:hover .section-link__arrow,.section-links a:focus-visible .section-link__arrow{transform:translate(.14em,-.14em)}.decision-notes{margin-top:clamp(3.75rem,5.5vw,5.5rem)}.decision-note{border-top:1px solid var(--page-rule);padding-top:1rem}.decision-note>.technical-label{color:var(--page-faint);margin-bottom:1.15rem}.decision-note>p:last-child{color:var(--page-muted);font-size:clamp(.9375rem,1vw,1.0625rem)}.decision-note--decision{grid-column:4/7}.decision-note--tradeoff{grid-column:7/10}.decision-note--evidence{grid-column:10/13}.detail-evidence-wrap{margin-top:clamp(4rem,6.5vw,6.5rem)}.detail-evidence-wrap__inner{grid-column:4/12}.detail-evidence{margin:0}.detail-evidence__field{column-gap:var(--grid-gap);border-top:1px solid var(--page-rule);border-bottom:1px solid var(--page-rule);grid-template-columns:repeat(10,minmax(0,1fr));align-items:start;padding-block:1.25rem 1.4rem;display:grid}.detail-evidence__crop{aspect-ratio:4/3;background:radial-gradient(circle at 75% 22%, color-mix(in srgb, var(--figure-accent) 14%, transparent), transparent 34%), #d8d5ce;grid-column:1/7;position:relative;overflow:hidden}.detail-evidence__crop:after{content:"";border:1px solid #17191714;position:absolute;inset:0}.detail-evidence__figure,.detail-evidence__placeholder,.detail-evidence__annotation{letter-spacing:.045em;text-transform:uppercase;font-family:Commit Mono,ui-monospace,monospace;font-size:clamp(.65625rem,.68vw,.75rem);line-height:1.3}.detail-evidence__figure,.detail-evidence__placeholder{z-index:1;color:#1719176b;position:absolute}.detail-evidence__figure{top:1rem;left:1rem}.detail-evidence__placeholder{bottom:1rem;right:1rem}.detail-evidence__notes{grid-column:8/11;gap:clamp(2.25rem,4vw,4rem);display:grid}.detail-evidence__annotation{border-top:1px solid var(--page-rule);color:var(--page-faint);padding-top:.8rem}.detail-evidence__annotation>span{margin-bottom:.75rem;display:block}.detail-evidence__annotation p{color:var(--page-muted);letter-spacing:-.01em;text-transform:none;margin:0;font-family:Instrument Sans,system-ui,sans-serif;font-size:clamp(.875rem,.92vw,1rem);line-height:1.45}.detail-evidence__caption{color:var(--page-faint);letter-spacing:.045em;text-transform:uppercase;grid-template-columns:auto 1fr;gap:1.4rem;margin-top:.8rem;font-family:Commit Mono,ui-monospace,monospace;font-size:clamp(.65625rem,.68vw,.75rem);line-height:1.35;display:grid}.current-state-facts{gap:var(--grid-gap);border-top:1px solid var(--page-rule);border-bottom:1px solid var(--page-rule);grid-column:4/13;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(4rem,6vw,6rem) 0 0;padding-block:1.15rem 1.35rem;display:grid}.current-state-facts div{min-width:0}.current-state-facts dt{color:var(--page-faint);letter-spacing:.05em;text-transform:uppercase;margin:0 0 1.1rem;font-family:Commit Mono,ui-monospace,monospace;font-size:clamp(.65625rem,.68vw,.75rem)}.current-state-facts dd{letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,2.15vw,2.25rem);font-weight:500;line-height:1}.current-state-reflection{color:var(--page-muted);letter-spacing:-.012em;grid-column:4/9;margin:clamp(2.75rem,4vw,4rem) 0 0;font-size:clamp(1.0625rem,1.2vw,1.25rem);line-height:1.5}.project-credits{margin-top:clamp(8rem,11vw,12rem)}.project-credits .work-grid{border-top:1px solid var(--page-rule);padding-top:1.25rem}.project-credits__label{color:var(--page-faint);grid-column:1/3}.project-credits__item{flex-direction:column;gap:.6rem;display:flex}.project-credits__item:nth-child(2){grid-column:4/7}.project-credits__item:nth-child(3){grid-column:8/10}.project-credits__item:nth-child(4){grid-column:11/13}.project-credits__item .technical-label{color:var(--page-faint)}.project-credits__item>span:last-child{letter-spacing:-.015em;font-size:clamp(.9375rem,1vw,1.125rem)}.next-project{margin-top:clamp(7rem,10vw,11rem);padding-bottom:clamp(3rem,6vw,6rem)}.next-project a{border-top:1px solid var(--page-rule);color:var(--page-ink);padding-top:1.15rem;text-decoration:none;display:block}.next-project__meta{color:var(--page-faint);justify-content:space-between;display:flex}.next-project__title-row{letter-spacing:-.045em;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:clamp(2.5rem,5vw,5rem);font-size:clamp(4rem,8.6vw,9.25rem);font-weight:500;line-height:.88;display:flex}.next-project__title-row>span:last-child{font-size:.48em;font-weight:400;transition:transform .26s cubic-bezier(.22,1,.36,1)}.next-project a:hover .next-project__title-row>span:last-child,.next-project a:focus-visible .next-project__title-row>span:last-child{transform:translate(.16em,-.16em)}.project-back:focus-visible,.project-links a:focus-visible,.section-links a:focus-visible,.project-map a:focus-visible,.next-project a:focus-visible{outline-offset:.35rem;outline:1px solid}@media (prefers-reduced-motion:reduce){.project-map,.project-map a,.project-map a span,.project-map ol:after,.project-links a:after,.section-link__arrow,.project-link__arrow{transition-duration:.01ms}}@media (width<=1200px){.story-media--product .project-figure__media,.story-media--product .project-figure__caption{grid-column:3/12}}@media (width<=980px){.project-cover__copy{grid-column:1/7}.project-cover__meta-group{grid-column:8/13}.project-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.project-meta dt{margin-bottom:.25rem}.section-copy{grid-column:4/12}.story-media--product .project-figure__media,.story-media--product .project-figure__caption,.story-media--detail .project-figure__media,.story-media--detail .project-figure__caption,.story-media--planning .project-figure__media,.story-media--planning .project-figure__caption{grid-column:2/13}.story-media--system .project-figure__media,.story-media--system .project-figure__caption{grid-column:1/13}.decision-note--decision{grid-column:4/8}.decision-note--tradeoff{grid-column:8/12}.decision-note--evidence{grid-column:4/8;margin-top:2.5rem}.detail-evidence-wrap__inner{grid-column:4/13}.current-state-facts{grid-column:4/12}}@media (width<=720px){.work-page{--page-inset:1.25rem;--grid-gap:.6rem}.project-back{grid-column:1/7}.project-position{grid-column:9/13}.project-cover__heading{margin-top:5rem}.project-cover__eyebrow,.project-cover h1,.project-cover__copy,.project-cover__meta-group,.section-copy{grid-column:1/13}.project-cover h1{max-width:9ch;font-size:clamp(3.75rem,19vw,6.5rem)}.project-cover__summary{margin-top:2.75rem}.project-cover__media{margin-inline:calc(var(--page-inset) * -1)}.project-cover__media .project-figure__caption{width:100%;padding-inline:var(--page-inset)}.project-cover__thesis{max-width:30ch}.project-meta{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:3rem}.section-links,.project-links{grid-template-columns:1fr}.project-links a:nth-child(2n){padding-left:0}.project-links a:nth-child(2n):before{display:none}.project-map ol{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.2rem}.project-map ol:after{display:none}.story-section{scroll-margin-top:10rem}.project-story{padding-top:7rem}.story-section+.story-section{margin-top:7.5rem}.section-marker{grid-column:1/13;margin-bottom:1.75rem;padding-top:0}.section-copy h2{max-width:12ch}.story-media--product .project-figure__media,.story-media--product .project-figure__caption,.story-media--system .project-figure__media,.story-media--system .project-figure__caption,.story-media--detail .project-figure__media,.story-media--detail .project-figure__caption,.story-media--planning .project-figure__media,.story-media--planning .project-figure__caption,.decision-note--decision,.decision-note--tradeoff,.decision-note--evidence{grid-column:1/13}.decision-note--tradeoff,.decision-note--evidence{margin-top:2.5rem}.detail-evidence-wrap__inner,.current-state-facts,.current-state-reflection{grid-column:1/13}.detail-evidence__field{grid-template-columns:1fr;row-gap:2.25rem}.detail-evidence__crop,.detail-evidence__notes{grid-column:1}.current-state-facts{grid-template-columns:1fr;gap:2rem}.project-credits__label{grid-column:1/13;margin-bottom:2rem}.project-credits__item:nth-child(2),.project-credits__item:nth-child(3),.project-credits__item:nth-child(4){border-top:1px solid var(--page-rule);grid-column:1/13;grid-template-columns:minmax(7rem,.7fr) 1fr;gap:1rem;padding-top:.9rem;display:grid}.next-project__title-row{font-size:clamp(3.75rem,17vw,6rem)}}