@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.woff2)format("woff2");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond-variable.woff2)format("woff2");font-weight:400 800;font-display:swap;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap;font-style:normal}:root{--bg:#fff;--bg2:#fff;--ink:#0a0d10;--muted:#6f7f8a;--accent:#2936cf;--border:#d0dbdf;--card:#101316;--card2:#181c1f;--card-border:1px solid #000;--card-shadow:#000;--f:"Satoshi", "Helvetica Neue", Helvetica, Arial, sans-serif;--f-display:"EB Garamond", Georgia, "Times New Roman", serif;--f-mono:"IBM Plex Mono", "SF Mono", "Fira Code", monospace;--nav-height:3.75rem;--nav-height-mobile:2.5rem;--page-gutter:3.75rem;--page-gutter-mobile:2.5rem;--grid-gap:20px;--hero-top:6.25rem;--t-h1:clamp(2.5rem, 4vw, 4rem);--t-h1-letter-spacing:clamp(.001rem, .2vw, .0025rem);--t-h2:clamp(1.8rem, 3vw, 3rem);--t-h3:clamp(1.125rem, 2vw, 1.5rem);--t-p:clamp(.875rem, 1.5vw + .5rem, 1.3rem);--t-hero-text:clamp(1.5rem, 2.5vw, 4rem);--t-hero-text-font-weight:400;--t-metric:clamp(1.25rem, 3vw, 3rem);--t-label:clamp(.5rem, 3vw, 1rem);--t-badge:.5625rem}[data-dark]{--bg:#110f0b;--bg2:#1a1712;--ink:#f0eadd;--muted:#6b6358;--border:#2a2620;--card:#1a1712;--card2:#211e18;--card-border:1px solid var(--ink);--card-shadow:var(--ink)}.hover-card{transition:transform .3s cubic-bezier(.25,0,.3,1),box-shadow .3s cubic-bezier(.25,0,.3,1)}.hover-card:hover{transform:translate(8px,-8px);box-shadow:-8px 8px #000}@media (hover:none){.hover-card:active{transform:translate(4px,-4px);box-shadow:-4px 4px #000}}@media (prefers-reduced-motion:reduce){.hover-card{transition:none}.hover-card:hover{box-shadow:none;transform:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.col-grid{column-gap:var(--grid-gap);grid-template-columns:repeat(8,1fr);display:grid}html{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:var(--f);-webkit-font-smoothing:antialiased;cursor:none;transition:background .2s,color .2s}@media (prefers-reduced-motion:reduce){body{cursor:auto}}@media (max-width:900px){:root{--nav-height:var(--nav-height-mobile);--page-gutter:var(--page-gutter-mobile)}}p{font-family:var(--f);font-size:var(--t-p);color:var(--ink);line-height:1.5;transition:color .2s}
.project-detail{margin-top:var(--nav-height)}.project-content{padding:0 var(--page-gutter)}.project-section{scroll-margin-top:var(--nav-height);padding:6rem 0 12rem;transition:border-color .2s}.project-section>*{grid-column:1/-1}.project-section-transition-track{isolation:isolate;position:relative}.project-section-handoff-panel{--panel-dim:0%;--behind-y:0vh;--incoming-y:0vh;margin-right:calc(-1 * var(--page-gutter));margin-left:calc(-1 * var(--page-gutter));padding-right:var(--page-gutter);padding-left:var(--page-gutter);background:var(--bg);position:relative}.project-section-handoff-panel+.project-section-handoff-panel{margin-top:0}.project-section-handoff-panel.is-behind:after{content:"";z-index:2;background:color-mix(in srgb, var(--ink) var(--panel-dim), transparent);pointer-events:none;position:absolute;inset:0}.project-section-handoff-motion{position:relative}.project-section-handoff-panel.is-behind .project-section-handoff-motion{transform:translateY(var(--behind-y));will-change:transform}.project-section-handoff-panel.is-incoming{z-index:3}.project-section-handoff-panel.is-incoming .project-section-handoff-motion{transform:translateY(var(--incoming-y));will-change:transform}.project-detail h1{font-family:var(--f);font-size:var(--t-h1);letter-spacing:var(--t-h1-letter-spacing);color:var(--ink);white-space:pre-line;font-weight:700;line-height:1.1}.project-detail h2,.about h2{font-family:var(--f);font-size:var(--t-h2);color:var(--ink);grid-column:1/6;transition:color .2s}.project-detail h2{letter-spacing:-.05em;font-weight:800}.project-detail h2.heading-center{text-align:center;grid-column:1/-1}.project-detail h3{font-family:var(--f);font-size:var(--t-h3);margin-bottom:8px;font-weight:600}.project-hero{--hero-dim:0%;--hero-behind-y:0vh;background:var(--bg);transition:background .2s,color .2s,border-color .2s;position:relative}.hero-image-expand{--_col:calc((100vw - var(--page-gutter) * 2 - var(--grid-gap) * 7) / 8);--_side:calc(var(--_col) * 2.5 + var(--grid-gap) * 1.5);top:var(--nav-height);width:100vw;height:calc(100vh - var(--nav-height));clip-path:inset(0 calc(100vw - var(--page-gutter) - var(--_side)) calc(100% - var(--_side)) var(--page-gutter));will-change:clip-path;margin-left:calc(50% - 50vw);position:sticky;overflow:hidden}.hero-image-expand:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#00000073);height:50%;position:absolute;bottom:0;left:0;right:0}.hero-image-expand:after{content:"";z-index:2;background:color-mix(in srgb, var(--ink) var(--hero-dim), transparent);pointer-events:none;position:absolute;inset:0}.hero-content{z-index:1;margin-top:calc(-1 * (100vh - var(--nav-height)));height:calc(100vh - var(--nav-height));padding:0 var(--page-gutter) 60px;pointer-events:none;align-items:flex-end;display:flex;position:relative}.hero-content *{pointer-events:auto}.hero-bottom-row{width:100%}.project-hero-heading{grid-column:1/4;align-self:end}.project-hero-subtitle{font-family:var(--f-display);color:var(--ink);opacity:.5;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:400;line-height:1.3;display:block}.project-hero-text{flex-direction:column;grid-column:4/9;align-self:end;gap:3rem;display:flex}.project-hero-text p{font-size:var(--t-hero-text);font-weight:var(--t-hero-text-font-weight);line-height:1.2;font-family:var(--f-display)}.hero-content{mix-blend-mode:difference}.hero-content h1,.hero-content p,.hero-content .project-hero-subtitle{color:#fff}.hero-scroll-spacer{height:60vh}.project-hero-coming-soon{height:calc(100vh - var(--nav-height))}.project-hero-coming-soon .hero-content{mix-blend-mode:normal;margin-top:0;position:absolute;bottom:0;left:0;right:0}.project-hero-coming-soon .hero-content h1,.project-hero-coming-soon .hero-content p,.project-hero-coming-soon .hero-content a,.project-hero-coming-soon .hero-content .project-hero-subtitle{color:var(--ink)}.project-hero-coming-soon .hero-content a{text-underline-offset:3px;text-decoration:underline}.project-hero-coming-soon .hero-content a:hover{color:var(--accent)}.inline-img{background:var(--muted);opacity:.3;vertical-align:middle;border-radius:2px;width:2.5em;height:1.2em;display:inline-block}.subsections-grid{margin-top:10rem}.subsection-item{row-gap:.6rem;padding-bottom:6rem}.subsection-item:before{content:"";background:var(--ink);height:1px;margin-right:calc(-1 * var(--page-gutter));grid-area:1/1/auto/-1;transition:background .2s}.subsection-label{font-size:var(--t-label);text-transform:uppercase;letter-spacing:-.01em;grid-area:2/1/auto/2;align-self:start;margin-bottom:1.5rem;font-weight:800}.subsection-img{object-fit:cover;border:1px solid color-mix(in srgb, var(--muted) 30%, transparent);grid-row:2;width:100%;transition:border-color .2s;display:block}.subsection-img-full{grid-column:2/6}.subsection-img-pair{gap:var(--grid-gap);grid-area:2/2/auto/6;display:flex}.subsection-img-pair .subsection-img{grid-column:unset;grid-row:unset;flex:1;min-width:0}.subsection-text{font-size:var(--t-p);letter-spacing:-.015em;grid-area:2/7/auto/9;align-self:start;font-weight:400;line-height:1.2;transition:opacity .2s}.section-image{width:100%;margin-top:48px;display:block}.outcome-visuals{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:40px;display:grid}.metrics-strip{gap:0;margin:6rem 0;display:flex}.metric-item{border:none;flex:1}.metric-item+.metric-item{border-left:1px solid var(--border);transition:border-color .2s}.outcome-block{margin-top:40px}.outcome-block:first-of-type{margin-top:32px}.outcome-summary{max-width:700px;margin-bottom:24px}.outcome-zigzag{margin-top:48px}.zigzag-row{margin-bottom:var(--grid-gap)}.zigzag-left .zigzag-text{top:calc(var(--nav-height) + 60px);grid-column:1/3;align-self:start;position:sticky}.zigzag-left .zigzag-images{grid-column:3/7}.zigzag-right .zigzag-text{top:calc(var(--nav-height) + 60px);grid-column:7/9;align-self:start;position:sticky}.zigzag-right .zigzag-images{grid-area:1/3/auto/7}.zigzag-images{gap:var(--grid-gap);flex-direction:column;display:flex}.zigzag-img{object-fit:cover;width:100%;display:block}.zigzag-reveal-stage{--reveal-extra:115vh;min-height:calc(var(--reveal-base-h,480px) + var(--reveal-extra));position:relative}.zigzag-reveal-pin{top:max(var(--nav-height), calc((100vh - var(--reveal-base-h,480px)) / 2));z-index:2;width:100%;height:var(--reveal-base-h,auto);aspect-ratio:var(--reveal-ratio,16 / 9);position:sticky}.zigzag-reveal-frame{width:var(--reveal-frame-w,100%);height:var(--reveal-frame-h,var(--reveal-base-h,auto));aspect-ratio:var(--reveal-ratio,16 / 9);transform:translate3d(var(--reveal-frame-x,0), var(--reveal-frame-y,0), 0);transform-origin:0 0;will-change:transform, width, height;overflow:hidden}.zigzag-reveal-img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:900px){.project-hero{transform:translateY(var(--hero-behind-y));will-change:transform}.project-hero:after{content:"";z-index:3;background:color-mix(in srgb, var(--ink) var(--hero-dim), transparent);pointer-events:none;position:absolute;inset:0}.hero-image-expand{height:auto;position:relative;top:auto;clip-path:inset(0)!important}.hero-content{height:auto;padding:2rem var(--page-gutter);margin-top:2rem}.hero-bottom-row{grid-template-columns:1fr}.project-hero-heading{grid-column:1;margin-bottom:2rem}.project-hero-subtitle{margin-top:.3rem}.project-hero-text{grid-column:1;gap:1.3rem}.hero-scroll-spacer{display:none}.metrics-strip{grid-template-columns:repeat(2,1fr);display:grid}.metric-item{border:1px solid var(--ink);margin-top:-1px;margin-left:-1px}.metric-item+.metric-item{border-left:1px solid var(--ink)}.project-detail h2,.about h2{grid-column:1/-1}.project-section{padding:4rem 0 8rem}.outcome-visuals{grid-template-columns:1fr}.subsections-grid{margin-top:6rem}.subsection-item{flex-direction:column;gap:12px;padding-bottom:6rem;display:flex}.subsection-item:before{flex-shrink:0}.subsection-label{order:1}.subsection-text{order:2}.subsection-img{order:3}.subsection-img-pair{order:3;gap:12px;display:flex}.subsection-img-pair .subsection-img{flex:1;min-width:0}.zigzag-row{flex-direction:column;gap:16px;display:flex}.zigzag-left .zigzag-text,.zigzag-right .zigzag-text{grid-column:unset;position:static}.zigzag-left .zigzag-images,.zigzag-right .zigzag-images{grid-column:unset;grid-row:unset}.zigzag-reveal-stage{min-height:calc(var(--reveal-base-h,320px) + var(--reveal-extra,110vh))}.zigzag-reveal-pin{top:max(var(--nav-height), calc((100vh - var(--reveal-base-h,320px)) / 2))}}@media (prefers-reduced-motion:reduce){.zigzag-reveal-stage{min-height:auto}.zigzag-reveal-pin{height:auto;position:static}.zigzag-reveal-frame{will-change:auto;width:100%;height:auto;transform:none}.zigzag-reveal-img{height:auto}}.scroll-highlight{color:inherit;background-color:#0000;background-image:linear-gradient(90deg,#ffda71 100%,#0000 100%);background-image:linear-gradient(90deg,lab(88.8023% 6.02281 66.2556) 100%,#0000 100%);background-position:0;background-repeat:no-repeat;background-size:0% 100%;border-radius:.15em;margin:0 -.15em;padding:.05em .15em;transition:background-size .6s cubic-bezier(.25,1,.5,1)}.scroll-highlight.highlighted{background-size:100% 100%}[data-dark] .scroll-highlight{background-image:linear-gradient(90deg,#6c5100 100%,#0000 100%);background-image:linear-gradient(90deg,lab(36.359% 7.50086 67.3426) 100%,#0000 100%)}@media (prefers-reduced-motion:reduce){.scroll-highlight{transition:none}.hero-image-expand{clip-path:inset(0)!important}.project-section-handoff-panel+.project-section-handoff-panel{margin-top:0}.project-section-handoff-panel.is-behind:after{display:none}.project-section-handoff-panel.is-incoming .project-section-handoff-motion,.project-section-handoff-panel.is-behind .project-section-handoff-motion,.project-hero{transition:none;transform:none}}.project-section:last-child{border-bottom:none}
.cursor-container{pointer-events:none;z-index:9999;mix-blend-mode:difference;width:100vw;height:100vh;position:fixed;top:0;left:0}.cursor-container.expanded{mix-blend-mode:normal}.cursor-dot{image-rendering:pixelated;background-color:#fff;justify-content:center;align-items:center;transition:width .2s cubic-bezier(.25,0,.3,1),height .2s cubic-bezier(.25,0,.3,1);display:flex;position:absolute;overflow:hidden}.cursor-container.expanded .cursor-dot{background-color:var(--ink);padding:12px 24px}.cursor-text{color:var(--bg);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.625rem;transition:opacity .15s .1s}