@font-face{font-family:Young Serif;src:url(/fonts/young-serif/YoungSerif-Variable-Roman.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:300 700}@font-face{font-family:Young Serif;src:url(/fonts/young-serif/YoungSerif-Variable-Italic.woff2)format("woff2");font-display:swap;font-style:italic;font-weight:300 700}@font-face{font-family:"Junicode 2";src:url(/fonts/junicode-2/Junicode2-Variable-Roman.woff2)format("woff2");font-display:swap;font-stretch:75% 125%;font-style:normal;font-weight:300 700}@font-face{font-family:"Junicode 2";src:url(/fonts/junicode-2/Junicode2-Variable-Italic.woff2)format("woff2");font-display:swap;font-stretch:75% 125%;font-style:italic;font-weight:300 700}@font-face{font-family:Familjen Grotesk;src:url(/fonts/familjen-grotesk/FamiljenGrotesk-Variable-Roman.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400 700}@font-face{font-family:Familjen Grotesk;src:url(/fonts/familjen-grotesk/FamiljenGrotesk-Variable-Italic.woff2)format("woff2");font-display:swap;font-style:italic;font-weight:400 700}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans-ui:"Familjen Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif-body:"Junicode 2", Georgia, serif;--font-serif-display:"Young Serif", Georgia, serif;font-family:var(--font-sans-ui);--motion-route-ease:cubic-bezier(.22, 1, .36, 1);--motion-route-ease-in:cubic-bezier(.4, 0, .2, 1);--motion-route-enter:.34s;--motion-route-exit:.15s;--motion-route-stagger:48ms;--motion-project-load-chrome-duration:.9s;--motion-project-load-chrome-ease:cubic-bezier(.4, 0, .2, 1);--motion-project-load-stage-duration:.65s;--motion-project-load-stage-delay:60ms;--motion-project-load-stage-ease:cubic-bezier(.4, 0, .2, 1);--motion-project-load-title-duration:.36s;--motion-project-load-title-delay:.18s;--motion-project-load-title-ease:cubic-bezier(.26, .22, .31, 1.24);--motion-project-switch-exit-duration:.15s;--motion-project-switch-exit-ease:cubic-bezier(.4, 0, .2, 1);--motion-project-switch-stage-duration:.5s;--motion-project-switch-stage-ease:cubic-bezier(.4, 0, .2, 1);--motion-project-switch-title-duration:.35s;--motion-project-switch-title-delay:.11s;--motion-project-switch-title-ease:cubic-bezier(.26, .22, .31, 1.24);--motion-project-progress-marker-duration:90ms;--motion-project-progress-marker-stagger:.12s}*{box-sizing:border-box}html{color:#000;background:#fff}body{margin:0}a{color:#000;text-decoration:underline}main{max-width:1180px;margin:0 auto;padding:48px 24px}section,article{margin:0 0 48px}h1,h2,h3,p,li{max-width:72ch}h1{margin:0 0 16px;font-size:2.25rem;line-height:1.1}h2{margin:32px 0 12px;font-size:1.5rem;line-height:1.2}p,li{line-height:1.6}ul{padding-left:1.25rem}.home-page{padding-top:clamp(72px,12vw,160px);padding-bottom:clamp(36px,6vw,72px)}.teaser-home{flex-direction:column;min-height:100svh;padding-top:clamp(72px,12vw,160px);padding-bottom:clamp(36px,6vw,72px);display:flex}.teaser-projects{margin-bottom:clamp(56px,5vw,72px)}.teaser-projects h2{color:#555;letter-spacing:.025em;text-align:left;width:100%;max-width:none;margin:0 0 clamp(28px,3vw,40px);font-size:clamp(.95rem,1.2vw,1.1rem);font-weight:600}.teaser-project-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(64px,8vw,96px) clamp(64px,10vw,160px);display:grid}.teaser-project-group{border-top:1px solid #c9c9c9;min-width:0;padding-top:clamp(14px,1.5vw,20px)}.teaser-project-list{row-gap:clamp(18px,2vw,26px);margin:0;padding:0;list-style:none;display:grid}.teaser-project-list li{font-family:var(--font-serif-display);text-align:left;text-wrap:balance;font-size:clamp(1.45rem,2.5vw,2.15rem);font-weight:400;line-height:1.04}.teaser-project-list a{color:inherit;text-decoration:none}.teaser-project-list a:after{content:"↗";color:#555;font-family:var(--font-serif-display);opacity:0;transform-origin:50%;vertical-align:middle;margin-left:.34em;font-size:.6em;line-height:1;transition:opacity .12s ease-out,transform .14s ease-out;display:inline-block;transform:translateY(-.02em)scale(.82)}.teaser-project-list a:hover{text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:1px}.teaser-project-list a:hover:after,.teaser-project-list a:focus-visible:after{opacity:1;transform:translateY(-.02em)scale(1.14)}.teaser-project-list a:focus-visible{outline-offset:5px;outline:2px solid}.home-page--loading .home-intro,.home-page--loading .recent-work,.home-page--loading .home-experiments,.home-page--loading .site-footer{opacity:0;transform:scale(.985)}.home-page--loaded .home-intro{animation:homeLoadIntro .52s var(--motion-route-ease) 40ms both}.home-page--loaded .recent-work{animation:homeLoadRecentWork .46s var(--motion-route-ease) .23s both}.home-page--loaded .home-experiments,.home-page--loaded .site-footer{animation:homeLoadRecentWork .46s var(--motion-route-ease) .33s both}.home-intro{text-align:center;margin:0 auto clamp(72px,12vw,140px)}.home-intro h1{letter-spacing:0;max-width:9ch;margin:0 auto 36px;font-size:clamp(4rem,12vw,8.5rem);font-weight:500;line-height:.9}.home-intro p{font-family:var(--font-serif-body);max-width:34em;margin:0 auto;font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.45}.recent-work,.home-experiments{margin-bottom:clamp(96px,14vw,180px)}.recent-work h2,.home-experiments h2{text-align:center;width:100%;max-width:none;margin:0 0 clamp(32px,6vw,72px);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:500}.project-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(54px,8vw,112px) clamp(28px,6vw,76px);display:grid}.project-link,.project-link__title{display:block}.project-link{--stack-color-1:#dad2c1;--stack-color-2:#c8d7cf;--stack-color-3:#d7c5ba;--stack-color-4:#c9ccdb;--stack-color-5:#e0dfd7;transition:opacity var(--motion-route-exit) var(--motion-route-ease-in), transform var(--motion-route-exit) var(--motion-route-ease-in);grid-column:span 2;text-decoration:none}.project-link:nth-child(2n){--stack-color-1:#d6d9c5;--stack-color-2:#c7d3dc;--stack-color-3:#d7cbc0;--stack-color-4:#d9d1dc;--stack-color-5:#e3dfce}.project-link:nth-child(3n){--stack-color-1:#d7cec4;--stack-color-2:#d4d8c7;--stack-color-3:#c8d5d5;--stack-color-4:#d7c6c6;--stack-color-5:#e1ddd5}.project-link:nth-child(4){grid-column:2/span 2}.project-link:nth-child(5){grid-column:4/span 2}.experiment-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(54px,8vw,112px) clamp(28px,6vw,76px);display:grid}.experiment-card{--stack-color-1:#d6d9c5;--stack-color-2:#c7d3dc;--stack-color-3:#d7cbc0;--stack-color-4:#d9d1dc;--stack-color-5:#e3dfce;color:#000;grid-column:span 2;margin:0;text-decoration:none;display:block}.experiment-card:first-child{grid-column:2/span 2}.experiment-card:nth-child(2){--stack-color-1:#d7cec4;--stack-color-2:#d4d8c7;--stack-color-3:#c8d5d5;--stack-color-4:#d7c6c6;--stack-color-5:#e1ddd5;grid-column:4/span 2}.experiment-card__title{font-family:var(--font-serif-display);text-align:center;margin:18px 0 0;font-size:1rem;font-weight:400;display:block}.experiment-card:focus-visible{outline-offset:8px;outline:2px solid #000}.site-footer{font-family:var(--font-serif-body);max-width:var(--project-mega-width,1180px);border-top:1px solid #bdbdbd;grid-template-columns:1fr auto auto;align-items:baseline;gap:16px 24px;width:100%;margin:0 auto;padding-top:18px;font-size:.875rem;display:grid}.site-footer button{appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.site-footer__links{flex-wrap:wrap;gap:8px 20px;display:flex}.site-footer__links a,.site-footer__links button{color:#000;font:inherit;text-underline-offset:.14em;text-decoration:underline}.site-footer__links a:focus-visible,.site-footer__links button:focus-visible{outline-offset:4px;outline:2px solid #000}.experiment-page{min-height:100svh;padding-top:clamp(20px,3vw,40px);padding-bottom:clamp(36px,6vw,72px)}.experiment-page__chrome{justify-content:space-between;align-items:start;display:flex}.experiment-page__chrome a{line-height:1;text-decoration:none}.experiment-page__chrome nav{gap:clamp(18px,2.5vw,36px);display:flex}.experiment-page__landing{grid-template-columns:minmax(280px,1fr) minmax(300px,.9fr);align-items:center;gap:clamp(48px,8vw,112px);min-height:min(680px,68svh);margin:clamp(96px,14vw,180px) 0;display:grid}.experiment-page__stack{--stack-color-1:#d6d9c5;--stack-color-2:#c7d3dc;--stack-color-3:#d7cbc0;--stack-color-4:#d9d1dc;--stack-color-5:#e3dfce}.experiment-page__stack .project-stack{max-width:min(420px,72vw)}.experiment-page__copy>p:first-child{font-family:var(--font-sans-ui);margin:0 0 20px;font-size:.875rem}.experiment-page__copy h1{font-family:var(--font-serif-display);max-width:8ch;margin:0 0 clamp(32px,5vw,56px);font-size:clamp(4rem,9vw,8rem);font-weight:400;line-height:.9}.experiment-page__copy p:not(:first-child){font-family:var(--font-serif-body);max-width:30em;margin:0 0 18px;font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.45}.project-link__title{font-family:var(--font-serif-display);text-align:center;margin-top:18px;font-size:1rem}.project-stack{aspect-ratio:1;max-width:260px;margin:0 auto;display:block;position:relative}.project-stack__layer{border:2px solid #000;width:76%;height:76%;transition:transform .22s,background-color .22s;display:block;position:absolute;top:12%;left:12%}.project-stack__layer[data-layer="0"]{background:var(--stack-color-1);transform:translate(-13%,-5%)rotate(-7deg)}.project-stack__layer[data-layer="1"]{background:var(--stack-color-2);transform:translate(9%,-8%)rotate(5deg)}.project-stack__layer[data-layer="2"]{background:var(--stack-color-3);transform:translate(13%,9%)rotate(-3deg)}.project-stack__layer[data-layer="3"]{background:var(--stack-color-4);transform:translate(-9%,11%)rotate(4deg)}.project-stack__layer[data-layer="4"]{background:var(--stack-color-5);transform:translate(0)rotate(0)}.project-link:focus-visible{outline-offset:8px;outline:2px solid #000}.project-link:hover .project-stack__layer[data-layer="0"],.project-link:focus-visible .project-stack__layer[data-layer="0"]{transform:translate(-18%,-10%)rotate(-10deg)}.project-link:hover .project-stack__layer[data-layer="1"],.project-link:focus-visible .project-stack__layer[data-layer="1"]{transform:translate(14%,-13%)rotate(8deg)}.project-link:hover .project-stack__layer[data-layer="2"],.project-link:focus-visible .project-stack__layer[data-layer="2"]{transform:translate(18%,14%)rotate(-5deg)}.project-link:hover .project-stack__layer[data-layer="3"],.project-link:focus-visible .project-stack__layer[data-layer="3"]{transform:translate(-14%,16%)rotate(6deg)}.project-link:hover .project-stack__layer[data-layer="4"],.project-link:focus-visible .project-stack__layer[data-layer="4"]{transform:translateY(-4%)rotate(0)}.experiment-card:hover .project-stack__layer[data-layer="0"]{transform:translate(-18%,-10%)rotate(-10deg)}.experiment-card:hover .project-stack__layer[data-layer="1"]{transform:translate(14%,-13%)rotate(8deg)}.experiment-card:hover .project-stack__layer[data-layer="2"]{transform:translate(18%,14%)rotate(-5deg)}.experiment-card:hover .project-stack__layer[data-layer="3"]{transform:translate(-14%,16%)rotate(6deg)}.experiment-card:hover .project-stack__layer[data-layer="4"]{transform:translateY(-4%)rotate(0)}html.route-transitioning--home-to-project .home-intro,html.route-transitioning--home-to-project .recent-work h2{opacity:.62;transition:opacity var(--motion-route-exit) var(--motion-route-ease-in), transform var(--motion-route-exit) var(--motion-route-ease-in);transform:scale(.992)}html.route-transitioning--home-to-project .project-link{opacity:.34;transform:scale(.985)}.home-page--from-project .home-intro{animation:homeIntroFromProject var(--motion-route-enter) var(--motion-route-ease) both}.home-page--from-project .recent-work h2{animation:homeIntroFromProject var(--motion-route-enter) var(--motion-route-ease) 40ms both}.home-page--from-project .project-link{animation:homeProjectCardIn var(--motion-route-enter) var(--motion-route-ease) both}.home-page--from-project .project-link:first-child{animation-delay:60ms}.home-page--from-project .project-link:nth-child(2){animation-delay:78ms}.home-page--from-project .project-link:nth-child(3){animation-delay:96ms}.home-page--from-project .project-link:nth-child(4){animation-delay:.114s}.home-page--from-project .project-link:nth-child(5){animation-delay:.132s}.home-page--from-project .project-link:nth-child(6){animation-delay:.15s}.home-page--from-project .project-link:nth-child(7){animation-delay:.168s}.home-page--from-project .project-link:nth-child(8){animation-delay:.186s}.project-view-page{--project-content-max:1400px;--project-mega-width:1900px;--project-page-padding:clamp(20px, 3vw, 40px);--project-viewer-padding-block-end:clamp(32px, 6vw, 80px);--project-viewer-padding-block-start:clamp(56px, 8vw, 112px);--project-viewer-padding-inline:clamp(20px, 5vw, 72px);max-width:none;min-height:100svh;padding:var(--project-page-padding) 0;margin:0;display:block;overflow:visible}.project-view-chrome{max-width:var(--project-mega-width);padding-inline:var(--project-page-padding);justify-content:space-between;align-items:start;width:100%;margin:0 auto;display:flex}.project-view-page>.site-footer{padding-inline:var(--project-page-padding)}.project-view-name,.project-view-projects,.project-view-experiments,.project-view-contact{color:#000;line-height:1;text-decoration:none;display:inline-block}.project-view-projects,.project-view-experiments,.project-view-contact{appearance:none;cursor:pointer;font:inherit;background:0 0;border:0;margin:0;padding:0}.project-view-projects:focus-visible,.project-view-experiments:focus-visible,.project-view-contact:focus-visible{outline-offset:4px;outline:2px solid #000}.project-view-actions{align-items:center;gap:clamp(18px,2.5vw,36px);display:flex}.project-contact-toast{animation:projectContactToastIn .18s var(--motion-route-ease) both;color:#fff;pointer-events:none;left:50%;top:var(--project-page-padding,24px);z-index:20;background:#000;border-radius:999px;padding:8px 12px;font-size:.8125rem;position:fixed;transform:translate(-50%)}.project-overlay{padding:var(--project-page-padding);z-index:100;background:#fff;position:fixed;inset:0;overflow-y:auto}.project-overlay__header{max-width:var(--project-mega-width);justify-content:space-between;align-items:start;margin:0 auto clamp(52px,8vw,104px);display:flex}.project-overlay__header h2{margin:0;font-size:1rem;font-weight:400;line-height:1}.project-overlay__close{appearance:none;cursor:pointer;font:inherit;background:0 0;border:0;margin:0;padding:0;line-height:1}.project-overlay__close:focus-visible,.project-overlay__item:focus-visible{outline-offset:8px;outline:2px solid #000}.project-overlay__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(52px,7vw,108px) clamp(26px,5vw,76px);max-width:min(1500px,100%);margin:0 auto;padding-bottom:clamp(60px,10vw,140px);display:grid}.project-overlay__grid--projects{grid-template-columns:repeat(3,minmax(0,1fr));max-width:min(1120px,100%)}.project-overlay__grid--experiments{grid-template-columns:repeat(2,minmax(0,1fr));max-width:min(760px,100%)}.project-overlay__item{--stack-color-1:#dad2c1;--stack-color-2:#c8d7cf;--stack-color-3:#d7c5ba;--stack-color-4:#c9ccdb;--stack-color-5:#e0dfd7;color:#000;text-align:center;margin:0;text-decoration:none;display:block}.project-overlay__item:nth-child(2n){--stack-color-1:#d6d9c5;--stack-color-2:#c7d3dc;--stack-color-3:#d7cbc0;--stack-color-4:#d9d1dc;--stack-color-5:#e3dfce}.project-overlay__item:nth-child(3n){--stack-color-1:#d7cec4;--stack-color-2:#d4d8c7;--stack-color-3:#c8d5d5;--stack-color-4:#d7c6c6;--stack-color-5:#e1ddd5}.project-overlay__stack{max-width:clamp(132px,16vw,230px)}.project-overlay__title{font-family:var(--font-serif-display);margin-top:clamp(14px,2vw,24px);font-size:clamp(1rem,1.4vw,1.3rem);font-weight:400;display:block}.project-overlay__item:hover .project-stack__layer[data-layer="0"],.project-overlay__item:focus-visible .project-stack__layer[data-layer="0"]{transform:translate(-18%,-10%)rotate(-10deg)}.project-overlay__item:hover .project-stack__layer[data-layer="1"],.project-overlay__item:focus-visible .project-stack__layer[data-layer="1"]{transform:translate(14%,-13%)rotate(8deg)}.project-overlay__item:hover .project-stack__layer[data-layer="2"],.project-overlay__item:focus-visible .project-stack__layer[data-layer="2"]{transform:translate(18%,14%)rotate(-5deg)}.project-overlay__item:hover .project-stack__layer[data-layer="3"],.project-overlay__item:focus-visible .project-stack__layer[data-layer="3"]{transform:translate(-14%,16%)rotate(6deg)}.project-overlay__item:hover .project-stack__layer[data-layer="4"],.project-overlay__item:focus-visible .project-stack__layer[data-layer="4"]{transform:translateY(-4%)rotate(0)}.project-view-page--load .project-view-chrome{animation:projectChromeAndPickerIn var(--motion-project-load-chrome-duration) var(--motion-project-load-chrome-ease) both;opacity:0}.project-view-shell{max-width:var(--project-mega-width);width:100%;margin:clamp(34px,5vw,72px) auto 0;display:block}.project-view-title{pointer-events:none;text-align:center;z-index:2;width:max-content;max-width:100%;margin:0;font-size:clamp(3.5rem,10vw,8.5rem);font-weight:500;line-height:.9;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.project-view-page--load .project-view-title{animation:projectTitleLoadIn var(--motion-project-load-title-duration) var(--motion-project-load-title-ease) var(--motion-project-load-title-delay) both;opacity:0;transform:translate(-50%,-50%)scale(.965)}.project-view-page--switch .project-view-title{animation:projectTitleSwitchIn var(--motion-project-switch-title-duration) var(--motion-project-switch-title-ease) var(--motion-project-switch-title-delay) both}.project-view-stage{display:block}.project-view-page--load .project-view-stage{animation:projectStageLoadIn var(--motion-project-load-stage-duration) var(--motion-project-load-stage-ease) var(--motion-project-load-stage-delay) both;opacity:0;transform-origin:top;transform:scale(.975)}.project-view-page--switch .project-view-content{animation:projectStageSwitchIn var(--motion-project-switch-stage-duration) var(--motion-project-switch-stage-ease) both}.project-view-content{width:100%;display:block}.project-view-landing{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);gap:clamp(30px,5vw,88px);min-height:min(760px,100svh - 140px);margin:0;display:grid}.project-view-landing__media{min-height:0;position:relative;overflow:hidden}.project-view-landing__image{object-fit:cover}.project-view-landing__copy{align-content:center;padding:clamp(36px,5vw,76px);display:grid}.project-view-landing__title{font-family:var(--font-sans-ui);letter-spacing:-.045em;text-wrap:balance;max-width:9ch;margin:0 0 clamp(28px,4vw,54px);font-size:clamp(2.75rem,5.25vw,6.75rem);font-weight:500;line-height:.92}.project-view-landing__copy p{font-family:var(--font-serif-body);max-width:28em;margin:0 0 clamp(30px,4vw,52px);font-size:clamp(1.15rem,1.55vw,1.55rem);line-height:1.42}.project-view-landing__cta{font-family:var(--font-sans-ui);text-underline-offset:.2em;justify-self:start}.project-view-body{font-family:var(--font-serif-body);max-width:min(var(--project-mega-width), 100%);min-width:0;padding:var(--project-viewer-padding-block-start) 0 var(--project-viewer-padding-block-end);width:100%;margin:0 auto}.project-view-section{min-height:min(58vh,680px);scroll-margin-top:var(--project-page-padding);gap:clamp(18px,3vw,44px);margin:0;padding:clamp(28px,4vw,56px) 0;display:grid}.project-view-section p{margin:0 0 16px}.project-view-section--intro,.project-view-section--split{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);align-items:center}.project-view-section--end{align-items:end;min-height:36vh}.project-placeholder{width:100%;height:auto;display:block}.project-view-section--expanded{grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);align-items:start;column-gap:clamp(28px,5vw,88px);min-height:auto;padding:clamp(64px,8vw,112px) 0}.project-expanded-copy__header h2{font-family:var(--font-serif-body);letter-spacing:-.035em;max-width:11ch;margin:0;font-size:clamp(2.75rem,5vw,6rem);font-weight:400;line-height:.98}.project-expanded-copy__header,.project-expanded-copy__body{padding-inline:var(--project-viewer-padding-inline)}.project-expanded-copy__eyebrow{font-family:var(--font-sans-ui);letter-spacing:.08em;text-transform:uppercase;margin:0 0 22px;font-size:.75rem}.project-expanded-copy__body{align-self:end;padding-top:clamp(40px,7vw,112px)}.project-expanded-copy__body p{max-width:32em;margin:0 0 1.15em;font-size:clamp(1.2rem,1.6vw,1.65rem);line-height:1.5}.project-expanded-followup{max-width:var(--project-content-max);padding:clamp(48px, 6vw, 88px) var(--project-viewer-padding-inline) 0;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,72px);width:100%;margin:0 auto;display:grid}.project-expanded-followup p{max-width:34em;margin:0;font-size:clamp(1.1rem,1.4vw,1.4rem);line-height:1.55}.project-view-section--expanded>.project-placeholder,.project-expanded-fields{grid-column:1/-1;width:100%;max-width:none;margin-top:clamp(36px,5vw,72px)}.project-view-section--expanded-end{padding-bottom:clamp(100px,16vw,220px)}.project-expanded-fields--pair{max-width:var(--project-content-max);padding-inline:var(--project-viewer-padding-inline);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,40px);margin-left:auto;margin-right:auto;display:grid}.experiment-case-study-page .project-view-chrome a{line-height:1;text-decoration:none}.experiment-case-study-page .project-view-chrome nav{gap:clamp(18px,2.5vw,36px);display:flex}.case-study-landing__eyebrow{letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-sans-ui)!important;margin-bottom:18px!important;font-size:.75rem!important}.case-study-content{min-width:0;scroll-margin-top:var(--project-page-padding);width:100%}.case-study-content>h2,.case-study-content>h3,.case-study-content>p,.case-study-content>blockquote,.case-study-content>ul,.case-study-content>ol{width:calc(100% - (2 * var(--project-viewer-padding-inline)));margin-left:auto;margin-right:auto}.case-study-content>h2{font-family:var(--font-serif-body);letter-spacing:-.04em;max-width:min(14ch, var(--project-content-max));text-wrap:balance;margin-top:clamp(112px,16vw,240px);margin-bottom:clamp(30px,4vw,52px);font-size:clamp(2.8rem,5.8vw,7rem);font-weight:400;line-height:.96}.case-study-content>h3{font-family:var(--font-sans-ui);max-width:min(760px, var(--project-content-max));margin-top:clamp(72px,10vw,144px);margin-bottom:20px;font-size:clamp(1.25rem,1.8vw,1.7rem);font-weight:500;line-height:1.2}.case-study-content>p,.case-study-content>li,.case-study-content>blockquote{font-family:var(--font-serif-body);font-size:clamp(1.2rem,1.6vw,1.65rem);line-height:1.5}.case-study-content>p,.case-study-content>blockquote,.case-study-content>ul,.case-study-content>ol{max-width:min(760px, var(--project-content-max))}.case-study-content>p{margin-top:0;margin-bottom:1.15em}.case-study-content>blockquote{border-left:1px solid #000;margin-top:clamp(48px,7vw,96px);margin-bottom:clamp(64px,9vw,120px);padding-left:clamp(20px,3vw,44px)}.case-study-content>blockquote p{margin:0;font-size:clamp(1.55rem,2.4vw,2.6rem);line-height:1.25}.case-study-content>ul,.case-study-content>ol{padding-left:1.25em}.case-study-content>ul li,.case-study-content>ol li{margin-bottom:.5em;font-size:clamp(1.1rem,1.35vw,1.4rem);line-height:1.5}.case-study-content a{text-underline-offset:.16em}.case-study-facts{font-family:var(--font-sans-ui);max-width:var(--project-content-max);padding:0 var(--project-viewer-padding-inline);border-top:1px solid #b9b9b9;border-bottom:1px solid #b9b9b9;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;width:100%;margin:0 auto clamp(96px,14vw,190px);display:grid}.case-study-facts>div{border-right:1px solid #b9b9b9;padding:clamp(22px,3vw,40px)}.case-study-facts>div:first-child{padding-left:0}.case-study-facts>div:last-child{border-right:0;padding-right:0}.case-study-facts dt{letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.7rem}.case-study-facts dd{font-family:var(--font-serif-body);margin:0;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.4}.case-study-figure,.case-study-figure-grid{margin-top:clamp(64px,9vw,132px);margin-bottom:clamp(72px,10vw,148px)}.case-study-figure{width:100%;margin-left:0;margin-right:0}.case-study-figure__image{width:100%;height:auto;display:block}.case-study-figure figcaption{font-family:var(--font-sans-ui);max-width:var(--project-content-max);padding:0 var(--project-viewer-padding-inline);margin:12px auto 0;font-size:.75rem;line-height:1.4}.case-study-figure-grid{padding:0 var(--project-viewer-padding-inline);gap:clamp(16px,2.5vw,36px);width:100%;display:grid}.case-study-figure-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-figure-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.case-study-figure-grid .case-study-figure{margin:0}.case-study-figure-grid .case-study-figure figcaption{padding-left:0;padding-right:0}.project-progress{bottom:var(--project-progress-inset-block);min-height:0;right:var(--project-progress-inset-inline);top:var(--project-progress-inset-block);width:var(--project-viewer-rail-width);z-index:3;flex-direction:column;justify-content:space-between;align-items:center;margin:0;padding:0;display:flex;position:absolute}.project-progress__track{background:#b5b5b5;width:1px;position:absolute;top:9px;bottom:9px;left:50%;transform:translate(-50%)}.project-progress__marker{--project-progress-marker-delay:calc(var(--project-progress-marker-index) * var(--motion-project-progress-marker-stagger));--project-progress-marker-index:0;color:#0000;z-index:1;background:#fff;border:1px solid #9d9d9d;border-radius:999px;width:12px;height:12px;text-decoration:none;transition:background-color .16s,transform .16s;display:block;position:relative;overflow:hidden}.project-progress__marker[aria-current=true]{background:#767676;border-color:#767676;transform:scale(1.12)}.project-progress__marker:focus-visible{outline-offset:4px;outline:2px solid #000}.project-picker{justify-content:space-between;align-self:stretch;align-items:end;gap:clamp(20px,3vw,42px);width:100%;margin:0;padding:2px 0 4px;display:flex;overflow-x:auto}.project-motion-toggle{color:#000;cursor:pointer;font:inherit;z-index:2147483647;background:#fff;border:1px solid #000;padding:6px 8px;position:fixed;bottom:16px;right:16px}.project-picker__item{--stack-color-1:#dad2c1;--stack-color-2:#c8d7cf;--stack-color-3:#d7c5ba;--stack-color-4:#c9ccdb;--stack-color-5:#e0dfd7;color:#000;text-align:center;flex:0 0 clamp(82px,8vw,118px);text-decoration:none;display:block}.project-picker__item:nth-child(2n){--stack-color-1:#d6d9c5;--stack-color-2:#c7d3dc;--stack-color-3:#d7cbc0;--stack-color-4:#d9d1dc;--stack-color-5:#e3dfce}.project-picker__item:nth-child(3n){--stack-color-1:#d7cec4;--stack-color-2:#d4d8c7;--stack-color-3:#c8d5d5;--stack-color-4:#d7c6c6;--stack-color-5:#e1ddd5}.project-picker__item:focus-visible{outline-offset:8px;outline:2px solid #000}.project-picker__stack{max-width:clamp(58px,5.5vw,76px)}.project-picker__title{font-family:var(--font-serif-display);white-space:nowrap;margin-top:6px;font-size:.8125rem;font-weight:400;display:block}.project-picker__item:hover .project-stack__layer[data-layer="0"],.project-picker__item:focus-visible .project-stack__layer[data-layer="0"]{transform:translate(-18%,-10%)rotate(-10deg)}.project-picker__item:hover .project-stack__layer[data-layer="1"],.project-picker__item:focus-visible .project-stack__layer[data-layer="1"]{transform:translate(14%,-13%)rotate(8deg)}.project-picker__item:hover .project-stack__layer[data-layer="2"],.project-picker__item:focus-visible .project-stack__layer[data-layer="2"]{transform:translate(18%,14%)rotate(-5deg)}.project-picker__item:hover .project-stack__layer[data-layer="3"],.project-picker__item:focus-visible .project-stack__layer[data-layer="3"]{transform:translate(-14%,16%)rotate(6deg)}.project-picker__item:hover .project-stack__layer[data-layer="4"],.project-picker__item:focus-visible .project-stack__layer[data-layer="4"]{transform:translateY(-4%)rotate(0)}html.route-transitioning--project-to-home .project-view-chrome,html.route-transitioning--project-to-home .project-view-title,html.route-transitioning--project-to-home .project-view-stage{opacity:0;transition:opacity var(--motion-route-exit) var(--motion-route-ease-in);animation:none}html.route-transitioning--project-to-project .project-view-title{animation:projectTitleSwitchOut var(--motion-project-switch-exit-duration) var(--motion-project-switch-exit-ease) both;transform:translate(-50%,-50%)}html.route-transitioning--project-to-project .project-view-content{animation:projectStageSwitchOut var(--motion-project-switch-exit-duration) var(--motion-project-switch-exit-ease) both}@keyframes homeLoadIntro{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes projectContactToastIn{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}@keyframes homeLoadRecentWork{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes homeIntroFromProject{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes homeProjectCardIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes projectChromeAndPickerIn{0%{opacity:0}to{opacity:1}}@keyframes projectStageLoadIn{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes projectTitleLoadIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.965)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes projectStageSwitchIn{0%{opacity:0}to{opacity:1}}@keyframes projectStageSwitchOut{0%{opacity:1}to{opacity:0}}@keyframes projectTitleSwitchIn{0%{opacity:0;transform:translate(-50%,-50%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes projectTitleSwitchOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}.playground-page{margin-left:0;margin-right:0}.playground-specimen{margin-bottom:24px}pre,.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}caption{text-align:left}th,td{text-align:left;border:1px solid #000;padding:4px 8px}form,fieldset,label{gap:8px;display:grid}fieldset{max-width:520px}input,select,textarea{max-width:100%}button{width:fit-content}@media (max-width:860px){.project-view-page{--project-page-padding:20px;padding:20px 0}.project-view-shell{margin-top:40px}.project-view-landing{grid-template-rows:minmax(300px,52svh) auto;grid-template-columns:1fr;gap:0;min-height:auto}.experiment-page__landing{grid-template-columns:1fr}.project-view-landing__media{min-height:300px}.project-view-landing__copy{min-height:min(48svh,460px);padding:clamp(30px,7vw,58px)}.project-view-landing__title{max-width:12ch;font-size:clamp(2.75rem,12vw,5.5rem)}.project-view-section--intro,.project-view-section--split{grid-template-columns:1fr}.project-view-section--expanded{grid-template-columns:1fr;padding:clamp(64px,14vw,104px) 0}.project-expanded-copy__header h2{max-width:12ch}.project-expanded-copy__body{padding-top:28px}.project-expanded-fields--pair,.project-expanded-followup,.case-study-facts{grid-template-columns:1fr}.case-study-facts>div,.case-study-facts>div:first-child,.case-study-facts>div:last-child{border-bottom:1px solid #b9b9b9;border-right:0;padding:22px 0}.case-study-facts>div:last-child{border-bottom:0}.case-study-figure-grid--2,.case-study-figure-grid--3{grid-template-columns:1fr}.project-overlay__grid,.project-overlay__grid--projects{grid-template-columns:repeat(2,minmax(0,1fr))}.teaser-project-groups{grid-template-columns:1fr;row-gap:72px}}@media (max-width:520px){main{padding:20px}.home-page,.teaser-home{padding-top:72px}.home-intro{margin-bottom:72px}.project-grid{grid-template-columns:1fr;gap:64px}.teaser-project-list{row-gap:28px}.experiment-grid{grid-template-columns:1fr;gap:64px}.project-link,.project-link:nth-child(4),.project-link:nth-child(5),.experiment-card,.experiment-card:first-child,.experiment-card:nth-child(2){grid-column:auto}.site-footer{grid-template-columns:1fr auto}.experiment-page__chrome{gap:24px}.experiment-page__chrome nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 18px}.experiment-case-study-page .project-view-chrome{gap:24px}.experiment-case-study-page .project-view-chrome nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 18px}.case-study-content>h2,.case-study-content>h3,.case-study-content>p,.case-study-content>blockquote,.case-study-content>ul,.case-study-content>ol{width:calc(100% - 32px)}.experiment-page__landing{min-height:0;margin:84px 0 112px}.site-footer span:first-of-type{display:none}.project-view-page{--project-page-padding:16px;--project-viewer-padding-block-end:32px;--project-viewer-padding-block-start:52px;--project-viewer-padding-inline:16px;padding:16px 0}.project-overlay{padding:16px}.project-overlay__header{margin-bottom:48px}.project-overlay__grid{gap:48px 18px}.project-overlay__stack{max-width:min(38vw,160px)}.project-overlay__title{font-size:.95rem}}@media (prefers-reduced-motion:reduce){html.route-transitioning--home-to-project .project-link,.project-link,html.route-transitioning--project-to-home .project-view-chrome,html.route-transitioning--project-to-home .project-view-title,html.route-transitioning--project-to-home .project-view-stage,html.route-transitioning--project-to-home .project-picker,html.route-transitioning--project-to-project .project-view-title,html.route-transitioning--project-to-project .project-viewer__scroll,html.route-transitioning--project-to-project .project-progress__marker,.project-picker__item,.project-progress__marker,.project-stack__layer{transition:none}.project-contact-toast{animation:none}html.route-transitioning--home-to-project .project-link,.home-page--loading .home-intro,.home-page--loading .recent-work,.home-page--loading .home-experiments,.home-page--loading .site-footer,html.route-transitioning--project-to-home .project-view-chrome,html.route-transitioning--project-to-home .project-view-title,html.route-transitioning--project-to-home .project-view-stage,html.route-transitioning--project-to-home .project-picker,html.route-transitioning--project-to-project .project-view-title,html.route-transitioning--project-to-project .project-viewer__scroll,html.route-transitioning--project-to-project .project-progress__marker{opacity:1;transform:none}.home-page--loaded .home-intro,.home-page--loaded .recent-work,.home-page--loaded .home-experiments,.home-page--loaded .site-footer,.home-page--from-project .home-intro,.home-page--from-project .recent-work h2,.home-page--from-project .project-link,html.route-transitioning--project-to-project .project-viewer__scroll,html.route-transitioning--project-to-project .project-progress__marker,html.route-transitioning--project-to-project .project-view-title,.project-view-page--load .project-view-chrome,.project-view-page--load .project-view-stage,.project-view-page--load .project-view-title,.project-view-page--load .project-picker,.project-view-page--switch .project-viewer__scroll,.project-view-page--switch .project-progress__marker,.project-view-page--switch .project-view-title{animation:none}.project-view-page--load .project-view-chrome,.project-view-page--load .project-picker{opacity:1}.project-view-page--load .project-view-stage{opacity:1;transform:scale(1)}.project-view-page--load .project-view-title{opacity:1;transform:translate(-50%,-50%)scale(1)}.project-viewer{scroll-behavior:auto}}