@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-normal.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-italic.woff2)format("woff2");font-style:italic;font-weight:200 800;font-display:swap}:root{--paper:#f5f5f5;--ink:#17181a;--grey:#6b6c65;--hair:#dcdcd6;--gut:clamp(20px,4vw,56px)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper);-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-family:Newsreader,Georgia,serif;font-size:19px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}a,button,input,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}img{max-width:100%;display:block}.tag{letter-spacing:.14em;text-transform:uppercase;color:var(--grey);font-family:Work Sans,system-ui,sans-serif;font-size:11px;font-weight:500;line-height:1.4}.tag a{text-decoration:none}.wrap{padding-inline:var(--gut);padding-inline:max(var(--gut),env(safe-area-inset-left)) max(var(--gut),env(safe-area-inset-right))}.open{grid-template-rows:auto 1fr auto;min-height:100svh;padding-block:22px 28px;display:grid}.open .top{justify-content:flex-end;gap:16px;min-height:1.4em;display:flex}.open .mid{align-self:center;padding-block:48px}.open h1{letter-spacing:-.045em;font-variation-settings:"opsz" 72;margin-left:-.04em;font-size:clamp(64px,13.2vw,210px);font-weight:250;line-height:.86}.open h1 span{display:block}.open h1 .i{padding-left:.9em;font-style:italic;font-weight:220}.open .say{max-width:26ch;color:var(--grey);margin-top:30px;font-size:clamp(19px,1.8vw,24px);line-height:1.4}.index{gap:0 var(--gut);border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr) auto;padding-top:14px;list-style:none;display:grid}.index a{padding:4px 0;text-decoration:none;display:block}.index .n{display:block}.index .t{letter-spacing:-.01em;margin-top:6px;font-size:clamp(20px,1.9vw,27px);line-height:1.2;display:block}.index .t i{font-weight:300}.index .ar{transition:transform .3s;display:inline-block}@media (hover:hover){.index a:hover .ar{transform:translateY(3px)}}.index .else{text-align:right;align-self:end}@media (width<=760px){.open h1{font-size:min(22vw,96px)}.open h1 .i{padding-left:.5em}.index{grid-template-columns:1fr;gap:0}.index li{border-bottom:1px solid var(--hair)}.index a{align-items:baseline;gap:14px;padding:12px 0;display:flex}.index .t{flex:1;margin-top:0}.index .else{text-align:left;border-bottom:0}.open .top .where{display:none}}@media (prefers-reduced-motion:no-preference){.open h1 span{animation:1.4s cubic-bezier(.2,.7,.1,1) both rise}.open h1 .i{animation-delay:.12s}@keyframes rise{0%{opacity:0;transform:translateY(.28em)}}}.topic{padding-block:clamp(72px,11vw,150px) 0;scroll-margin-top:0}.head{gap:18px var(--gut);border-top:1px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;padding-top:14px;display:grid}.head .tag{color:var(--grey);grid-column:1/-1;max-width:none;font-size:11px}.head h2{letter-spacing:-.04em;font-variation-settings:"opsz" 72;font-size:clamp(44px,6.4vw,98px);font-weight:280;line-height:.92}.head h2 i{font-weight:250}.head p{max-width:34ch;color:var(--ink);font-size:clamp(18px,1.5vw,21px)}.head p .q{color:var(--grey)}@media (width<=760px){.head{grid-template-columns:1fr}}.links{flex-wrap:wrap;gap:8px 28px;margin-top:22px;display:flex}.links a{font-size:18px;text-decoration:none}.links a span{text-underline-offset:3px;text-decoration:underline 1px}@media (hover:hover){.links a:hover span{text-decoration-thickness:2px}}.stage{display:none;position:relative}.gl .stage{display:block}.gl .gl-failed .stage{display:none}.gl [data-fallback]{display:none!important}.gl .gl-failed [data-fallback]{display:grid!important}.stage canvas{opacity:0;transition:opacity 1.2s;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.stage.live canvas{opacity:1}.stage .over{pointer-events:none;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;display:flex;position:absolute;bottom:0;left:0;right:0}.stage .over a,.stage .over button{pointer-events:auto}.cap{font-size:19px;font-style:italic;text-decoration:none}a.cap:after{content:" ↗";color:var(--grey);font-size:.8em;font-style:normal}#art .stage{height:min(84svh,820px);margin-top:18px;margin-inline:calc(var(--gut) * -1);cursor:grab;touch-action:pan-y;outline-offset:-2px;-webkit-user-select:none;user-select:none}@media (width<=760px){#art .stage{height:min(76svh,640px)}}#art .stage:active{cursor:grabbing}#art .stage .over{padding-inline:var(--gut)}#art .stage .over .tag{white-space:nowrap}.works{grid-template-columns:repeat(auto-fill,minmax(min(200px,40vw),1fr));grid-auto-flow:dense;gap:30px 22px;margin-top:36px;list-style:none;display:grid}.works li.reel{grid-row:span 2}.works a{flex-direction:column;height:100%;text-decoration:none;display:flex}.works img,.works video{aspect-ratio:4/5;object-fit:cover;background:#e9e9e4;border:6px solid #fff;width:100%;height:auto;display:block;box-shadow:0 1px 1px #17181a0f,6px 14px 26px -10px #17181a47}.works video{aspect-ratio:auto;flex:1;min-height:0}.works span{margin-top:12px;font-size:17px;font-style:italic;display:block}#drawings .body{max-width:900px;margin-top:18px}#drawings .stage{cursor:pointer;height:min(78svh,760px)}#drawings .stage .over{justify-content:flex-start;gap:18px}.fallback-drawing{height:min(78svh,760px);display:grid}.fallback-drawing img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}@media (width<=760px){#drawings .stage,.fallback-drawing{height:min(72svh,560px)}}#websites{position:relative;overflow-x:clip}#websites .head{align-items:end;gap:10px var(--gut);grid-template-columns:minmax(0,1fr) auto}#websites .head h2{font-size:clamp(40px,4.4vw,66px);line-height:.95}#websites .head p{max-width:none}#websites .stage{height:max(560px,100svh - 150px);max-height:1000px;margin-top:6px;margin-inline:calc(var(--gut) * -1);cursor:grab;touch-action:pan-y;outline-offset:-2px;-webkit-user-select:none;user-select:none}#websites .stage:active{cursor:grabbing}.pf-over{justify-content:center!important;align-items:center!important;gap:10px!important;padding:6px 0 10px!important}.gl #websites .stage:not(.pf-phone) .pf-over{will-change:transform;inset:0 auto auto 0;padding:0!important}.pf-arrow{font:inherit;width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:20px;line-height:1}@media (hover:hover){.pf-arrow:hover{background:#17181a0f}}.pf-count{text-align:center;min-width:5.5em;color:var(--ink)}.svc{gap:40px var(--gut);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:34px;list-style:none;display:grid}.svc .pair{margin-bottom:22px;padding:0 0 7%;display:block;position:relative}.svc .pair img{object-fit:cover;object-position:top;background:#e9e9e4;height:auto;display:block}.svc .pair .d{aspect-ratio:16/10;border:5px solid #e7e7e3;border-top-width:14px;border-radius:5px;width:84%;box-shadow:0 1px 1px #17181a0f,0 14px 30px -12px #17181a47}.svc .pair .p{aspect-ratio:390/800;border:5px solid #17181a;border-radius:16px;width:27%;position:absolute;bottom:0;right:0;box-shadow:-2px 3px 3px #17181a1f,-10px 18px 30px -10px #17181a66}.svc h3{letter-spacing:-.015em;margin:6px 0 8px;font-size:clamp(24px,2.2vw,32px);font-weight:400;line-height:1.1}.svc p{max-width:36ch}.svc .who{max-width:none;margin-top:10px}.gl #websites:not(.gl-failed) .svc{width:0;height:0;margin:0;display:block;position:absolute;top:0;left:0}.gl #websites:not(.gl-failed) .svc .pair,.gl #websites:not(.gl-failed) .svc .n{display:none}.gl #websites:not(.gl-failed) .svc li{visibility:hidden;will-change:transform,opacity;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:baseline;gap:2px 28px;display:grid;position:absolute;top:0;left:0}.gl #websites:not(.gl-failed) .stage:not(.live)~.svc li{visibility:hidden!important}.gl #websites:not(.gl-failed) .svc li:not(.on){pointer-events:none}.gl #websites:not(.gl-failed) .svc h3{grid-column:1;margin:0;font-size:clamp(22px,1.9vw,30px)}.gl #websites:not(.gl-failed) .svc p{grid-column:2;max-width:44ch;font-size:18px;line-height:1.45}.gl #websites:not(.gl-failed) .svc .who{margin-top:4px;font-size:10.5px}@media (width<=760px){#websites .head{grid-template-columns:minmax(0,1fr) auto}#websites .head h2{font-size:42px}#websites .head button.go{padding:13px 18px 12px;font-size:17px}#websites .stage{height:max(560px,100svh - 118px)}.gl #websites:not(.gl-failed) .svc li{grid-template-columns:minmax(0,1fr)}.gl #websites:not(.gl-failed) .svc h3,.gl #websites:not(.gl-failed) .svc p{grid-column:1}.gl #websites:not(.gl-failed) .svc h3{margin-bottom:4px;font-size:24px}.gl #websites:not(.gl-failed) .svc p{font-size:17px}.svc{grid-template-columns:minmax(0,1fr)}}form{grid-template-columns:1fr 1fr;gap:22px;display:grid}form .full{grid-column:1/-1}label{align-content:start;gap:6px;display:grid}input,textarea{font:inherit;color:var(--ink);-webkit-appearance:none;appearance:none;background:0 0;border:0;border-bottom:1px solid #b9b9b2;border-radius:0;width:100%;padding:6px 0 8px;font-size:18px}textarea{resize:vertical;min-height:88px}input:focus,textarea:focus{border-bottom-color:var(--ink);outline:none}[aria-invalid=true]{border-bottom-color:#9b2c1f}.err{color:#9b2c1f;min-height:0;font-size:15px}.err:empty{display:none}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.send{flex-wrap:wrap;align-items:center;gap:22px;display:flex}button.go{font:inherit;background:var(--ink);color:var(--paper);cursor:pointer;border:0;border-radius:0;padding:17px 28px 15px;font-size:18px}button.go[disabled]{opacity:.5;cursor:default}@media (hover:hover){button.go:hover{opacity:.86}}.status{font-size:17px}@media (width<=560px){form{grid-template-columns:1fr}}dialog.ask{background:var(--paper);color:var(--ink);border:0;width:min(640px,100% - 32px);max-height:calc(100svh - 32px);margin:auto;padding:0;box-shadow:0 30px 80px -20px #17181a59}dialog.ask::backdrop{backdrop-filter:blur(3px);background:#f5f5f5b8}.ask-in{padding:clamp(22px,4vw,40px)}.ask-top{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.ask .x{cursor:pointer;background:0 0;border:0}.ask-lead{margin-bottom:26px;font-size:clamp(20px,2vw,24px)}#websites .head button.go{margin-top:6px}.thanks{font-size:clamp(22px,2.2vw,28px);line-height:1.35}.rows{margin-top:18px;list-style:none}.rows li{gap:6px var(--gut);border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);align-items:baseline;padding:15px 0 13px;display:grid}.rows .name{letter-spacing:-.01em;font-size:clamp(20px,1.8vw,24px)}.rows .what{color:var(--grey)}.rows .go{text-align:right}.rows a{text-decoration:none}.rows a span{text-underline-offset:3px;text-decoration:underline 1px}@media (width<=760px){.rows li{grid-template-columns:1fr auto}.rows .what{grid-area:2/1;font-size:17px}.rows .go{grid-area:1/2/3;align-self:center}}footer.end{justify-content:space-between;gap:16px;padding-block:90px 28px;display:flex}