@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-standard-normal.rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-standard-normal.7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-standard-normal.DY7AcnAa.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}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/_astro/martian-mono-cyrillic-ext-standard-normal.BFx_pHPN.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:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/_astro/martian-mono-cyrillic-standard-normal.Dgr-UBxV.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/_astro/martian-mono-latin-ext-standard-normal.DeTdBbNh.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:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/_astro/martian-mono-latin-standard-normal.1TqSgyfh.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{--klein:oklch(36.6% .196 264.6);--klein-lit:oklch(47% .2 264);--klein-deep:oklch(27% .15 265);--void:oklch(13% 0 0);--void-lit:oklch(20% 0 0);--white:oklch(100% 0 0);--fog:oklch(87% .045 264);--ash:oklch(74% 0 0);--graphite:oklch(40% 0 0);--tally:oklch(63% .23 29);--sans:"Archivo Variable", "Archivo", system-ui, sans-serif;--mono:"Martian Mono Variable", ui-monospace, monospace;--step--1:clamp(.8rem, .77rem + .15vw, .9rem);--step-0:clamp(1.05rem, 1rem + .25vw, 1.2rem);--step-1:clamp(1.35rem, 1.2rem + .7vw, 1.75rem);--step-2:clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem);--step-3:clamp(2.25rem, 1.6rem + 3.2vw, 4.5rem);--step-4:clamp(3rem, 1.4rem + 8vw, 6rem);--gutter:clamp(1rem, .5rem + 3vw, 3.5rem);--hud-h:3.5rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--z-hud:30;--z-dock:40;--z-toast:50;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--hud-h)}body{background:var(--klein);color:var(--white);font-family:var(--sans);font-size:var(--step-0);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;margin:0;font-stretch:100%;line-height:1.6}img,canvas,svg{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button{font:inherit;color:inherit}h1,h2,h3{text-wrap:balance;margin:0;line-height:1}p{text-wrap:pretty;margin:0}:focus-visible{outline:3px solid var(--tally);outline-offset:3px;border-radius:2px}::selection{background:var(--tally);color:var(--white)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--gutter);z-index:var(--z-toast);background:var(--white);color:var(--klein);padding:.75rem 1rem;font-weight:700;position:absolute;top:-4rem}.skip:focus{top:.75rem}.scene-klein{--bg:var(--klein);--ink:var(--white);--muted:var(--fog);--line:oklch(100% 0 0/.28);--key:var(--white);--key-ink:var(--klein);background:var(--klein);color:var(--white)}.scene-void{--bg:var(--void);--ink:var(--white);--muted:var(--ash);--line:oklch(100% 0 0/.2);--key:var(--white);--key-ink:var(--void);background:var(--void);color:var(--white)}.scene-white{--bg:var(--white);--ink:var(--void);--muted:var(--graphite);--line:oklch(0% 0 0/.16);--key:var(--klein);--key-ink:var(--white);background:var(--white);color:var(--void)}.readout{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:.72rem;font-stretch:87.5%;line-height:1.3}.tally{background:var(--tally);vertical-align:.02em;border-radius:50%;width:.62em;height:.62em;display:inline-block}.tally.live{animation:1.6s step-end infinite blink}@keyframes blink{50%{opacity:.25}}.finder{--c:var(--ink);--len:clamp(1.25rem, 3vw, 2.75rem);--w:2px;background-image:linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c));background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:var(--len) var(--w), var(--w) var(--len), var(--len) var(--w), var(--w) var(--len), var(--len) var(--w), var(--w) var(--len), var(--len) var(--w), var(--w) var(--len);background-repeat:no-repeat}.hud{z-index:var(--z-hud);height:var(--hud-h);padding:0 var(--gutter);pointer-events:none;--hud-ink:var(--white);--hud-key:var(--white);--hud-key-ink:var(--klein);color:var(--hud-ink);transition:color .3s var(--ease-out);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid;position:fixed;inset:0 0 auto}.hud[data-scene=void]{--hud-key-ink:var(--void)}.hud[data-scene=white]{--hud-ink:var(--void);--hud-key:var(--klein);--hud-key-ink:var(--white)}.hud>*{pointer-events:auto}.wordmark{letter-spacing:.04em;font-size:.85rem;font-weight:800;font-stretch:125%;text-decoration:none}.hud-center{justify-self:center;align-items:center;gap:.6rem;display:flex}.hud-right{justify-self:end;align-items:center;gap:1.25rem;display:flex}.hud .take-count{text-align:right;min-width:6.5ch}.key{--h:3.5rem;min-height:var(--h);border:2px solid var(--key);letter-spacing:.01em;cursor:pointer;user-select:none;transition:transform .25s var(--ease-out), background-color .25s var(--ease-out), color .25s var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:0;justify-content:center;align-items:center;gap:.75rem;padding:0 1.5rem;font-size:1rem;font-weight:700;font-stretch:112%;text-decoration:none;display:inline-flex}.key-primary{background:var(--key);color:var(--key-ink)}.key-ghost{color:var(--ink);border-color:var(--line);background:0 0}.key-ghost:hover{border-color:var(--ink)}.key:active{transform:translateY(2px)}.key .arrow{transition:transform .35s var(--ease-expo)}.key:hover .arrow{transform:translate(.3em)}.key .led{opacity:.35;background:currentColor;border-radius:50%;width:.5rem;height:.5rem;transition:opacity .2s,background-color .2s}.key[aria-pressed=true] .led,.key.on .led{background:var(--tally);opacity:1}.key-small{--h:2.75rem;padding:0 1rem;font-size:.85rem}.hud .key-small{--h:2.25rem;border-color:var(--hud-key);background:var(--hud-key);color:var(--hud-key-ink);transition:background-color .3s,color .3s,border-color .3s}.hero{min-height:100svh;padding:calc(var(--hud-h) + 1rem) var(--gutter) var(--gutter);display:grid;position:relative}.hero-frame{animation:frame-in 1.1s var(--ease-expo) both;grid-template-columns:minmax(0,1fr);align-content:end;gap:clamp(2rem,5vw,4rem);padding:clamp(1.25rem,4vw,3.5rem);display:grid;position:relative}@media (width>=900px){.hero-frame.has-photo{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end}}@keyframes frame-in{0%{opacity:0;transform:scale(1.04)}}.crosshair{opacity:.55;background:linear-gradient(var(--ink), var(--ink)) center / 100% 1px no-repeat, linear-gradient(var(--ink), var(--ink)) center / 1px 100% no-repeat;width:1.5rem;height:1.5rem;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (width<=700px){.hero-meta.tr,.crosshair{display:none}}.hero-copy{gap:clamp(1.25rem,3vw,2rem);max-width:46rem;display:grid}.hero-name{font-size:var(--step-4);letter-spacing:-.02em;text-transform:uppercase;animation:rack 1.4s .15s var(--ease-expo) both;font-weight:860;font-stretch:125%;line-height:.92}@keyframes rack{0%{filter:blur(14px);opacity:.2;letter-spacing:.06em}}.hero-tagline{font-size:var(--step-1);max-width:30ch;animation:rack 1.2s .55s var(--ease-expo) both;font-weight:460;line-height:1.35}.now{color:var(--muted);align-items:baseline;gap:.75rem;animation:.8s 1s both fade;display:flex}.now b{color:var(--ink);font-weight:600}.hero-actions{flex-wrap:wrap;gap:.75rem;animation:.8s 1.15s both fade;display:flex}@keyframes fade{0%{opacity:0;transform:translateY(.5rem)}}.hero-meta{color:var(--muted);gap:1.25rem;display:flex;position:absolute}.hero-meta.tl{top:clamp(1.25rem,4vw,3.5rem);left:clamp(1.25rem,4vw,3.5rem)}.hero-meta.tr{top:clamp(1.25rem,4vw,3.5rem);right:clamp(1.25rem,4vw,3.5rem)}.portrait{justify-self:center;width:min(100%,26rem);position:relative}.portrait img{aspect-ratio:4/5;object-fit:cover;filter:grayscale(.15)contrast(1.05);width:100%;height:auto}.af{--c:var(--tally);--len:1rem;--w:2px;animation:af-lock 1.2s .6s var(--ease-expo) both;position:absolute;inset:22% 22% 30%}@keyframes af-lock{0%{opacity:0;transform:scale(1.5)}60%{opacity:1;transform:scale(.96)}to{transform:scale(1)}}.af-label{color:var(--white);background:var(--tally);white-space:nowrap;padding:.15rem .35rem;position:absolute;bottom:calc(100% + .4rem);left:0}.portrait figcaption{color:var(--muted);justify-content:space-between;margin-top:.6rem;display:flex}.take{padding:clamp(5rem, 12vw, 10rem) var(--gutter);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);display:grid;position:relative}@media (width>=1000px){.take{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.take.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.take.flip .take-shot{order:-1}}.take-copy{align-content:start;gap:1.5rem;max-width:40rem;display:grid;container-type:inline-size}.take-title{letter-spacing:-.02em;font-weight:820;font-stretch:125%;line-height:.95;font-size:min(var(--step-3), var(--fit,14.5cqi))}.take-title.len-l{--fit:9.4cqi}.take-summary{font-size:var(--step-1);font-weight:450;line-height:1.4}.take-body{color:var(--muted);gap:1em;max-width:65ch;display:grid}.specs{border-top:1px solid var(--line);margin:0}.specs div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:1rem;padding:.7rem 0;display:grid}.specs dt{color:var(--muted)}.specs dd{color:var(--ink);margin:0}.links{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.links a{border-bottom:2px solid var(--line);align-items:center;gap:.4rem;min-height:2.75rem;font-weight:650;font-stretch:112%;text-decoration:none;display:inline-flex}.links a:hover{border-color:var(--ink)}.take-shot{position:relative}.shot{aspect-ratio:2.39;background:var(--void);color:var(--white);position:relative;overflow:hidden;container-type:inline-size}.scene-void .shot{background:var(--void-lit)}.shot img{object-fit:cover;width:100%;height:100%}.shot-over{pointer-events:none;--c:var(--white);--ink:var(--white);padding:.8rem;position:absolute;inset:0}.shot-over .readout{color:var(--white);text-shadow:0 0 6px oklch(0% 0 0/.6);position:absolute}.shot-over .tl{top:.9rem;left:1rem}.shot-over .tr{top:.9rem;right:1rem}.shot-over .bl{bottom:.9rem;left:1rem}.shot-over .br{bottom:.9rem;right:1rem}.status-wrapped .tally{background:var(--ash)}.slate{background:var(--void);color:var(--white);grid-template-rows:21% 1fr auto;display:grid;position:absolute;inset:0}.scene-void .slate{background:var(--void-lit)}.clapper{background-image:repeating-linear-gradient(118deg, var(--white) 0 3.2cqi, transparent 3.2cqi 6.4cqi);border-bottom:2px solid var(--white);transform-origin:0 100%}.slate-title{text-transform:uppercase;text-align:center;place-items:center;padding:0 4cqi;font-size:8cqi;font-weight:860;font-stretch:125%;line-height:.9;display:grid}.slate.len-l .slate-title{font-size:6.4cqi}.slate-fields{border-top:1px solid oklch(100% 0 0/.35);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.slate-fields div{border-left:1px solid oklch(100% 0 0/.35);min-width:0;padding:.55rem .8rem .7rem}.slate-fields div:first-child{border-left:0}.slate-fields dt{color:var(--ash);font-size:.6rem}.slate-fields dd{white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 0;overflow:hidden}@media (width<=600px){.slate-fields div:nth-child(4){display:none}.slate-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}.has-slate .shot-over .readout{display:none}.shot-note{color:var(--muted);justify-content:space-between;gap:1rem;margin-top:.75rem;display:flex}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.shot{animation:linear both open-gate view();animation-range:entry cover 35%}@keyframes open-gate{0%{clip-path:inset(18% 0)}to{clip-path:inset(0)}}.clapper{animation:linear both clap view();animation-range:entry 10% cover 40%}@keyframes clap{0%{transform:rotate(-11deg)}85%{transform:rotate(0)}to{transform:rotate(0)}}}}.scope{width:100%;height:100%;position:absolute;inset:0}.engine-keys{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.engine-keys .key{--h:3rem;padding:0 1rem;font-size:.85rem}.engine-keys .play{min-width:7.5rem}.play-icon{border:.4rem solid #0000;border-left:.7rem solid;border-right-width:0;width:0;height:0}.play[aria-pressed=true] .play-icon{background:linear-gradient(90deg,currentColor 35%,#0000 35% 65%,currentColor 65%);border:0;width:.7rem;height:.8rem}.about{padding:clamp(5rem, 12vw, 10rem) var(--gutter);gap:clamp(2rem,5vw,4rem);display:grid}@media (width>=1000px){.about{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}.about h2{font-size:var(--step-3);letter-spacing:-.02em;font-weight:820;font-stretch:125%}.about-text{gap:1.1em;max-width:62ch;display:grid}.about-text p:first-child{font-size:var(--step-1);color:var(--ink);line-height:1.4}.about-text p+p{color:var(--muted)}.contact{min-height:90svh;padding:clamp(5rem, 12vw, 9rem) var(--gutter) var(--gutter);align-content:space-between;gap:3rem;display:grid;position:relative}.contact h2{font-size:var(--step-4);letter-spacing:-.02em;text-transform:uppercase;font-weight:860;font-stretch:125%}.contact-email{overflow-wrap:anywhere;border-bottom:3px solid var(--ink);padding-bottom:.1em;font-size:clamp(1.4rem,.6rem + 4.2vw,4rem);font-weight:700;font-stretch:112%;line-height:1.1;text-decoration:none;display:inline-block}.contact-email:hover{border-color:var(--tally)}.contact-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.socials{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}footer.foot{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1rem;display:flex}footer.foot a{color:inherit}.dock{right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:var(--z-dock);transition:opacity .3s, transform .3s var(--ease-out);display:none;position:fixed;box-shadow:0 .5rem 1.5rem oklch(0% 0 0/.3)}.dock.hide{opacity:0;pointer-events:none;transform:translateY(1rem)}@media (width<=700px){.hud-right .key-small,.hud .take-count{display:none}.dock{display:inline-flex}}.toast{left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom));z-index:var(--z-toast);background:var(--void);color:var(--white);opacity:0;pointer-events:none;padding:.75rem 1.1rem;transition:opacity .25s;position:fixed;translate:-50%}.toast.show{opacity:1}.hi{min-height:100svh;padding:calc(env(safe-area-inset-top) + 1rem) 1rem calc(env(safe-area-inset-bottom) + 1rem);display:grid}.hi-frame{width:min(100%,30rem);animation:frame-in .9s var(--ease-expo) both;align-content:center;gap:1.75rem;margin:0 auto;padding:2.5rem 1.5rem 1.75rem;display:grid;position:relative}.hi-top{color:var(--muted);justify-content:space-between;display:flex;position:absolute;top:.9rem;left:1.4rem;right:1.4rem}.hi .portrait{justify-self:start;width:min(72%,15rem)}.hi .portrait img{aspect-ratio:1}.hi h1{letter-spacing:-.02em;text-transform:uppercase;animation:rack 1.1s .1s var(--ease-expo) both;font-size:clamp(2.6rem,13vw,4rem);font-weight:860;font-stretch:125%;line-height:.92}.hi-tagline{animation:rack 1s .4s var(--ease-expo) both;font-size:1.2rem;line-height:1.4}.hi-keys{gap:.6rem;animation:.7s .6s both fade;display:grid}.hi-keys .key{justify-content:space-between;width:100%}.hi-keys .key-primary{--h:4rem;font-size:1.15rem}.hi-row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.hi-row>:last-child:nth-child(odd){grid-column:1/-1}.hi-foot{color:var(--muted);justify-content:space-between;display:flex}.page{min-height:100svh;padding:calc(var(--hud-h) + 3rem) var(--gutter) 4rem;align-content:start;gap:1.5rem;display:grid}.page h1{font-size:var(--step-3);letter-spacing:-.02em;font-weight:820;font-stretch:125%}.page .prose{gap:1em;max-width:65ch;display:grid}.page .prose p,.page .prose li{color:var(--ink)}.page .prose h2{font-size:var(--step-1);margin-top:1rem;font-stretch:112%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.tally.live{animation:none}}@media print{.hud,.dock,.toast{display:none}}