@font-face{font-family:Urbanist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/urbanist-latin-ext-wght-normal.Bdxck5Au.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/urbanist-latin-wght-normal.D69JTELx.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fbfbf9;--ink:#121211;--mute:#9a9893;--line:#e6e4df;--font:"Urbanist Variable","Urbanist","Helvetica Neue",Arial,sans-serif;--gap:5px;--radius:10px;--ease:cubic-bezier(.77,0,.18,1);--ease-out:cubic-bezier(.16,1,.3,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.35;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a:focus-visible,button:focus-visible{outline:1.5px solid var(--ink);outline-offset:3px}[hidden]{display:none!important}.page{background:var(--paper);min-height:100%;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));flex-direction:column;gap:clamp(56px,8vw,120px);padding-block:76px 0;display:flex;position:relative}.page.tight{gap:36px}.view-in{animation:viewIn .7s var(--ease-out)}@keyframes viewIn{0%{opacity:0;transform:translateY(14px)}}.bar{z-index:5;padding:calc(env(safe-area-inset-top,0px) + 16px) max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));background:var(--paper);transition:transform .6s var(--ease);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-size:17px;font-weight:500;display:grid;position:fixed;top:0;left:0;right:0}.bar.away{transform:translateY(-100%)}.bar .logo{letter-spacing:-.02em;justify-self:start;font-size:44px;font-weight:800;line-height:1}.bar .logo span{font-weight:300}.bar nav{gap:32px;display:flex}.bar nav a,.bar nav .soon{color:var(--mute);transition:color .2s}.bar nav .soon{cursor:default}.bar nav a[aria-current],.bar nav a:hover{color:var(--ink)}.bar .cta{white-space:nowrap;justify-self:end}.works{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.work{background:var(--line);border-radius:var(--radius);grid-column:var(--c);grid-row:var(--r);aspect-ratio:1;opacity:0;min-width:0;max-width:100%;transition:opacity 1s ease, transform 1.2s var(--ease-out);transition-delay:var(--d,0s);position:relative;overflow:hidden;transform:translateY(24px);container-type:size}.work.big{aspect-ratio:auto}.work.in{opacity:1;transform:none}.work.now{transition:none}.work .cover,.work .r{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--ease-out);position:absolute;inset:0}.work:hover .cover,.work:hover .r,.work:hover .loop{transform:scale(1.04)}.work .loop{pointer-events:none;opacity:0;transition:opacity .8s ease, transform 1.1s var(--ease-out);width:max(100cqw, calc(100cqh * var(--ar,1.7778)));height:max(100cqh, calc(100cqw / var(--ar,1.7778)));border:0;position:absolute;top:50%;left:50%;translate:-50% -50%}.work .loop.ready{opacity:1}.empty{text-align:center;color:var(--mute);padding-block:12vh;font-size:18px}.r:before{content:"";background:var(--bg);background-size:140% 140%;animation:9s ease-in-out infinite alternate drift;position:absolute;inset:-20%}.r:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 34% 30%,var(--hl) 0 8%,var(--obj) 42%,var(--sh) 100%);border-radius:50%;height:42%;animation:6s ease-in-out infinite alternate bob;position:absolute;top:52%;left:50%;translate:-50% -50%;box-shadow:18px 26px 40px -10px #00000059}.cube .r:after{border-radius:14%;rotate:18deg}.pill .r:after{aspect-ratio:.45;border-radius:999px;height:56%}@keyframes drift{to{background-position:100% 100%}}@keyframes bob{to{translate:-50% -56%}}.label{background:var(--paper);opacity:0;max-width:calc(100% - 20px);transition:opacity .35s ease, transform .5s var(--ease-out);border-radius:6px;align-items:baseline;gap:10px;padding:7px 11px 8px;display:flex;position:absolute;bottom:10px;left:10px;transform:translateY(8px)}.label h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.label span{color:var(--mute);white-space:nowrap;font-size:12px}.work:hover .label,.work:focus-visible .label{opacity:1;transform:none}.project{flex-direction:column;gap:clamp(28px,4vw,56px);padding-top:clamp(12px,2vw,32px);display:flex}.back{color:var(--mute);align-self:flex-start;align-items:center;gap:8px;font-size:15px;font-weight:500;transition:color .2s;display:inline-flex}.back:hover{color:var(--ink)}.p-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.p-head h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(40px,6.2vw,100px);font-weight:800;line-height:.95}.p-meta{color:var(--mute);gap:20px;margin:0;font-size:16px;font-weight:500;display:flex}.media{border-radius:var(--radius);background:var(--line);max-width:100%;position:relative;overflow:hidden}.media>img,.media>iframe,.frame>img,.frame>iframe{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.p-hero{aspect-ratio:16/9}.p-hero.tall .wash{object-fit:cover;filter:blur(40px)saturate(1.1);opacity:.55;width:120%;height:120%;position:absolute;inset:-10%}.p-hero.tall:after{content:"";background:#fbfbf973;position:absolute;inset:0}.p-hero.tall .frame{z-index:1;border-radius:var(--radius);background:var(--line);max-width:calc(100% - 32px);position:absolute;top:clamp(16px,3vw,40px);bottom:clamp(16px,3vw,40px);left:50%;overflow:hidden;translate:-50%;box-shadow:0 24px 60px -28px #00000073}.p-hero.tall.ph{background:var(--panel)}.p-info{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.p-desc{white-space:pre-line;grid-column:1/span 7;margin:0;font-size:clamp(18px,1.5vw,22px);line-height:1.5}.p-credits{flex-direction:column;grid-column:9/span 4;gap:14px;margin:0;display:flex}.p-credits dt{color:var(--mute);margin-bottom:2px;font-size:13px}.p-credits dd{margin:0;font-size:16px;font-weight:500}.p-stills{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.p-stills .media{aspect-ratio:1}.p-stills .media.wide{aspect-ratio:16/9;grid-column:1/-1}.p-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;padding-top:24px;display:grid}.p-step{flex-direction:column;gap:6px;min-width:0;display:flex}.p-step.next{text-align:right;align-items:flex-end}.p-step small{color:var(--mute);font-size:14px;font-weight:500}.p-step strong{letter-spacing:-.03em;color:var(--mute);font-size:clamp(20px,3vw,48px);font-weight:800;line-height:1.05;transition:color .25s}.p-step:hover strong,.p-step:focus-visible strong{color:var(--ink)}.about{flex-direction:column;gap:clamp(56px,8vw,112px);padding-top:clamp(16px,3vw,40px);display:flex}.ab-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.portrait{grid-column:1/span 4;align-self:start;margin:0}.portrait img{aspect-ratio:3/4;object-fit:cover;object-position:50% 62%;border-radius:var(--radius);width:100%;height:auto}.ab-text{flex-direction:column;grid-column:6/span 7;gap:32px;min-width:0;display:flex}.hello{letter-spacing:-.03em;margin:0;font-size:clamp(44px,5.4vw,84px);font-weight:800;line-height:1}.bio{flex-direction:column;gap:18px;max-width:46ch;font-size:clamp(18px,1.5vw,22px);line-height:1.45;display:flex}.bio p{margin:0}.bio .lead{font-weight:600}.mail{flex-direction:column;gap:6px;display:flex}.mail-label{color:var(--mute);margin:0;font-size:clamp(18px,1.5vw,22px)}.mail-addr{letter-spacing:-.01em;overflow-wrap:anywhere;text-underline-offset:.18em;align-self:flex-start;font-size:clamp(22px,2.2vw,32px);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.mail-addr:hover{text-decoration-thickness:2.5px}.shortlist{flex-direction:column;gap:16px;display:flex}.shortlist h2{text-align:center;letter-spacing:-.01em;margin:0;font-size:clamp(20px,2vw,26px);font-weight:700}.marquee{scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;margin-left:calc(-1 * max(16px,env(safe-area-inset-left,0px)));margin-right:calc(-1 * max(16px,env(safe-area-inset-right,0px)));overflow:auto hidden}.marquee::-webkit-scrollbar{display:none}.marquee.dragging{cursor:grabbing}.track{gap:var(--gap);width:max-content;display:flex}.client{aspect-ratio:16/10;border-radius:var(--radius);background:#f0eee9;flex:none;place-items:center;height:clamp(110px,11vw,160px);transition:background .3s;display:grid}.client img{object-fit:contain;filter:grayscale();opacity:.5;-webkit-user-drag:none;max-width:52%;max-height:38%;transition:opacity .3s,filter .3s}.client .wordmark{color:#8d8a84;white-space:nowrap;font-size:clamp(17px,1.7vw,24px);transition:color .3s}.client:hover{background:#e9e6e0}.client:hover img{opacity:1;filter:none}.client:hover .wordmark{color:var(--ink)}.floor{flex-direction:column;gap:16px;margin-top:auto;padding-bottom:84px;display:flex}.floor .links{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px 20px;padding-top:14px;font-size:17px;font-weight:500;display:grid}.floor .place{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.floor .place time{color:var(--mute);font-variant-numeric:tabular-nums}.floor .place .dot{background:#3fb06b;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.social{gap:14px;display:flex}.social a{width:36px;height:36px;color:var(--ink);border-radius:12px;place-items:center;transition:background .25s,color .25s;display:grid}.social a:hover{background:var(--ink);color:var(--paper)}.social svg{width:24px;height:24px}.floor .copy{color:var(--mute);white-space:nowrap;justify-self:end}.totop{z-index:20;right:max(16px,calc(env(safe-area-inset-right,0px) + 16px));bottom:calc(env(safe-area-inset-bottom,0px) + 16px);background:var(--paper);border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .4s ease, transform .5s var(--ease-out), border-color .2s;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:16px;font-weight:500;display:flex;position:fixed;transform:translateY(12px)}.totop.on{opacity:1;pointer-events:auto;transform:none}.totop:hover{border-color:var(--ink)}.totop svg{transition:transform .4s var(--ease-out)}.totop:hover svg{transform:translateY(-3px)}html.lock,html.lock body{overscroll-behavior:none;touch-action:none;overflow:hidden}.intro{z-index:10;background:var(--paper);position:fixed;inset:0}.iname{z-index:13;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.iname .row{transition:transform 1.3s var(--ease), opacity .7s ease .35s;gap:.28em;font-size:clamp(30px,4.6vw,68px);line-height:1;display:flex;position:relative}.iname .word{padding-top:.2em;padding-bottom:.02em;display:inline-flex;overflow:hidden}.iname .ch{transition:transform .75s cubic-bezier(.2,.75,.2,1);transition-delay:calc(var(--i)*80ms);display:inline-block;transform:translateY(115%)}.iname .a{letter-spacing:-.02em;font-weight:800}.iname .b{letter-spacing:-.02em;font-weight:300}.s1 .ch{transform:none}.s3 .row{opacity:0;transform:scale(1.9)}.done{visibility:hidden}.page.masking{z-index:12}.page.opening{transition:clip-path .9s var(--ease)}.page.opening.full{transition:clip-path 1.2s var(--ease)}.page.masking .works{transform-origin:50% var(--oy,50%);transform:scale(1.3)}.page.opening .works{transition:transform 1.25s var(--ease)}.page.masking.full .works{transform:none}@media (width<=820px){.bar{grid-template-columns:1fr auto;row-gap:6px}.bar nav{grid-area:2/1/auto/-1;gap:22px}}@media (width<=620px){:root{--radius:8px}.bar{padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:10px;font-size:16px}.bar .logo{font-size:36px}.works{grid-template-columns:repeat(2,minmax(0,1fr))}.work{grid-area:auto}.work.big{aspect-ratio:1;grid-column:1/-1}.p-desc,.p-credits{grid-column:1/-1}.p-hero.tall{aspect-ratio:auto;background:0 0}.p-hero.tall:after,.p-hero.tall .wash{display:none}.p-hero.tall .frame{width:100%;max-width:100%;box-shadow:none;position:relative;top:auto;bottom:auto;left:auto;translate:none}.portrait,.ab-text{grid-column:1/-1}.portrait img{aspect-ratio:4/5}.bio{font-size:16px}.floor .links{grid-template-columns:1fr auto}.floor .place{grid-column:1/-1}.social{margin-left:-6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.work{opacity:1;transform:none}}