@font-face{font-family:Die Grotesk A;src:url(/fonts/DieGrotesk-A-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#fff;--panel:#fff;--ink:#000;--muted:#3a3a3a;--line:#0000001f;--photo-bg:#fff;--ease-out:cubic-bezier(.22, 1, .36, 1);--font:"Die Grotesk A", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--nav-h:52px;--copy-w:minmax(420px, 1fr);--visual-w:minmax(360px, 1.1fr);--col-w:100%;--chrome-pad:clamp(.85rem, 1.5vw, 1.25rem)}.site{width:100%;height:100dvh;max-height:100dvh;color:var(--ink);font-family:var(--font);background:#fff;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.stage{background:#fff;flex:1;min-height:0;overflow:hidden}.split{grid-template-columns:var(--copy-w) var(--visual-w);background:#fff;grid-template-rows:minmax(0,1fr);height:100%;min-height:0;max-height:100%;display:grid;overflow:hidden}.panel--copy{padding:var(--chrome-pad-x);border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.studio-positioning{max-width:36ch;font-family:var(--font);letter-spacing:-.01em;color:var(--muted);margin:0 0 1rem;font-size:clamp(.8rem,1.05vw,.95rem);font-weight:400;line-height:1.35}.project-index{flex-direction:column;flex-shrink:0;align-items:stretch;gap:.35rem;width:100%;min-width:0;max-width:100%;padding:.15rem 0 1.25rem;display:flex}.project-index-item{appearance:none;cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-align:left;background:0 0;border:0;align-items:baseline;gap:.55rem;margin:0;padding:0;font-size:.62rem;font-weight:400;line-height:1.35;transition:opacity .25s;display:flex}.project-index-title{white-space:normal;overflow-wrap:anywhere;word-break:break-word;width:100%;min-width:0;max-width:100%}.project-index-item:hover:not(:disabled){opacity:.55}.project-index-item.is-current{opacity:.35;cursor:default}.project-index-item:disabled{cursor:wait}.project-index-item.is-current:disabled{cursor:default}.copy-block{flex-direction:column;flex:1;width:100%;min-height:0;padding:.5rem 0 .25rem;display:flex;overflow:auto}.copy-block-inner{flex-direction:column;flex:1;min-height:100%;display:flex}.contact-bio{max-width:34ch;font-family:var(--font);letter-spacing:-.01em;color:var(--ink);white-space:pre-line;margin:auto 0 0;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:400;line-height:1.4}.manifesto{font-family:var(--font);letter-spacing:-.02em;text-transform:uppercase;color:var(--ink);margin:auto 0 0;font-size:clamp(1.15rem,1.85vw,1.75rem);font-weight:400;line-height:1.12}.manifesto-text{white-space:pre-wrap}.panel--visual{isolation:isolate;background:#fff;flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}.visual-chrome{z-index:6;left:var(--chrome-pad);right:var(--chrome-pad);pointer-events:none;color:#fff;justify-content:space-between;align-items:center;display:flex;position:absolute}.visual-chrome--bottom{bottom:var(--chrome-pad);pointer-events:none}.image-cta,.next-arrow{appearance:none;cursor:pointer;pointer-events:auto;color:#fff;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.95;mix-blend-mode:difference;transition:opacity .25s ease, transform .35s var(--ease-out);background:0 0;border:0;padding:.2rem 0;font-size:.62rem;line-height:1}a.image-cta{color:#fff;text-decoration:none}.image-cta--static,.next-arrow--static{cursor:default;opacity:.28;pointer-events:none}.image-cta-label{display:inline-block}.image-cta:hover:not(:disabled) .image-cta-label{opacity:.7}.next-arrow-glyph{transition:transform .35s var(--ease-out);display:inline-block}.next-arrow:hover:not(:disabled) .next-arrow-glyph{transform:translate(4px)}.image-cta:hover:not(:disabled),.next-arrow:hover:not(:disabled){opacity:1}.image-cta:disabled,.next-arrow:disabled{opacity:.35;cursor:wait}.site.is-busy .image-cta:disabled,.site.is-busy .next-arrow:disabled{cursor:wait}.site.is-busy .panel--copy,.site.is-busy .visual-body{pointer-events:none}.visual-body{flex:1;min-width:0;height:100%;min-height:0;max-height:100%;position:relative;overflow:hidden}.visual-body .photo-hit{width:100%;inset:0}.view-panel{color:var(--ink);background:#fff;align-items:flex-end;display:flex;position:absolute;inset:0;overflow:hidden}.view-panel-inner{box-sizing:border-box;width:var(--col-w);max-width:22rem;margin-inline:auto;padding:clamp(1.5rem,3vw,2.5rem) 0}.view-panel-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.58rem}.view-panel-title{font-family:var(--font);letter-spacing:-.03em;text-transform:uppercase;color:var(--ink);margin:.85rem 0 0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.05}.view-panel-mail{font-family:var(--font);letter-spacing:-.02em;color:var(--ink);border-bottom:1px solid var(--line);margin-top:.85rem;padding-bottom:.12rem;font-size:clamp(1rem,1.8vw,1.35rem);text-decoration:none;transition:border-color .3s;display:inline-block}.view-panel-mail:hover{border-color:var(--ink)}.view-panel-body{font-family:var(--font-mono);color:var(--muted);letter-spacing:.01em;margin:1rem 0 0;font-size:.72rem;line-height:1.5}.view-panel-inner--tools{width:100%;max-width:min(36rem,100%);height:100%;min-height:0;padding:clamp(1rem, 2vw, 1.5rem) var(--chrome-pad) clamp(1.5rem, 3vw, 2.25rem);box-sizing:border-box;flex-direction:column;align-self:stretch;display:flex}.view-panel--tools{-webkit-overflow-scrolling:touch;align-items:stretch;overflow:auto}.tools-section{margin-top:1.15rem}.tools-section:first-of-type{margin-top:.55rem}.tools-section-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .65rem;font-size:.58rem;font-weight:400}.tools-list{grid-template-columns:1fr;gap:0;min-height:0;margin:0;padding:0;list-style:none;display:grid}.tools-list li+li{border-top:1px solid var(--line);margin-top:.85rem;padding-top:.85rem}.tools-list-link{appearance:none;text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;grid-template-columns:1fr;gap:.55rem;margin:0;padding:0;text-decoration:none;transition:opacity .25s;display:grid}.tools-list-link:hover{opacity:.6}.tools-list-media{aspect-ratio:16/9;border:1px solid var(--line);box-sizing:border-box;background:#f3f3f3;width:100%;display:block;overflow:hidden}.tools-list-gif{object-fit:cover;object-position:center center;pointer-events:none;width:100%;height:100%;display:block}.tools-list-meta{flex-direction:column;gap:.18rem;min-width:0;padding-top:.05rem;display:flex}.tools-list-title{font-family:var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);font-size:.88rem}.tools-list-blurb{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);font-size:.6rem;line-height:1.45}.tools-list-project{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:baseline;gap:.4rem;font-size:.55rem;line-height:1.4;display:inline-flex}.tools-list-project-num{letter-spacing:.08em}.tool-case{--tool-design-w:1440px;--tool-design-h:810px;background:#fff;flex-direction:column;height:100%;min-height:0;display:flex}.tool-chrome{padding:.65rem var(--chrome-pad-x) .75rem;border-bottom:1px solid var(--line);background:#fff;flex:none;align-items:flex-start;gap:1rem 1.25rem;display:flex}.tool-chrome-back{appearance:none;color:var(--ink);border:1px solid var(--ink);cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;flex:none;margin-top:.1rem;padding:.3rem .5rem;font-size:.58rem;line-height:1.2;transition:background .2s,color .2s}.tool-chrome-back:hover{background:var(--ink);color:#fff}.tool-chrome-copy{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.tool-chrome-title{font-family:var(--font);letter-spacing:-.02em;text-transform:uppercase;color:var(--ink);margin:0;font-size:clamp(.95rem,1.4vw,1.2rem);font-weight:400;line-height:1.15}.tool-chrome-meta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.55rem;line-height:1.4}.tool-chrome-project{color:inherit;text-underline-offset:.15em;text-decoration:underline}.tool-chrome-project:hover{opacity:.65}.tool-chrome-about{font-family:var(--font-mono);letter-spacing:.01em;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:62rem;margin:0;font-size:.62rem;line-height:1.45;display:-webkit-box;overflow:hidden}.tool-stage{min-height:0;padding:clamp(.65rem, 1.4vw, 1.1rem) var(--chrome-pad-x);box-sizing:border-box;background:#fff;flex:1;place-items:center;display:grid;container:tool-stage/size}.tool-frame{background:#f3f3f3;width:min(100cqw,177.778cqh);max-width:100%;height:min(100cqh,56.25cqw);max-height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f;container:tool-frame/size}.tool-scale{width:var(--tool-design-w);height:var(--tool-design-h);transform:translate(-50%, -50%) scale(min(100cqw / var(--tool-design-w), 100cqh / var(--tool-design-h)));transform-origin:50%;position:absolute;top:50%;left:50%}.tool-embed{background:#f3f3f3;border:0;width:100%;height:100%;display:block}.site.is-tool-open .stage{overflow:hidden}@media (width<=900px){.site.is-tools:not(.is-tool-open) .split{grid-template-rows:auto minmax(0,1fr)}.site.is-tools:not(.is-tool-open) .panel--copy{padding:.65rem var(--chrome-pad-x) .5rem}.site.is-tools:not(.is-tool-open) .project-index{display:none}.site.is-tools:not(.is-tool-open) .copy-block{padding:0;overflow:visible}.site.is-tools:not(.is-tool-open) .manifesto{font-size:clamp(.78rem,3vw,.95rem);line-height:1.2}.site.is-tools:not(.is-tool-open) .visual-chrome{display:none}.site.is-tools:not(.is-tool-open) .view-panel-inner--tools{padding:.75rem var(--chrome-pad-x) 1.25rem}.tools-list-link{-webkit-tap-highlight-color:transparent;grid-template-columns:minmax(96px,38%) 1fr;align-items:center;gap:.75rem;min-height:4.5rem;padding:.2rem 0}.tools-list-media{border-radius:0}.tools-list-title{font-size:.92rem}.tools-list-blurb{font-size:.58rem}.tools-list li+li{margin-top:.55rem;padding-top:.55rem}.tool-chrome{padding:.5rem var(--chrome-pad-x);flex-wrap:nowrap;align-items:center;gap:.65rem .85rem}.tool-chrome-back{min-height:2.5rem;padding:.45rem .65rem;font-size:.62rem}.tool-chrome-about,.tool-chrome-meta{display:none}.tool-chrome-title{font-size:.95rem}.tool-stage{padding:.4rem var(--chrome-pad-x) .55rem;place-items:stretch stretch;position:relative}.tool-case{--tool-design-w:100%;--tool-design-h:100%}.tool-frame{inset:.4rem var(--chrome-pad-x) .55rem;width:auto;max-width:none;height:auto;max-height:none;position:absolute;box-shadow:0 0 0 1px #00000014}.tool-scale{width:100%;height:100%;position:absolute;inset:0;transform:none}.tool-embed{touch-action:manipulation}}@media (width>=901px){.tools-list{grid-template-columns:1fr 1fr;gap:1.1rem 1rem}.tools-list li+li{border-top:0;margin-top:0;padding-top:0}}.photo-hit{appearance:none;cursor:pointer;width:100%;height:100%;color:inherit;background:0 0;border:0;margin:0;padding:0;text-decoration:none;display:block;position:absolute;inset:0;overflow:hidden}.photo{object-fit:cover;object-position:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}video.photo{pointer-events:none;background:#000}video.photo::-webkit-media-controls{display:none!important}video.photo::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.hero-mark{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:2;width:min(44%,320px);height:auto;margin:auto;position:absolute;inset:0}@media (width<=900px){.site{touch-action:pan-y;height:100dvh;max-height:100dvh;overflow:hidden}.stage,.split{height:100%;min-height:0;max-height:100%;overflow:hidden}.split{grid-template-rows:minmax(0,42%) minmax(0,58%);grid-template-columns:1fr}.panel--copy{border-right:0;border-bottom:1px solid var(--line);height:100%;min-height:0;max-height:100%;padding:.85rem var(--chrome-pad-x) .65rem;overflow:hidden}.project-index{grid-template-columns:1fr 1fr;grid-template-rows:repeat(var(--project-index-rows,4), auto);flex-shrink:0;grid-auto-flow:column;gap:.22rem .85rem;width:100%;min-width:0;max-height:none;padding:0 0 .55rem;display:grid;overflow:visible}.project-index-item{letter-spacing:.07em;font-size:.52rem;line-height:1.25}.copy-block{touch-action:pan-y;-webkit-overflow-scrolling:touch;min-height:0;padding:.35rem 0 .5rem;overflow:hidden auto}.manifesto{font-size:clamp(.95rem,3.6vw,1.2rem);line-height:1.1}.contact-bio{max-width:40ch;font-size:clamp(.92rem,3.2vw,1.08rem);line-height:1.4}.panel--visual{touch-action:pan-y;height:100%;min-height:0;max-height:100%;overflow:hidden}.visual-body{flex:1;height:100%;min-height:0;max-height:100%}}@media (width<=900px) and (height<=700px){.split{grid-template-rows:minmax(0,46%) minmax(0,54%)}.project-index{row-gap:.14rem;padding-bottom:.35rem}.project-index-item{font-size:.48rem;line-height:1.2}.manifesto{font-size:clamp(.85rem,3.2vw,1.05rem)}}@media (prefers-reduced-motion:reduce){.image-cta,.image-cta-label,.next-arrow,.next-arrow-glyph{transition:none!important}.next-arrow:hover:not(:disabled) .next-arrow-glyph{transform:none}}*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:#fff;width:100%;height:100dvh;max-height:100dvh;margin:0;overflow:hidden}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background:#fff;font-family:Die Grotesk A,Helvetica Neue,Helvetica,Arial,sans-serif;position:relative}button{font:inherit}img,video{max-width:100%}