@font-face{font-family:Archivo;src:url(../../../fonts/archivo-var.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}:root{color-scheme:dark;--void: var(--ground);--ground: #000000;--ground-c: var(--ground);--field: #140d0f;--plate: #1d1416;--ink: #f2ebe8;--ink-2: #b8aaa6;--ink-3: #8a7c79;--accent: #b0344c;--accent-hi: #c63f5a;--alu: #d9d6d4;--font: "Archivo", "Helvetica Neue", Arial, sans-serif;--wide: 112%;--m: clamp(20px, 3.9vw, 56px);--pad: max(var(--m), calc((100vw - 2200px)/2) );--gap: 24px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.23, 1, .32, 1);--t-s: 15px;--t-b: 18px;--t-l: clamp(19px, 1.55vw, 22px);--t-xl: clamp(22px, 2.1vw, 30px);--tana-font: var(--font);--bw: min(100vw, 2400px, 150vh);--out: min(var(--pad), 160px);--band: clamp(200px, 24vw, 460px)}@media(min-width:1024px){:root{--pad: max(clamp(112px, 8.5vw, 176px), calc((100vw - 2200px)/2) )}}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip;background:var(--ground);color:var(--ink);-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html.lenis,html.lenis body{height:auto;scroll-behavior:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}body{margin:0;background:var(--ground);font:400 var(--t-b)/1.58 var(--font);font-stretch:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}img,video{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--alu);outline-offset:3px;border-radius:2px}::selection{background:var(--accent);color:#fff}code{font-family:ui-monospace,JetBrains Mono,monospace;font-size:.86em;color:var(--alu)}.nowrap{white-space:nowrap}.small{font-size:var(--t-s);color:var(--ink-2)}.link{color:var(--ink);text-decoration:underline;text-decoration-color:#f2ebe859;text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .16s var(--ease)}.link:hover{text-decoration-color:var(--ink)}.skip{position:absolute;left:var(--m);top:-60px;z-index:60;background:var(--ink);color:var(--ground);padding:10px 14px;text-decoration:none}.skip:focus{top:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bar{position:absolute;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;gap:40px;height:76px;padding:0 var(--pad)}.mark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:600;font-stretch:var(--wide);font-size:var(--t-b)}.bar nav{display:flex;align-items:baseline;gap:28px;margin-left:auto;font-size:16px;line-height:1.5}.bar nav>:is(a,.lang){padding:10px 0;line-height:1.5}.bar nav>.rabbit-btn{align-self:center;translate:0 -3px}.bar nav a{text-decoration:none;color:var(--ink-2);padding:10px 0;transition:color .16s var(--ease)}.bar nav a:hover,.bar nav a[aria-current=page]{color:var(--ink)}.lang{display:inline-flex;gap:8px;color:var(--ink-3);align-items:baseline;font-size:inherit}.lang b,.lang a{font-size:inherit;line-height:inherit}.lang b{color:var(--ink);font-weight:600}.lang a{text-decoration:none;color:var(--ink-2)!important;padding:0!important}.lang a:hover{color:var(--ink)!important}.work,.lab,.job,.ai,.about,.contact{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:clamp(36px,4vw,64px);padding:clamp(96px,10vw,200px) var(--pad) clamp(72px,6vw,112px);align-items:start;scroll-margin-top:20px}.work>*,.lab>*,.job>*,.ai>*,.about>*,.contact>*{grid-column:1 / -1}.work-head,.work-col,.work-body,.job-text,.about-text,.lab-copy,.over-text,.systems,.stack,.method,.lab h2,.pair,.screens,.captures,.lotpath,.deeper{position:relative;z-index:2}.field{background:var(--field);background:var(--dither) 0 0 / 96px 96px,linear-gradient(to bottom,transparent 0,color-mix(in oklab,transparent,var(--field) 10%) calc(var(--band) * .2),color-mix(in oklab,transparent,var(--field) 35%) calc(var(--band) * .4),color-mix(in oklab,transparent,var(--field) 65%) calc(var(--band) * .6),color-mix(in oklab,transparent,var(--field) 90%) calc(var(--band) * .8),var(--field) var(--band),var(--field) calc(100% - var(--band)),color-mix(in oklab,transparent,var(--field) 90%) calc(100% - var(--band) * .8),color-mix(in oklab,transparent,var(--field) 65%) calc(100% - var(--band) * .6),color-mix(in oklab,transparent,var(--field) 35%) calc(100% - var(--band) * .4),color-mix(in oklab,transparent,var(--field) 10%) calc(100% - var(--band) * .2),transparent 100%);background:var(--dither) 0 0 / 96px 96px,linear-gradient(in oklab to bottom,transparent 0,color-mix(in oklab,transparent,var(--field) 10%) calc(var(--band) * .2),color-mix(in oklab,transparent,var(--field) 35%) calc(var(--band) * .4),color-mix(in oklab,transparent,var(--field) 65%) calc(var(--band) * .6),color-mix(in oklab,transparent,var(--field) 90%) calc(var(--band) * .8),var(--field) var(--band),var(--field) calc(100% - var(--band)),color-mix(in oklab,transparent,var(--field) 90%) calc(100% - var(--band) * .8),color-mix(in oklab,transparent,var(--field) 65%) calc(100% - var(--band) * .6),color-mix(in oklab,transparent,var(--field) 35%) calc(100% - var(--band) * .4),color-mix(in oklab,transparent,var(--field) 10%) calc(100% - var(--band) * .2),transparent 100%);padding-bottom:clamp(120px,12vw,220px)}.tone-c{background:none}.work-head h2,.lab h2,.job h2,.ai h2,.about h2{font-size:clamp(46px,6.6vw,128px);line-height:.92;font-weight:640;font-stretch:var(--wide);letter-spacing:-.045em;text-wrap:balance}.work-head h2 .appicon{display:inline-block;width:.85em;height:.85em;margin-left:.3em;vertical-align:-.05em;border-radius:22%}.tagline{margin-top:20px;font-size:var(--t-xl);line-height:1.22;font-weight:500;letter-spacing:-.015em;max-width:21em;text-wrap:pretty}.meta{margin-top:16px;font-size:var(--t-s);color:var(--ink-2)}.work-body p,.job-text p,.about-text p{max-width:36em;text-wrap:pretty}.work-body p+p,.job-text p+p,.about-text p+p{margin-top:1em}.work-body.two{display:grid;grid-template-columns:repeat(2,minmax(0,36em));gap:var(--gap) clamp(24px,4vw,72px)}.work-body.two p+p{margin-top:0}figure figcaption{margin-top:12px;font-size:var(--t-s);color:var(--ink-2);max-width:46em}.shot img,.shot video{width:100%;background:var(--plate);border-radius:4px}.pair{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.render{position:relative;z-index:0;--fl: 14%;--fr: 14%;--ft: 12%;--fb: 24%;--core: 36%;--soft: 80%}.render img,.render video,.render canvas{width:100%;height:auto;background:transparent;--m-x: linear-gradient(to right, rgb(0 0 0 / 0) 0, rgb(0 0 0 / .1) calc(var(--fl) * .2), rgb(0 0 0 / .35) calc(var(--fl) * .4), rgb(0 0 0 / .65) calc(var(--fl) * .6), rgb(0 0 0 / .9) calc(var(--fl) * .8), #000 var(--fl), #000 calc(100% - var(--fr)), rgb(0 0 0 / .9) calc(100% - var(--fr) * .8), rgb(0 0 0 / .65) calc(100% - var(--fr) * .6), rgb(0 0 0 / .35) calc(100% - var(--fr) * .4), rgb(0 0 0 / .1) calc(100% - var(--fr) * .2), rgb(0 0 0 / 0) 100%);--m-y: linear-gradient(to bottom, rgb(0 0 0 / 0) 0, rgb(0 0 0 / .1) calc(var(--ft) * .2), rgb(0 0 0 / .35) calc(var(--ft) * .4), rgb(0 0 0 / .65) calc(var(--ft) * .6), rgb(0 0 0 / .9) calc(var(--ft) * .8), #000 var(--ft), #000 calc(100% - var(--fb)), rgb(0 0 0 / .9) calc(100% - var(--fb) * .8), rgb(0 0 0 / .65) calc(100% - var(--fb) * .6), rgb(0 0 0 / .35) calc(100% - var(--fb) * .4), rgb(0 0 0 / .1) calc(100% - var(--fb) * .2), rgb(0 0 0 / 0) 100%);--m-r: radial-gradient(ellipse at 50% 46%, #000 var(--core), rgb(0 0 0 / .9) calc(var(--core) + (var(--soft) - var(--core)) * .2), rgb(0 0 0 / .65) calc(var(--core) + (var(--soft) - var(--core)) * .4), rgb(0 0 0 / .35) calc(var(--core) + (var(--soft) - var(--core)) * .6), rgb(0 0 0 / .1) calc(var(--core) + (var(--soft) - var(--core)) * .8), rgb(0 0 0 / 0) var(--soft));-webkit-mask-image:var(--m-x),var(--m-y),var(--m-r);-webkit-mask-composite:source-in,source-in;mask-image:var(--m-x),var(--m-y),var(--m-r);mask-composite:intersect}.render.bright{--core: 22%;--soft: 78%;--fl: 18%;--fr: 18%;--ft: 18%;--fb: 26%}.render.big{margin-inline:calc(-1*clamp(0px,4vw,80px))}.bleed{grid-column:1 / -1;width:var(--bw);margin-inline:calc((100% - var(--bw)) / 2)}.bleed video{max-height:92vh;object-fit:cover}.render.ext>picture{display:block}.render.ext>picture>img,.render.ext>img{width:140%;max-width:none;margin:calc(-20% * var(--ar)) -20%;-webkit-mask-image:none;mask-image:none}.render.ext{--fl: 0%;--fr: 0%;--ft: 0%;--fb: 0%}.js .render.pending>*{transform:translateY(28px) scale(.985);opacity:.001}.js .render>*{transition:transform 1.1s var(--ease),opacity .9s var(--ease)}.js .render.arloop>*{transition:none}.deeper{grid-column:1 / -1}.dp-h{margin:0;font:inherit}.deeper-body{display:grid;gap:18px}.deeper-body.cols{grid-template-columns:1fr 1fr;max-width:none;align-items:start}.deeper-body h3{font-size:var(--t-l);margin-bottom:8px}.deeper-body p{max-width:62ch;text-wrap:pretty}.deeper .render{max-width:760px}.colophon{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;font-size:14px;line-height:1.3;color:var(--ink-2);font-variant-numeric:tabular-nums lining-nums;max-width:46rem}.colophon>span{padding:0 12px;border-left:1px solid rgba(242,235,232,.14);white-space:nowrap}.colophon{margin-left:-13px;clip-path:inset(-6px -6px -6px 13px)}.colophon .mat{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:600;font-stretch:106%}.colophon .mat img{width:18px;height:18px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff14}.colophon .year{color:var(--ink)}.colophon .links{display:inline-flex;gap:14px}.work-head h2,.lab h2,.job h2,.ai h2,.about h2,.contact h2,.tagline,.ai-intro{text-wrap:balance}p,li,dd,dt,figcaption{text-wrap:pretty}.rv>*,h2.rv{opacity:.001;transform:translateY(22px)}.rv.in>*,h2.rv.in{opacity:1;transform:none;transition:transform .9s var(--ease-out),opacity .7s var(--ease-out)}.rv.in>:nth-child(2){transition-delay:70ms}.rv.in>:nth-child(3){transition-delay:.14s}.rv.in>:nth-child(4){transition-delay:.21s}.rv.in>:nth-child(n+5){transition-delay:.26s}@media(max-width:1023px){.bar{height:64px;gap:16px}.bar nav .hide-s{display:none}.bar nav{gap:16px}.work,.lab,.job,.ai,.about,.contact{display:block;padding:96px var(--m) 64px}.work>*+*,.lab>*+*,.job>*+*,.ai>*+*,.about>*+*{margin-top:36px}.work-head h2,.lab h2,.job h2,.ai h2,.about h2{font-size:clamp(44px,12vw,72px)}.work-body.two,.pair,.deeper-body.cols{grid-template-columns:1fr;display:grid;gap:24px}.render{--fl: 0%;--fr: 0%;--ft: 10%;--fb: 30%}.render.big{margin-inline:calc(-1 * var(--m))}}@media(min-width:2300px){body{font-size:20px}:root{--t-s: 17px;--t-b: 20px}}@media(prefers-reduced-motion:reduce){.js .render.pending>*{transform:none;opacity:1}.js .render>*{transition:none}}@media(pointer:coarse){.mark,.lang a,.foot-text a{position:relative}.mark:after,.lang a:after,.foot-text a:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}}.render>picture{display:block}.bunny{display:block;overflow:visible;image-rendering:pixelated}.bunny .b-all{transform-box:fill-box;transform-origin:50% 100%}@media(prefers-reduced-motion:no-preference){@media(hover:hover){.hop-host:hover .bunny .b-all{animation:b-hop .52s steps(1,end)}.hop-host:hover .bunny .b-ear-r{animation:b-twitch .52s steps(1,end)}}.hop-host:focus-visible .bunny .b-all,.bunny.hop .b-all{animation:b-hop .52s steps(1,end)}.hop-host:focus-visible .bunny .b-ear-r,.bunny.hop .b-ear-r{animation:b-twitch .52s steps(1,end)}}@keyframes b-hop{0%{transform:translateY(0)}12%{transform:translateY(0)}24%{transform:translateY(-1px)}36%{transform:translateY(-2px)}60%{transform:translateY(-1px)}76%{transform:translateY(0)}88%,to{transform:translateY(0)}}@keyframes b-twitch{0%,20%{transform:none}28%{transform:translate(1px,1px)}44%{transform:none}52%{transform:translate(1px,1px)}64%,to{transform:none}}.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--dither) 0 0 / 96px 96px,linear-gradient(to bottom,var(--void) 50%,color-mix(in oklab,var(--void),var(--ground) 35%) 70%,color-mix(in oklab,var(--void),var(--ground) 80%) 88%,var(--ground));min-height:max(760px,min(100svh,62vw));display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;column-gap:var(--gap);padding:0 var(--pad)}.stage{position:absolute;top:0;right:calc(var(--pad) - var(--m));height:100%;aspect-ratio:16 / 9;z-index:-1;--hr: clamp(0%, (100vw - 2312px) * .4, 16%);-webkit-mask-image:linear-gradient(to right,transparent,#000 16%,#000 calc(100% - var(--hr)),transparent);mask-image:linear-gradient(to right,transparent,#000 16%,#000 calc(100% - var(--hr)),transparent)}.stage img{width:100%;height:100%;object-fit:cover}.stage .still,.stage .frames{position:absolute;top:0;right:0;bottom:0;left:0}.stage .frames img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.stage .frames img.on,.stage .frames img.under{opacity:1}.stage .frames img.on{z-index:2}.stage .frames img.under{z-index:1}@media(max-width:1023px),(prefers-reduced-motion:reduce){.stage.turned .frames img.on{animation:frame-in .26s cubic-bezier(.22,1,.36,1)}}@keyframes frame-in{0%{opacity:0}}.stage.ready .still{opacity:0}.stage:after{content:"";position:absolute;inset:auto 0 0 0;height:36%;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.72) 55%,var(--ground))}.hit{position:absolute;left:0;top:0;transform:translate(-50%,-50%);background:transparent;border:0;padding:0}.knob-hit{width:8%;aspect-ratio:1;border-radius:50%;cursor:grab;touch-action:none}.knob-hit:active{cursor:grabbing}.hero-copy{grid-column:1 / span 7;grid-row:1;padding-top:clamp(116px,13vh,168px)}.name{font-size:var(--t-b);font-weight:600;font-stretch:var(--wide);color:var(--ink);margin-bottom:18px}h1{font-size:clamp(30px,3.25vw,60px);line-height:1.07;font-weight:600;font-stretch:106%;letter-spacing:-.028em;max-width:19em;text-wrap:balance}.lede{margin-top:24px;max-width:24em;font-size:var(--t-l);line-height:1.5;color:var(--ink-2)}.console{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start;padding-bottom:clamp(36px,5vh,64px);scroll-margin-top:24px}.selector{grid-column:1 / span 3;border:0;margin:0;padding:0;min-width:0}.selector legend{padding:0;margin-bottom:12px;color:var(--ink-2);font-size:16px}.selector label{position:relative;display:flex;align-items:center;gap:14px;min-height:44px;cursor:pointer;font-size:var(--t-b);font-weight:520;font-stretch:106%;color:var(--ink-2);transition:color .16s var(--ease)}.selector label:hover{color:var(--ink)}.selector input{position:absolute;opacity:0;width:1px;height:1px}.selector .detent{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink-3);flex:none;transition:background-color .16s var(--ease),border-color .16s var(--ease),transform .2s var(--ease)}.selector{position:relative}.selector input:checked+.detent{border-color:var(--accent-hi)}.selector .drop{position:absolute;z-index:1;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:6px;background:var(--accent-hi);pointer-events:none;will-change:transform}.js .selector .drop{animation:drop-in .5s ease .36s both}@keyframes drop-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.js .selector .drop{animation:none}}.selector label:has(input:checked){color:var(--ink)}.selector input:focus-visible+.detent{outline:2px solid var(--alu);outline-offset:4px}.groups{grid-column:4 / span 9;display:grid;padding-top:30px}.group{grid-area:1 / 1}.group[hidden]{display:block;visibility:hidden}.group li a{display:block;padding:9px 0;text-decoration:none;color:var(--ink-2);transition:color .16s var(--ease),transform .2s var(--ease)}.group .dr{display:block;overflow:visible clip}.group .dr-in{display:grid;grid-template-columns:9.5em 1fr auto;gap:20px;align-items:baseline}.group li a b{color:var(--ink);font-size:var(--t-l);font-weight:600;font-stretch:106%}.group li a i{font-style:normal;font-size:var(--t-s);color:var(--ink-3);font-variant-numeric:tabular-nums}.group li a:hover{color:var(--ink);transform:translate(4px)}@keyframes rise{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:1180px){.group .dr-in{grid-template-columns:8em 1fr auto}}@media(max-width:1023px){.hero{display:flex;flex-direction:column;min-height:0;padding:0;background:var(--ground)}.hero-copy{order:1;padding:92px var(--m) 0;position:relative;z-index:1}.stage{order:2;position:relative;inset:auto;height:auto;width:100%;aspect-ratio:4 / 5;margin-top:-170px;z-index:0;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%);mask-image:linear-gradient(to bottom,transparent,#000 30%)}.stage:after{height:30%}.knob-hit{width:18%}.console{order:3;display:block;padding:0 var(--m) 56px;margin-top:-36px;position:relative;z-index:1}h1{font-size:clamp(27px,7.2vw,40px);line-height:1.1}.lede{font-size:18px}.groups{padding-top:18px}.group .dr-in{grid-template-columns:1fr auto;gap:2px 12px}.group li a span{grid-column:1 / -1;grid-row:2;font-size:16px}}@media(min-width:760px)and (max-width:1023px){.stage{aspect-ratio:5 / 4;margin-top:-150px}.stage img{object-position:50% 78%}}.js .hero-copy>*,.js .selector legend,.js .selector label,.js .groups:not(.rolled) .group.is-on li,.js .now{animation:power .62s var(--ease) both}.js .hero-copy>:nth-child(2){animation-delay:60ms}.js .hero-copy>:nth-child(3){animation-delay:.12s}.js .selector legend{animation-delay:.24s}.js .selector label:nth-of-type(1){animation-delay:.3s}.js .selector label:nth-of-type(2){animation-delay:.35s}.js .selector label:nth-of-type(3){animation-delay:.4s}.js .groups:not(.rolled) .group.is-on li:nth-child(1){animation-delay:.38s}.js .groups:not(.rolled) .group.is-on li:nth-child(2){animation-delay:.43s}.js .groups:not(.rolled) .group.is-on li:nth-child(3){animation-delay:.48s}.js .now{animation-delay:.56s}.js .stage{animation:lamp .9s var(--ease) both}@keyframes power{0%{opacity:.01;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes lamp{0%{opacity:.35}to{opacity:1}}@media(prefers-reduced-motion:reduce){.js .hero-copy>*,.js .selector legend,.js .selector label,.js .group.is-on li,.js .stage{animation:none}}.work .render,.lab .render,.job .render,.about .render{align-self:center}.work-a .work-head{grid-column:1 / span 6;align-self:center;position:relative;z-index:1}.work-a .moment{grid-column:6 / -1;margin-right:calc(-1 * var(--out))}.work-a .work-body{grid-column:1 / span 6}.work-a .padlock{grid-column:7 / -1;margin-top:0;margin-right:calc(-1 * var(--out));--ft: 20%}.work-a .wide{grid-column:1 / -1}.work-b .moment{grid-column:1 / span 7;margin-left:calc(-1 * var(--out))}.work-b .work-col{grid-column:8 / -1;align-self:center;position:relative;z-index:1}.work-b .work-body{margin-top:32px}.screens{grid-column:1 / -1;display:grid;grid-template-columns:3fr 1fr 1fr;gap:var(--gap);align-items:end}.screens .phone img{border-radius:14px}.work-b .stick{grid-column:5 / span 7;margin-block:clamp(-40px,-2vw,0px)}.work-c .work-head{grid-column:1 / span 6}.work-c .work-body{grid-column:7 / -1;align-self:end}.work-c .bleed{--ft: 18%;--fb: 22%;margin-top:clamp(-60px,-3vw,0px)}.work-d .bleed{--ft: 10%;--fb: 34%}.work-d .work-head{grid-column:1 / span 6;margin-top:clamp(-120px,-5vw,-40px);position:relative;z-index:1}.work-d .work-body{grid-column:7 / -1;align-self:end}.work-d .dash{grid-column:1 / span 8}.work-e .work-col{grid-column:1 / span 5;align-self:center;position:relative;z-index:1}.work-e .work-body{margin-top:32px}.work-e .moment{grid-column:6 / -1;margin-right:calc(-1 * var(--out))}.lotpath{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.lotpath .step{position:relative;padding:22px 22px 22px 0}.lotpath .step:before{content:"";display:block;height:4px;background:var(--alu);margin-bottom:18px}.lotpath .step.q:before{background:var(--accent)}.lotpath .step b{display:block;font-size:var(--t-l);font-weight:600}.lotpath .step span{display:block;margin-top:4px;font-size:var(--t-s);color:var(--ink-2);max-width:15em}.captures{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.work-e .compass{grid-column:4 / span 6;margin-top:clamp(-20px,-1vw,0px)}.over{padding-top:clamp(64px,6vw,120px)}.over .stage-r{grid-column:1 / -1;grid-row:1;--ft: 14%;--fb: 34%}.over .stage-r img{max-height:none}.over .over-text{grid-column:1 / span 5;grid-row:1;align-self:center;position:relative;z-index:1}.over .over-text:before{content:"";position:absolute;inset:-12% -30% -12% calc(-1 * var(--pad));z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 35% 50%,#000c,#0000009e 35%,#0000004d 65%,#00000014 85%,#0000)}.work-f .work-body{margin-top:28px}.job .moment{grid-column:1 / span 6;margin-left:calc(-1 * var(--out))}.job-text{grid-column:7 / -1;align-self:center}.job-text h2{margin-bottom:28px}.systems{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 var(--gap)}.systems li{padding:18px 0 26px;border-top:1px solid rgba(242,235,232,.12)}.systems li{color:var(--ink-2);font-size:16px}.systems b{display:block;color:var(--ink);font-size:var(--t-l);font-weight:600;font-stretch:106%;letter-spacing:-.005em;margin-bottom:8px;text-wrap:balance}.systems span{display:block;max-width:34ch}.stack{grid-column:1 / -1;font-size:var(--t-s);color:var(--ink-2)}.work-g .work-head{grid-column:1 / span 8}.work-g .bleed{--ft: 16%;--fb: 26%;margin-top:clamp(-80px,-4vw,0px)}.work-g .work-body{grid-column:1 / span 6;align-self:center}.work-g .knobs{grid-column:7 / -1;margin-right:calc(-1 * var(--out))}.work-h .work-head{grid-column:1 / span 7;align-self:end}.work-h .wall{grid-column:8 / -1;scroll-margin-top:80px;--fl: 10%;--fr: 10%;--ft: 10%;--fb: 14%}.work-h .abyss{--ft: 20%;--fb: 20%}.work-h .work-body{grid-column:1 / -1}.duo{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:var(--bw);margin-inline:calc((100% - var(--bw)) / 2)}.strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.lab h2{grid-column:1 / -1}.lab .moment{grid-column:1 / span 7;margin-left:calc(-1 * var(--out))}.lab-copy{grid-column:8 / -1;align-self:center}.lab-copy h3{margin:0 0 12px;font-size:var(--t-xl);font-weight:640;font-stretch:var(--wide);letter-spacing:-.02em}.ai .over-text{grid-column:1 / span 6}.ai-intro{margin-top:24px;font-size:var(--t-xl);line-height:1.25;max-width:16em}.method{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,62ch));justify-content:start;column-gap:clamp(32px,6vw,120px);row-gap:clamp(36px,4vw,56px);counter-reset:none}.method li{position:relative;padding-top:22px}.method li:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#f2ebe838;transform-origin:left}.method .step-n{display:block;margin-bottom:10px;font-size:14px;font-weight:600;font-stretch:106%;font-variant-numeric:tabular-nums;color:var(--accent-hi);letter-spacing:.02em}.method p{font-size:var(--t-l);line-height:1.5;max-width:62ch}.method.rv>li{opacity:1;transform:none}.method.rv>li:before{transform:scaleX(0)}.method.rv.in>li:before{transform:none;transition:transform 1.1s var(--ease-out)}.method.rv.in>li:nth-child(2):before{transition-delay:.12s}.method.rv.in>li:nth-child(3):before{transition-delay:.24s}.method.rv.in>li:nth-child(4):before{transition-delay:.36s}.method.rv>li>*{opacity:.001;transform:translateY(12px)}.method.rv.in>li>*{opacity:1;transform:none;transition:opacity .7s var(--ease-out) .2s,transform .9s var(--ease-out) .2s}.about .moment{grid-column:1 / span 6;margin-left:calc(-1 * var(--out));margin-right:0}.about-text{grid-column:7 / -1;align-self:center}.about-text h2{margin-bottom:30px}.contact{padding-bottom:clamp(64px,5vw,112px)}.contact .over-text{grid-column:1 / span 5}.contact h2{font-size:clamp(46px,6.6vw,128px);line-height:.92;font-weight:640;font-stretch:var(--wide);letter-spacing:-.045em;margin-bottom:20px}.contact p{font-size:var(--t-xl);line-height:1.3}.mail{white-space:nowrap}.layers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.layers li{color:var(--ink-2);font-size:16px}.layers b{display:block;color:var(--ink);font-size:var(--t-l);margin-bottom:4px}.figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:8px}.figures div{display:flex;flex-direction:column}.figures dd{margin:0 0 8px;font-size:clamp(36px,4vw,64px);font-weight:600;font-stretch:var(--wide);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.figures dt{font-size:var(--t-s);color:var(--ink-2)}@media(max-width:1180px){.layers{grid-template-columns:1fr 1fr}}@media(max-width:1023px){.work .moment,.job .moment,.about .moment,.lab .moment,.work-a .padlock,.work-g .knobs{margin-inline:calc(-1 * var(--m))}.work-a .padlock{margin-top:12px}.work-d .work-head{margin-top:-40px}.work-b .work-body,.work-e .work-body{margin-top:24px}.screens{grid-template-columns:1fr 1fr}.screens .desk{grid-column:1 / -1}.lotpath{grid-template-columns:1fr}.lotpath .step{padding:0 0 18px 24px}.lotpath .step:before{position:absolute;left:0;top:4px;bottom:0;width:4px;height:auto;margin:0}.captures,.strip{grid-template-columns:1fr;gap:24px}.layers,.method,.systems,.figures{grid-template-columns:1fr;gap:22px}.method{grid-template-columns:minmax(0,62ch)}.duo{grid-template-columns:1fr;margin-inline:calc(-1 * var(--m))}.over{display:block;padding-top:72px}.over .stage-r{margin-inline:calc(-1 * var(--m));--ft: 8%;--fb: 34%}.over .stage-r img{aspect-ratio:4 / 3;object-fit:cover;object-position:66% 50%}.over .over-text{margin-top:-8vw}.over .over-text:before{display:none}.contact{padding-bottom:24px}}@media(min-width:760px)and (max-width:1023px){.screens{grid-template-columns:2fr 1fr 1fr}.screens .desk{grid-column:auto}.systems,.layers{grid-template-columns:1fr 1fr}.lotpath{grid-template-columns:repeat(5,minmax(0,1fr))}.lotpath .step{padding:0 14px 0 0}.lotpath .step:before{position:static;width:auto;height:4px;margin-bottom:14px}}.blog{padding:150px var(--pad) clamp(80px,8vw,140px);max-width:calc(46rem + 2 * var(--pad))}.blog h1{font-size:clamp(46px,6.6vw,128px);line-height:.92;font-weight:640;font-stretch:var(--wide);letter-spacing:-.045em}.blog.post h1{font-size:clamp(36px,4.6vw,72px);margin:18px 0 14px;line-height:1;text-wrap:balance}.posts{margin-top:48px;display:grid;gap:8px}.posts a{display:grid;gap:4px;padding:18px 0;text-decoration:none;border-top:1px solid #2a1e21}.posts time,.posts span{color:var(--ink-2);font-size:var(--t-s)}.posts b{font-size:var(--t-l);font-weight:600}.posts em,.post em{color:var(--accent-hi);font-style:normal;font-size:var(--t-s)}.posts a:hover b{text-decoration:underline;text-underline-offset:4px}.empty{margin-top:40px;font-size:var(--t-l);color:var(--ink-2)}.rss{margin-top:32px}.prose{margin-top:40px;max-width:38em}.prose>*+*{margin-top:1em}.prose h2{font-size:var(--t-xl);margin-top:1.6em;font-weight:640}.prose ul{list-style:disc;padding-left:1.2em}.prose a{text-underline-offset:4px}.lost{min-height:100svh;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;padding:96px var(--pad) 32px}.lost .render{grid-column:1 / span 7;margin-left:calc(-1 * var(--out))}.lost .txt{grid-column:8 / -1}.lost h1{font-size:clamp(72px,11vw,200px);font-weight:640;font-stretch:var(--wide);letter-spacing:-.05em;line-height:.9}.lost p{margin-top:24px;font-size:var(--t-xl);line-height:1.3;max-width:16em}.lost a{display:inline-block;margin-top:28px;font-size:var(--t-l);padding:8px 0}@media(max-width:1023px){.lost{display:block;padding-top:72px}.lost .render{margin-inline:calc(-1 * var(--m))}.lost .txt{margin-top:-10vw;position:relative}}main:focus{outline:none}.render.loop{--edge: var(--ground)}.field .render.loop{--edge: var(--field)}.tone-c .render.loop{--edge: var(--ground-c)}.render.loop>video,.render.loop>img{-webkit-mask-image:none;mask-image:none}.render.loop:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;z-index:1;background:var(--dither) 0 0 / 96px 96px,linear-gradient(to right,color-mix(in srgb,var(--edge) 100%,transparent) 0,color-mix(in srgb,var(--edge) 90%,transparent) calc(var(--fl) * .2),color-mix(in srgb,var(--edge) 65%,transparent) calc(var(--fl) * .4),color-mix(in srgb,var(--edge) 35%,transparent) calc(var(--fl) * .6),color-mix(in srgb,var(--edge) 10%,transparent) calc(var(--fl) * .8),color-mix(in srgb,var(--edge) 0%,transparent) var(--fl),color-mix(in srgb,var(--edge) 0%,transparent) calc(100% - var(--fr)),color-mix(in srgb,var(--edge) 10%,transparent) calc(100% - var(--fr) * .8),color-mix(in srgb,var(--edge) 35%,transparent) calc(100% - var(--fr) * .6),color-mix(in srgb,var(--edge) 65%,transparent) calc(100% - var(--fr) * .4),color-mix(in srgb,var(--edge) 90%,transparent) calc(100% - var(--fr) * .2),color-mix(in srgb,var(--edge) 100%,transparent) 100%),linear-gradient(to bottom,color-mix(in srgb,var(--edge) 100%,transparent) 0,color-mix(in srgb,var(--edge) 90%,transparent) calc(var(--ft) * .2),color-mix(in srgb,var(--edge) 65%,transparent) calc(var(--ft) * .4),color-mix(in srgb,var(--edge) 35%,transparent) calc(var(--ft) * .6),color-mix(in srgb,var(--edge) 10%,transparent) calc(var(--ft) * .8),color-mix(in srgb,var(--edge) 0%,transparent) var(--ft),color-mix(in srgb,var(--edge) 0%,transparent) calc(100% - var(--fb)),color-mix(in srgb,var(--edge) 10%,transparent) calc(100% - var(--fb) * .8),color-mix(in srgb,var(--edge) 35%,transparent) calc(100% - var(--fb) * .6),color-mix(in srgb,var(--edge) 65%,transparent) calc(100% - var(--fb) * .4),color-mix(in srgb,var(--edge) 90%,transparent) calc(100% - var(--fb) * .2),color-mix(in srgb,var(--edge) 100%,transparent) 100%)}.js .render.loop:after{transition:transform 1.1s var(--ease),opacity .9s var(--ease)}.js .render.loop.pending:after{transform:translateY(28px) scale(.985);opacity:.001}.mark span{white-space:nowrap}@media(max-width:1023px){.mark{gap:10px;font-size:16px}}@media(max-width:479px){.bar nav .blog-link{display:none}.bar nav{gap:12px}}html{--dither: none}@media(max-width:1280px)and (min-width:1024px){.over .over-text{grid-column:1 / span 6}}.deep-what{font-size:var(--t-l);line-height:1.35;margin-bottom:18px;color:var(--ink);text-wrap:balance}.dp-scroll .layers{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-scroll .figures dd{font-size:clamp(26px,2.2vw,44px);white-space:nowrap}@media(max-width:600px){.dp-scroll .layers{grid-template-columns:1fr}}.render.ar{grid-column:1 / -1;grid-row:1;width:100vw;margin-inline:calc((100% - 100vw)/2);background:var(--edge);position:relative;z-index:0}.render.ar img{width:100%;height:auto;display:block}.render.ar:before,.render.ar:after{content:"";position:absolute;left:0;right:0;height:4%;z-index:1;pointer-events:none}.render.ar:before{top:0;background:linear-gradient(to bottom,var(--ground),color-mix(in oklab,var(--ground),var(--edge) 50%) 50%,transparent)}.render.ar:after{bottom:0;background:linear-gradient(to top,var(--ground),color-mix(in oklab,var(--ground),var(--edge) 50%) 50%,transparent)}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar){padding-top:0}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>:is(.work-head,.work-col,.job-text,.about-text,.lab-copy,.over-text){grid-row:1;grid-column:1 / span 5;align-self:center;z-index:2}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>.over-text:before{display:none}@media(max-aspect-ratio:999/1000){:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar){display:grid;grid-template-columns:minmax(0,1fr);column-gap:0;row-gap:36px;padding-top:96px;padding-inline:var(--m)}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>:is(.work-head,.work-col,.work-body,.job-text,.about-text,.lab-copy,.over-text,h2,.deeper,.render.ar){grid-column:1 / -1}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>:is(.work-col,.job-text,.about-text,.lab-copy,.over-text){display:contents}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>*,:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>:is(.work-col,.job-text,.about-text,.lab-copy,.over-text)>*{grid-column:1 / -1;grid-row:auto;margin-top:0}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>.work-head,:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>h2,:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>:is(.work-col,.job-text,.about-text,.lab-copy,.over-text)>:is(.work-head,h2){order:-2}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>.render.ar{order:-1}.render.arloop{aspect-ratio:calc(9 / (16 * var(--bh, 1)))!important}.render.arloop img,.render.arloop video{object-position:50% var(--by, 50%)!important}.render.arloop{-webkit-mask-image:linear-gradient(transparent,#000 var(--bmt, 0%),#000 calc(100% - var(--bmb, 0%)),transparent);mask-image:linear-gradient(transparent,#000 var(--bmt, 0%),#000 calc(100% - var(--bmb, 0%)),transparent)}}@media(max-width:1023px){html{--dither: none}}.work-f .flow{grid-column:1 / -1;margin-top:clamp(16px,3vw,56px)}.render.loop.flow:after{display:none}@media(max-width:1023px){.work-f .flow{margin-inline:calc(-1 * var(--m))}}.render.arloop{aspect-ratio:2560 / 1097;overflow:hidden}.render.arloop>picture,.render.arloop>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none}.render.arloop img,.render.arloop video{width:100%;height:100%;object-fit:cover;object-position:100% 50%}.render.arloop .ar-poster{z-index:1}.render.arloop .ar-poster.hide{opacity:0}@media(max-aspect-ratio:999/1000){.render.arloop{aspect-ratio:4 / 5}.render.arloop img,.render.arloop video{object-position:50% 0%}}@media(max-aspect-ratio:3/4){.render.arloop{aspect-ratio:9 / 16}}.render.arloop:before,.render.arloop:after{z-index:2}@media(min-width:1024px){html{scrollbar-gutter:stable}}html.dp-lock{overflow:hidden}.dp-dialog{--d-line: rgba(242, 235, 232, .14);position:fixed;inset:0 0 0 auto;margin:0;width:clamp(560px,43vw,820px);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid var(--d-line);border-radius:0;color:var(--ink);background:#000;box-shadow:none;overflow:hidden;transform:translate(100%);transition:transform .2s cubic-bezier(.4,0,1,1)}.dp-dialog.open{transform:none;transition:transform .28s var(--ease-out)}.dp-dialog::backdrop{background:#0009;opacity:0;transition:opacity .2s ease}.dp-dialog.open::backdrop{opacity:1;transition:opacity .28s var(--ease-out)}.dp-sheet{display:flex;flex-direction:column;height:100%}.dp-grip{display:none}.dp-head{display:flex;align-items:flex-start;gap:16px;padding:clamp(40px,5vh,72px) clamp(28px,3vw,56px) 28px}.dp-head h2{display:flex;align-items:center;flex-wrap:wrap;gap:0 .3em;font-size:clamp(34px,3.4vw,64px);line-height:.95;font-weight:640;font-stretch:var(--wide);letter-spacing:-.04em}.dp-icon{width:.8em;height:.8em;border-radius:22%;flex:none}.dp-tag{margin-top:14px;max-width:46ch;font-size:var(--t-b);color:var(--ink-2);text-wrap:balance}.dp-titles{flex:1;min-width:0}.dp-x{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:-8px -12px 0 0;border:0;border-radius:0;background:transparent;color:var(--ink-2);cursor:pointer;transition:color .16s ease}.dp-x:hover{color:var(--ink)}.dp-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.dp-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 clamp(28px,3vw,56px) 56px;display:grid;align-content:start;gap:28px;container-type:inline-size}.dp-scroll .deeper-body{padding:0}.dp-scroll .deep-what{margin:0}.dp-scroll .layers b,.dp-scroll .figures dd{color:var(--ink)}.dp-scroll .layers li{border-top:1px solid var(--d-line);padding-top:12px}.dp-dialog:focus-visible,.dp-x:focus-visible{outline:2px solid var(--alu);outline-offset:-2px}.dp-fields{display:grid;margin:0;border-bottom:1px solid var(--d-line)}.dp-f{display:grid;grid-template-columns:minmax(8em,11em) minmax(0,60ch);gap:8px 28px;padding:20px 0 22px;border-top:1px solid var(--d-line)}.dp-f dt{font-size:14px;font-weight:600;font-variant-caps:all-small-caps;letter-spacing:.1em;color:var(--ink-2);line-height:1.5}.dp-f dd{margin:0;font-size:16px;line-height:1.6;text-wrap:pretty;max-width:60ch}@container (max-width: 520px){.dp-f{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.dp-dialog{inset:auto 0 0 0;width:100vw;height:auto;max-height:88dvh;border-left:0;border-top:1px solid var(--d-line);transform:translateY(100%);transition:transform .2s cubic-bezier(.4,0,1,1)}.dp-dialog.open{transform:translateY(var(--drag, 0px));transition:transform .28s var(--ease-out)}.dp-dialog.open[style*=--drag]{transition:none}.dp-sheet{height:auto;max-height:88dvh}.dp-grip{display:grid;place-items:center;height:28px;touch-action:none;cursor:grab}.dp-grip i{width:36px;height:3px;border-radius:0;background:#f2ebe84d}.dp-head{padding:8px 14px 20px 20px}.dp-head h2{font-size:clamp(32px,9vw,44px)}.dp-scroll{padding:0 20px 32px}}@media(prefers-reduced-motion:reduce){.dp-dialog,.dp-dialog.open{transform:none!important;opacity:0;transition:opacity .16s linear!important}.dp-dialog.open{opacity:1}.dp-dialog::backdrop{transition:none!important}}@media(max-width:1279px)and (min-width:1024px){.systems{grid-template-columns:repeat(2,minmax(0,1fr))}}.dp-bar{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 2px;border:0;background:none;color:var(--ink);cursor:pointer;font:inherit;font-size:16px;line-height:1.2;font-weight:600;font-stretch:106%}.dp-bar:focus-visible{outline:2px solid var(--alu);outline-offset:3px;border-radius:3px}.gauge{flex:none;width:14px;height:26px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.gauge-in{display:grid;gap:4px;transition:transform .42s var(--ease-out)}.gauge-in i{display:block;height:1.5px;background:var(--ink-2);transition:background-color .2s ease}.gauge-in i:nth-child(odd){width:14px}.gauge-in i:nth-child(2n){width:8px}.gauge-in i:nth-child(3){background:var(--accent-hi)}.btn-c .dp-label{letter-spacing:.02em;color:var(--ink);text-decoration:underline 1px rgba(242,235,232,.3);text-underline-offset:6px;transition:text-decoration-color .2s ease}.btn-c:is(:hover,:focus-visible) .gauge-in{transform:translateY(-11px)}.btn-c:is(:hover,:focus-visible) .dp-label{text-decoration-color:var(--accent-hi)}.btn-c:is(:hover,:focus-visible) .gauge-in i:not(:nth-child(3)){background:var(--ink)}@media(prefers-reduced-motion:reduce){.gauge-in,.btn-c .dp-label{transition:none!important}}.method p b{display:block;color:var(--ink);font-size:var(--t-l);font-weight:600;font-stretch:106%;margin-bottom:6px}.gallery{grid-column:2 / span 10;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}.gallery .g-main{grid-column:1 / -1}.gallery .g-thumb{grid-column:span 3}.gallery:has(.g-thumb:nth-child(4):last-child) .g-thumb{grid-column:span 4}.gallery figcaption{font-size:14px}.gallery .g-thumb figcaption{font-size:13px;margin-top:8px}@media(max-width:1023px){.gallery{grid-template-columns:1fr 1fr;gap:16px}.gallery .g-main{grid-column:1 / -1}.gallery .g-thumb,.gallery:has(.g-thumb:nth-child(4):last-child) .g-thumb{grid-column:auto}}.has-ar{background:none}.render.ar.edge-fade :is(img,video){-webkit-mask-image:linear-gradient(transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(transparent,#000 3%,#000 97%,transparent)}.has-ar .render.ar:before,.has-ar .render.ar:after{display:none}.work-f .flow{width:100vw;margin-inline:calc((100% - 100vw)/2)}.flow-still img,.render.loop.flow video{width:100%;height:auto;display:block;-webkit-mask-image:none;mask-image:none}.lb-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:4px}.lb-open:focus-visible{outline:2px solid var(--alu);outline-offset:3px}.lb-open img{transition:opacity .16s ease}.lb-open:hover img{opacity:.92}.stage canvas.frames{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.stage .still img{object-position:50% 50%}@media(min-width:1024px){.stage{left:0;right:0;width:auto;aspect-ratio:auto;-webkit-mask-image:none;mask-image:none}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to right,#000,transparent 6%)}.stage .still img{object-position:100% 50%}}@media(max-width:1023px){.stage .still img{object-position:50% 78%}}@media(max-width:1023px){main>[id]{scroll-margin-top:52px}}.render.plain img{-webkit-mask-image:none;mask-image:none;width:100%;height:auto}.render.plain>picture{display:block}::-webkit-scrollbar{width:8px;height:8px;background:transparent}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-thumb{background-color:#f2ebe838;border:2px solid transparent;background-clip:padding-box;border-radius:8px;min-height:40px}::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{background-color:#b0344cbf}@supports (-moz-appearance: none){html,*{scrollbar-width:thin;scrollbar-color:rgba(242,235,232,.22) transparent}}@media(min-width:1024px)and (min-aspect-ratio:1/1){:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar){grid-template-rows:minmax(0,1fr) auto auto auto minmax(0,1fr)}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>.render.ar{grid-row:1 / 6;align-self:center}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>:is(.work-head,.work-col,.job-text,.about-text,.lab-copy,.over-text,h2){grid-row:2;grid-column:1 / span 5;align-self:end;margin-top:0}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>.work-body{grid-row:3;grid-column:1 / span 5;align-self:start;margin-top:0}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>.work-body.two{display:block}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>.work-body.two p+p{margin-top:1em}:is(.work,.lab,.job,.about,.ai,.contact):has(>.render.ar)>.deeper{grid-row:4;grid-column:1 / span 5;align-self:start;margin-top:0}}.work-f .flow{aspect-ratio:3440 / 680;overflow:hidden;margin-top:0}.work-f .render.flow>:is(video,img),.work-f .render.flow.flow-still img{width:100%;height:100%;object-fit:cover;object-position:50% 44.7%}@media(min-width:1024px)and (min-aspect-ratio:2/1){.render.arloop{aspect-ratio:calc(2560 / (1097 * var(--ch, 1)))}.render.arloop img,.render.arloop video{object-position:100% var(--cy, 50%)}}@media(min-width:1024px)and (min-aspect-ratio:1/1)and (max-aspect-ratio:2/1){.render.arloop{aspect-ratio:calc(2560 / (1097 * var(--ch, 1)))}.render.arloop img,.render.arloop video{object-position:100% var(--cy, 50%)}}.field.has-ar{padding-bottom:clamp(72px,6vw,112px)}@media(max-width:1023px){.field.has-ar{padding-bottom:64px}}.lab-open{padding-bottom:0}.lab-open .lab-intro{margin-top:16px;font-size:var(--t-xl);line-height:1.25;color:var(--ink-2)}.lab-open+.work{padding-top:clamp(48px,5vw,96px)}.work-h .duo{width:auto;margin-inline:0;gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr))}.work-h .duo>.render.loop{aspect-ratio:4 / 3;overflow:hidden;margin:0}.work-h .duo>.render.loop:after{display:none}.work-h .duo>.render.loop>:is(video,img){width:100%;height:100%;object-fit:cover}.work-h .duo>.render.loop:nth-child(1)>:is(video,img){object-position:100% 50%}.work-h .duo>.render.loop:nth-child(2)>:is(video,img){object-position:100% 50%}.work-h .duo>.render.loop:nth-child(3)>:is(video,img){object-position:50% 50%}@media(max-width:1023px){.work-h .duo{grid-template-columns:1fr;margin-inline:0;gap:16px}}.old-anchor{position:absolute;top:0;left:0;width:1px;height:1px;scroll-margin-top:20px}body{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable],.cform :is(input,textarea){-webkit-user-select:text;user-select:text}img,video,canvas,picture{-webkit-user-drag:none}.about:not(:has(>.render))>.about-text{grid-column:1 / span 6}@media(min-width:1024px){.about:not(:has(>.render)){padding-bottom:clamp(48px,4vw,80px)}}.render.ar:not(.edge-fade) :is(img,video){-webkit-mask-image:none!important;mask-image:none!important}.render.ar.fade-b{--fade: linear-gradient(to top, transparent, rgba(0,0,0,.03) 2%, rgba(0,0,0,.12) 5%, rgba(0,0,0,.3) 9%, rgba(0,0,0,.55) 13%, rgba(0,0,0,.8) 17%, #000 20%)}.render.ar.fade-t{--fade: linear-gradient(to bottom, transparent, rgba(0,0,0,.03) 2%, rgba(0,0,0,.12) 5%, rgba(0,0,0,.3) 9%, rgba(0,0,0,.55) 13%, rgba(0,0,0,.8) 17%, #000 20%)}.render.ar.fade-t.fade-b{--fade: linear-gradient(transparent, rgba(0,0,0,.03) 2%, rgba(0,0,0,.12) 5%, rgba(0,0,0,.3) 9%, rgba(0,0,0,.55) 13%, rgba(0,0,0,.8) 17%, #000 20%, #000 80%, rgba(0,0,0,.8) 83%, rgba(0,0,0,.55) 87%, rgba(0,0,0,.3) 91%, rgba(0,0,0,.12) 95%, rgba(0,0,0,.03) 98%, transparent)}.render.ar:is(.fade-t,.fade-b) :is(img,video){-webkit-mask-image:var(--fade)!important;mask-image:var(--fade)!important}@media(min-width:1024px)and (min-aspect-ratio:1/1){.render.arloop.wcut{--cut: linear-gradient(transparent, #000 var(--wmt, 0%), #000 calc(100% - var(--wmb, 0%)), transparent)}.render.arloop.wcut:not(.live){-webkit-mask-image:var(--cut);mask-image:var(--cut)}.render.arloop.wcut.live:after{content:"";display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;height:auto;z-index:2;pointer-events:none;background:linear-gradient(#000,transparent var(--wmt, 0%),transparent calc(100% - var(--wmb, 0%)),#000)}.render.arloop.wcut.live:is(.fade-t,.fade-b)>video{-webkit-mask-image:none!important;mask-image:none!important}.render.arloop.wcut.live:is(.fade-t,.fade-b):before{content:"";display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;height:auto;z-index:2;pointer-events:none}.render.arloop.wcut.live.fade-t:before{background:linear-gradient(var(--edge),color-mix(in srgb,var(--edge) 97%,transparent) 2%,color-mix(in srgb,var(--edge) 88%,transparent) 5%,color-mix(in srgb,var(--edge) 70%,transparent) 9%,color-mix(in srgb,var(--edge) 45%,transparent) 13%,color-mix(in srgb,var(--edge) 20%,transparent) 17%,transparent 20%)}.render.arloop.wcut.live.fade-b:before{background:linear-gradient(to top,var(--edge),color-mix(in srgb,var(--edge) 97%,transparent) 2%,color-mix(in srgb,var(--edge) 88%,transparent) 5%,color-mix(in srgb,var(--edge) 70%,transparent) 9%,color-mix(in srgb,var(--edge) 45%,transparent) 13%,color-mix(in srgb,var(--edge) 20%,transparent) 17%,transparent 20%)}.render.arloop.wcut.live.fade-t.fade-b:before{background:linear-gradient(var(--edge),color-mix(in srgb,var(--edge) 97%,transparent) 2%,color-mix(in srgb,var(--edge) 88%,transparent) 5%,color-mix(in srgb,var(--edge) 70%,transparent) 9%,color-mix(in srgb,var(--edge) 45%,transparent) 13%,color-mix(in srgb,var(--edge) 20%,transparent) 17%,transparent 20%,transparent 80%,color-mix(in srgb,var(--edge) 20%,transparent) 83%,color-mix(in srgb,var(--edge) 45%,transparent) 87%,color-mix(in srgb,var(--edge) 70%,transparent) 91%,color-mix(in srgb,var(--edge) 88%,transparent) 95%,color-mix(in srgb,var(--edge) 97%,transparent) 98%,var(--edge))}}.render.ar:before,.render.ar:after{display:none!important}@media(min-width:1024px)and (min-aspect-ratio:1/1){.contact:has(>.render.ar)>.cform{grid-row:3;grid-column:1 / span 5;align-self:start;margin-top:0}}.contact>.cform{max-width:40rem}.lab-open{position:relative;z-index:3;padding-bottom:clamp(24px,3vw,48px)}.lab-open+.work-g .bleed{margin-top:0}.render.loop video,.render.loop img{background:var(--ground)}.work-h .abyss img,.work-h .abyss picture img{-webkit-mask-image:linear-gradient(transparent,rgba(0,0,0,.35) 7%,rgba(0,0,0,.8) 14%,#000 22%,#000 78%,rgba(0,0,0,.8) 86%,rgba(0,0,0,.35) 93%,transparent)!important;mask-image:linear-gradient(transparent,rgba(0,0,0,.35) 7%,rgba(0,0,0,.8) 14%,#000 22%,#000 78%,rgba(0,0,0,.8) 86%,rgba(0,0,0,.35) 93%,transparent)!important}@media(min-width:1024px)and (max-width:2000px){.about:has(>.render.ar) .about-text p{max-width:34ch}}@media(min-width:2000px){.lede{max-width:26em}}@media(min-width:2000px){.method{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:600px){.gallery{grid-template-columns:1fr}}.work-head h2:has(.appicon),.work-col h2:has(.appicon),.over-text h2:has(.appicon){display:flex;align-items:center;gap:.3em;flex-wrap:nowrap;white-space:nowrap}:is(.work-head,.work-col,.over-text) h2 .appicon{flex:none;width:.82em;height:.82em;margin:.04em 0 0 calc(-1 * var(--icon-rsb, 0px));border-radius:22%}:is(.work-head,.work-col,.over-text) h2>picture:has(.appicon){display:inline-flex;flex:none;gap:0;margin:0}@media(min-width:700px)and (max-width:1023px){.render.big img,.render.big video{max-height:60vh;object-fit:cover}}.lost .render img{-webkit-mask-image:radial-gradient(ellipse 72% 70% at 55% 50%,#000 55%,rgba(0,0,0,.6) 72%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 55% 50%,#000 55%,rgba(0,0,0,.6) 72%,transparent 100%)}@media(max-aspect-ratio:3/4){.contact .render.arloop{aspect-ratio:1080 / 980}.contact .render.arloop :is(img,video){object-position:50% 37%}.contact:has(>.render.ar)>.over-text{margin-top:0!important}}.render.ar{background:transparent!important}.hero h1{font-size:clamp(52px,7.4vw,156px);line-height:.92;font-weight:640;font-stretch:var(--wide);letter-spacing:-.045em;max-width:none;white-space:nowrap}@media(max-width:1023px){.hero h1{font-size:clamp(48px,13.5vw,84px)}}.shot>picture>img,.shot>img,.shot .lb-open img,.shot .clip-box video,.shot .clip-box .clip-first{width:100%;max-width:100%;height:auto;aspect-ratio:var(--ar, 1.6);object-fit:contain;margin-inline:auto;display:block}.shot .clip-box{width:100%}.shot .clip-box video,.shot .clip-box .clip-first{width:100%}.shot .lb-open{display:block;width:100%}.shot .lb-open img{width:100%}.shot{display:grid;grid-template-columns:min(100%,1600px,calc(78vh * var(--ar, 1.6)));justify-content:center}.shot figcaption{max-width:100%}.contact-socials{margin-top:14px;gap:8px 6px;flex-wrap:wrap}.render.arloop>video.ar-up{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1}.render.arloop>video.ar-up.on{opacity:1}@media(min-width:1280px){.systems-wrap{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--gap);position:relative;z-index:2}.systems{display:contents}.systems-label{grid-column:1;grid-row:1;padding-top:18px;border-top:1px solid rgba(242,235,232,.12);color:var(--ink-2);font-size:var(--t-s);letter-spacing:.02em}.systems li{grid-column:auto}.systems li:nth-child(-n+3){grid-row:1}.systems li:nth-child(-n+3) b{font-size:clamp(22px,1.4vw,30px)}}@media(max-width:1279px){.systems-wrap{grid-column:1 / -1;position:relative;z-index:2}.systems-label{display:none}}@media(min-width:760px)and (max-width:1279px){.systems{grid-template-columns:1fr 1fr}.systems li:first-child{grid-column:1 / -1}}@media(max-aspect-ratio:999/1000){.work-h .abyss+.duo,.work-g .abyss+.duo,.abyss+.duo{margin-top:-52px}}@media(min-aspect-ratio:1/1){.abyss+.duo{margin-top:calc(24px - var(--gap-row, 64px))}}:is(#titolo,.work-head h2,.lab>h2,.job h2,.ai h2,.about h2,.contact h2,.dp-head h2){margin-left:var(--optical-left, 0px)}html.tana-lock,html.tana-lock body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}