@font-face{font-family:Recursive Variable;font-style:oblique 0deg 15deg;font-display:swap;font-weight:300 1000;src:url(/_astro/recursive-cyrillic-ext-full-normal.DL48ug1z.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Recursive Variable;font-style:oblique 0deg 15deg;font-display:swap;font-weight:300 1000;src:url(/_astro/recursive-vietnamese-full-normal.C9d0lu7G.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Recursive Variable;font-style:oblique 0deg 15deg;font-display:swap;font-weight:300 1000;src:url(/_astro/recursive-latin-ext-full-normal.Ced8ljaz.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:Recursive Variable;font-style:oblique 0deg 15deg;font-display:swap;font-weight:300 1000;src:url(/_astro/recursive-latin-full-normal.Bbk0y8ID.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{color-scheme:light dark;--bloom:#e4eaf0;--frost:#f6f9fb;--berry:#26375f;--night:#101828;--needle:#2e6a57;--haze:#536279;--line:color-mix(in srgb, var(--berry) 16%, var(--bloom));--line-strong:color-mix(in srgb, var(--berry) 34%, var(--bloom));--mark-quiet:color-mix(in srgb, var(--berry) 7%, var(--bloom));--edge:color-mix(in srgb, var(--berry) 42%, var(--bloom));--font:"Recursive Variable", ui-sans-serif, system-ui, sans-serif;--fvs-sans:"MONO" 0, "CASL" 0, "slnt" 0, "CRSV" .5;--fvs-mono:"MONO" 1, "CASL" 0, "slnt" 0, "CRSV" .5;--w-body:420;--w-strong:620;--w-display:860;--step--1:clamp(.78rem, .76rem + .1vw, .84rem);--step-0:clamp(1rem, .96rem + .2vw, 1.125rem);--step-1:clamp(1.125rem, 1.04rem + .42vw, 1.4rem);--step-2:clamp(1.5rem, 1.24rem + 1.3vw, 2.25rem);--step-3:clamp(1.7rem, 1.02rem + 3.4vw, 3.75rem);--step-4:clamp(2.05rem, 1.15rem + 4.5vw, 4.6rem);--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--gutter:clamp(1rem, 4vw, 3rem);--section:clamp(4.5rem, 10vw, 9rem);--measure:34rem;--page:78rem;--radius:.5rem;--radius-device:1.75rem;--ease:cubic-bezier(.2, .7, .2, 1)}@media (prefers-color-scheme:dark){:root{--bloom:#0e1524;--frost:#162036;--berry:#a9bce6;--night:#e4eaf0;--needle:#6fc2a4;--haze:#93a3bc;--mark-quiet:color-mix(in srgb, var(--berry) 6%, var(--bloom))}}*,:before,:after{box-sizing:border-box}html{background:var(--bloom);color:var(--night);font-family:var(--font);font-variation-settings:var(--fvs-sans);font-weight:var(--w-body);-webkit-text-size-adjust:100%;text-size-adjust:100%;caret-color:var(--needle);accent-color:var(--needle);scrollbar-color:var(--line-strong) var(--bloom);scroll-padding-top:var(--s-6);font-size:100%;line-height:1.55}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bloom);font-size:var(--step-0);margin:0;overflow-x:clip}::selection{background:var(--berry);color:var(--bloom)}:focus-visible{outline:2px solid var(--needle);outline-offset:3px;border-radius:2px}img,video,svg{max-width:100%}img,video{height:auto}a{color:var(--needle);text-underline-offset:.22em;text-decoration-line:underline;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}h1,h2,h3{color:var(--berry);font-weight:var(--w-display);letter-spacing:-.028em;text-wrap:balance;margin:0;line-height:1.04}p{text-wrap:pretty;margin:0}.util{font-variation-settings:var(--fvs-mono);font-size:var(--step--1);letter-spacing:.02em;font-weight:460;line-height:1.5}.wrap{width:100%;max-width:var(--page);padding-inline:var(--gutter);margin-inline:auto}.skip{left:var(--gutter);top:var(--s-2);z-index:10;padding:var(--s-2) var(--s-3);background:var(--frost);color:var(--night);border:1px solid var(--line-strong);border-radius:var(--radius);position:absolute;transform:translateY(-300%)}.skip:focus-visible{transform:none}.mark{display:block}.mark-disc{fill:var(--berry)}.mark-bloom{fill:var(--frost);opacity:.2}.mark-scar{stroke:var(--bloom);stroke-width:4.5px}.mark--quiet .mark-disc{fill:var(--mark-quiet)}.mark--quiet .mark-bloom{opacity:.3}.mark--quiet .mark-scar{stroke:var(--bloom);stroke-width:1.6px}.site-head{justify-content:space-between;align-items:center;gap:var(--s-3) var(--s-6);padding-block:var(--s-5);flex-wrap:wrap;display:flex}.brand{color:var(--berry);letter-spacing:-.02em;align-items:center;gap:.55em;font-size:1.125rem;font-weight:800;text-decoration:none;display:inline-flex}.brand .mark{width:1.6em;height:1.6em}.site-nav ul{gap:var(--s-1) clamp(.75rem, 4vw, 1.5rem);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav a{padding-block:var(--s-2);color:var(--night);font-weight:520;text-decoration-color:#0000;display:inline-block}.site-nav a:hover,.site-nav a:focus-visible{color:var(--needle);text-decoration-color:currentColor}.hero{isolation:isolate;padding-block:clamp(2rem, 5vw, 4.5rem) var(--section);position:relative;overflow:clip}.hero-grid{gap:var(--s-7);align-items:center;display:grid}.hero h1{font-size:var(--step-4)}.hero-lede{max-width:33rem;margin-top:var(--s-6);font-size:var(--step-1);line-height:1.45}.hero-facts{margin-top:var(--s-5);color:var(--haze)}.hero-media{justify-self:center;width:min(100%,19.5rem)}.hero-mark{z-index:-1;pointer-events:none;width:clamp(26rem,64vw,58rem);height:auto;position:absolute;bottom:-34%;right:-16vw}@media (width>=56rem){.hero-grid{column-gap:var(--s-8);grid-template-columns:7fr 5fr}.hero-media{justify-self:end;margin-right:clamp(0rem,3vw,3rem)}}@media (prefers-reduced-motion:no-preference){.hero-copy>*{animation:rise .64s var(--ease) backwards}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}}@keyframes rise{0%{opacity:0;transform:translateY(.75rem)}}.device{background:var(--frost);border:1px solid var(--line-strong);border-radius:var(--radius-device);padding:.45rem}.device .loop-video{border-radius:calc(var(--radius-device) - .45rem)}.loop{position:relative;container-type:inline-size}@container (width<=15rem){.loop-toggle{justify-content:center;min-width:2rem;padding:.3rem;bottom:.4rem;left:.4rem}.loop-toggle [data-loop-text]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.loop-video{background:var(--frost);border-radius:var(--radius);width:100%;height:auto;display:block}.loop-toggle{background:var(--frost);min-height:2rem;color:var(--night);border:1px solid var(--line-strong);cursor:pointer;border-radius:999px;align-items:center;gap:.5em;padding:.3rem .7rem .3rem .6rem;font-family:inherit;display:inline-flex;position:absolute;bottom:.6rem;left:.6rem}.loop-toggle:hover{border-color:var(--needle)}.loop-icon{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:.6em;height:.7em}.loop.is-playing .loop-icon{clip-path:polygon(0 0,35% 0,35% 100%,65% 100%,65% 0,100% 0,100% 100%,0 100%)}.frame{background:var(--frost);border:1px solid var(--line);border-radius:var(--radius)}.frame img{width:100%;height:auto;display:block}.section{padding-bottom:var(--section)}.section>h2,.split>h2{font-size:var(--step-2)}.section:not(.split)>h2{margin-bottom:var(--s-6)}.split{gap:var(--s-5);display:grid}@media (width>=52rem){.split{column-gap:var(--s-6);grid-template-columns:3fr 9fr}}.work h3{font-size:var(--step-2)}.work-copy{gap:var(--s-3);max-width:var(--measure);display:grid}.work-copy .status{color:var(--haze)}.status:before{content:"";background:var(--needle);border-radius:50%;width:.55em;height:.55em;margin-right:.6em;display:inline-block}.feature{gap:var(--s-6);padding:clamp(1rem,3.2vw,2.75rem);display:grid}.feature-media{place-self:start center;width:min(100%,18rem)}.feature-body{gap:var(--s-6);align-content:space-between;display:grid}.stills{gap:var(--s-3);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.stills img{border-radius:var(--radius);width:100%;height:auto;display:block}.feature .stills{max-width:30rem}.browser{overflow:hidden}.browser-bar{align-items:center;gap:var(--s-4);min-height:2rem;padding:0 var(--s-3);border-bottom:1px solid var(--line);color:var(--haze);display:flex}.browser-dots{gap:.35rem;display:inline-flex}.browser-dots i{background:var(--line-strong);border-radius:50%;width:.5rem;height:.5rem}.browser-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browser .loop-video{border-radius:0}.shot{gap:var(--s-2);align-content:start;margin:0;display:grid}.shot figcaption{color:var(--haze)}.shot>picture img,.shot .frame img{border-radius:var(--radius);width:100%;height:auto;display:block}.shot .frame{overflow:hidden}.shot .frame img{border-radius:0}.bank{gap:var(--s-6);margin-top:var(--s-8);display:grid}.bank-side{gap:var(--s-6);align-content:space-between;display:grid}.pair{gap:var(--s-8) var(--s-6);margin-top:var(--s-8);display:grid}.project{gap:var(--s-5);align-content:start;display:grid}.peony{gap:var(--s-4);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}.peony-side{gap:var(--s-4);display:grid}.peony .loop-video{border:1px solid var(--line)}@media (width>=56rem){.feature{grid-template-columns:5fr 7fr;align-items:stretch;column-gap:clamp(2rem,5vw,5rem)}.feature-media{justify-self:start}.feature-body{padding-block:var(--s-4)}.bank{margin-top:var(--section);grid-template-columns:8fr 4fr;column-gap:clamp(1.5rem,3.5vw,3.5rem)}.pair{margin-top:var(--section);grid-template-columns:7fr 5fr;column-gap:clamp(2rem,5vw,5rem)}.pair>.project:first-child{margin-top:var(--s-8)}}.prose{gap:var(--s-4);max-width:40rem;font-size:var(--step-1);line-height:1.5;display:grid}.contact-note{color:var(--haze);margin-bottom:var(--s-2)}.contact-mail{max-width:100%;color:var(--berry);font-size:clamp(1.15rem,.35rem + 4.1vw,3.5rem);font-weight:var(--w-display);letter-spacing:-.03em;overflow-wrap:anywhere;text-decoration-color:var(--needle);text-underline-offset:.16em;line-height:1.1;text-decoration-thickness:.06em;display:inline-block}.contact-mail:hover{text-decoration-thickness:.1em}.site-foot{border-top:1px solid var(--line);padding-block:var(--s-6) var(--s-7);color:var(--haze)}.site-foot ul{gap:var(--s-2) var(--s-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-foot address{font-style:normal}.page{padding-block:clamp(2rem, 6vw, 5rem) var(--section)}.page h1{font-size:var(--step-3);margin-bottom:var(--s-6)}.page .prose{font-size:var(--step-0);line-height:1.6}