@font-face{font-family:Archivo;src:url(/fonts/archivo-wdth.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Archivo Stand-in;src:local(Arial Narrow),local(Helvetica Neue),local(Arial);size-adjust:62%}:root{--night:#061417;--felt:#0c2126;--bone:#efe7d6;--ash:#a5b8b5;--sun:#ffc83d;--sky:#2cc4d6;--gutter:clamp(16px, 2.4vw, 40px);--measure:62ch;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--night);-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--night);color:var(--bone);-webkit-font-smoothing:antialiased;margin:0;font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-size:1.0625rem;font-stretch:100%;line-height:1.55;overflow-x:clip}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}:focus-visible{outline:2px solid var(--sun);outline-offset:3px;border-radius:2px}.skip{z-index:20;background:var(--sun);color:var(--night);padding:8px 14px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip:focus{transform:none}#gl{z-index:0;opacity:0;pointer-events:none;width:100%;height:100lvh;transition:opacity .9s;display:block;position:fixed;inset:0}.gl-ready #gl{opacity:1}main,.footer{z-index:1;position:relative}.nav{z-index:10;padding:16px var(--gutter);justify-content:space-between;align-items:center;gap:24px;font-size:.9375rem;transition:transform .35s,background .2s;display:flex;position:fixed;inset:0 0 auto}.nav.is-hidden{transform:translateY(-100%)}.nav:focus-within{transform:none}.nav.is-solid{background:#03090be6}.nav a{text-decoration:none}.nav-name{align-items:center;gap:9px;font-weight:600;display:inline-flex}.mark{width:22px;height:22px;display:block}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--ash);transition:color .2s}.nav-links a:hover{color:var(--bone)}.nav-resume{border:1px solid color-mix(in srgb, var(--bone) 45%, transparent);border-radius:999px;padding:6px 14px;transition:background .2s,color .2s}.nav-resume:hover{background:var(--bone);color:var(--night)}.hero{min-height:100svh;padding:0 var(--gutter);align-items:end;gap:24px var(--gutter);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative;container-type:inline-size}.hero-lead{max-width:27rem;padding-bottom:6px}.hero-role{text-wrap:balance;font-size:clamp(1.5rem,2.5cqw,2.25rem);font-weight:600;font-stretch:85%;line-height:1.08}.hero-line{color:var(--ash);margin-top:12px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.button{border:1px solid color-mix(in srgb, var(--bone) 45%, transparent);border-radius:999px;padding:11px 20px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-block}.button:hover{background:var(--bone);color:var(--night)}.button-solid{background:var(--sun);border-color:var(--sun);color:var(--night)}.button-solid:hover{background:var(--bone);border-color:var(--bone)}.hero-facts{max-width:25rem;color:var(--ash);text-align:right;justify-self:end;font-size:.9375rem}.name{letter-spacing:-.005em;text-transform:uppercase;white-space:nowrap;grid-column:1/-1;justify-content:space-between;gap:.2em;margin-bottom:clamp(8px,1.4cqw,20px);font-family:Archivo,Archivo Stand-in,sans-serif;font-size:11.9cqw;font-weight:800;font-stretch:62%;line-height:.86;display:flex}.gl-name .name{color:#0000;transition:color .9s}.section-title{font-size:clamp(2.5rem,7vw,6.5rem);font-weight:700;font-stretch:68%;line-height:.98}.thesis{min-height:130svh;padding:24svh var(--gutter);align-content:center;gap:40px;display:grid}.thesis-heading{max-width:min(9.6em,54vw);font-size:clamp(2.75rem,6.6vw,7rem);font-weight:700;font-stretch:72%;line-height:1}.thesis-body{max-width:30rem;color:var(--ash);gap:14px;font-size:1.1875rem;display:grid}.oyu-rule{background:var(--sun);width:min(100%,22rem);height:16px;margin-top:14px;display:block;-webkit-mask:url(/oyu-strip.svg) 0/auto 100% repeat-x;mask:url(/oyu-strip.svg) 0/auto 100% repeat-x}.work{padding:0 var(--gutter)}.work-head{max-width:34rem;padding-bottom:12svh}.work-note{color:var(--ash);margin-top:14px}.project{padding-bottom:12svh}.project-body{flex-direction:column;justify-content:center;width:min(46%,36rem);min-height:118svh;display:flex}.project-media{margin-inline:calc(-1 * var(--gutter));padding:72px var(--gutter) 56px;background:linear-gradient(#0000,#03090bf5 72px)}.demo-rail{display:none}.demo-frames{gap:28px var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.demo-frames .shot:first-child{grid-column:1/-1}.project-media.is-deck{height:calc(100svh + (var(--frames,1) - 1) * 70svh);background:linear-gradient(#0000,#03090bf7 22svh);padding:0}.is-deck .demo-stage{height:100svh;padding:76px var(--gutter) 40px;grid-template-columns:minmax(13rem,21rem) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,72px);display:grid;position:sticky;top:0;overflow:hidden}.is-deck .demo-rail{display:block}.is-deck .demo-frames{aspect-ratio:16/10;justify-self:end;width:min(100%,160svh - 240px);display:block;position:relative}.is-deck .shot{position:absolute;inset:0}.is-deck .shot figcaption{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.demo-title{font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:700;font-stretch:72%;line-height:1}.demo-steps{gap:2px;margin-top:20px;display:grid;position:relative}.demo-steps:before{content:"";background:repeating-linear-gradient(#ffc83d80 0 6px,#0000 6px 11px);width:1px;position:absolute;inset:16px auto 16px 3px}.demo-step{width:100%;color:var(--ash);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:9px 0 9px 22px;line-height:1.35;transition:color .25s;position:relative}.demo-step:before{content:"";background:var(--night);border-radius:50%;width:7px;height:7px;transition:background .25s;position:absolute;top:16px;left:0;box-shadow:inset 0 0 0 1px #ffc83d99}.demo-step:hover,.demo-step.is-active{color:var(--bone)}.demo-step.is-active:before{background:var(--sun)}.shot{margin:0;position:relative}.shot-toggle{color:var(--bone);font:inherit;cursor:pointer;background:#03090bc7;border:0;border-radius:999px;padding:4px 12px;font-size:.875rem;font-weight:600;position:absolute;bottom:10px;right:10px}.shot-toggle:hover{background:var(--bone);color:var(--night)}.shot img,.shot video{aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--felt);border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #efe7d624,0 24px 60px #0000008c}.shot-contain img,.shot-contain video{object-fit:contain;background:#04100f}.shot a{cursor:zoom-in;border-radius:8px;display:block}.more-item .shot-toggle{top:10px;bottom:auto}.shot figcaption{color:var(--ash);margin-top:10px;font-size:.875rem}html:has(.viewer[open]){scrollbar-gutter:stable;overflow:hidden}.viewer{background:var(--felt);max-width:none;max-height:none;color:var(--bone);border:0;border-radius:10px;padding:0;overflow:hidden}.viewer::backdrop{background:#02080ae0}.viewer img{width:auto;max-width:min(94vw,1500px);height:auto;max-height:92vh;display:block}.viewer-close{background:var(--bone);color:var(--night);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:6px 14px;font-weight:600;position:absolute;top:10px;right:10px}.project-context,.project-stack,.project-legend{color:var(--ash);font-size:.9375rem}.project-name{margin-top:4px;font-size:clamp(2.75rem,6vw,6rem);font-weight:700;font-stretch:66%;line-height:.96}.project-summary{margin-top:16px;font-size:1.1875rem;line-height:1.45}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.metric{flex-direction:column-reverse;justify-content:flex-end;display:flex}.metric dt{color:var(--ash);margin-top:4px;font-size:.875rem;line-height:1.3}.metric dd{color:var(--sun);font-variant-numeric:tabular-nums;font-size:clamp(2rem,3.6vw,3.25rem);font-weight:600;font-stretch:72%;line-height:1}.points{max-width:var(--measure);gap:10px;margin-top:28px;display:grid}.project-stack{margin-top:18px}.project-legend{color:var(--accent,var(--sky));margin-top:4px}.project-links{flex-wrap:wrap;gap:4px 18px;margin-top:14px;display:flex}.link{-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:4px;transition:color .2s}.link:hover{color:var(--sun)}.more,.experience,.education{padding:14svh var(--gutter) 0}.kerege{width:100%;height:clamp(150px,19vw,230px);margin-top:14svh;display:none}html.lenis .kerege{display:block}.kerege+.experience{padding-top:8svh}.more-list{gap:56px var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px;display:grid}.more-item .shot{margin-bottom:14px}.more-item h3,.school h3,.role h3{font-size:1.5rem;font-weight:600;font-stretch:85%;line-height:1.15}.more-item p{color:var(--ash);margin-top:8px}.more-links{flex-wrap:wrap;align-items:center;gap:4px 18px;display:flex}.more-links .link{color:var(--bone)}.more-links .link-live{background:var(--sun);color:var(--night);border-radius:999px;margin-right:6px;padding:5px 14px;font-weight:600;text-decoration:none;transition:background .2s}.more-links .link-live:hover{background:var(--bone);color:var(--night)}.roles-track{margin-top:36px;position:relative}.roles{gap:36px;display:grid}.role{gap:calc(var(--gutter) * 2);grid-template-columns:13rem minmax(0,46rem);display:grid;position:relative}.thread{top:8px;bottom:8px;left:calc(13rem + var(--gutter));background:repeating-linear-gradient(#ffc83d38 0 8px,#0000 8px 14px);width:2px;position:absolute}.thread-fill{background:repeating-linear-gradient(to bottom, var(--sun) 0 8px, transparent 8px 14px);transform-origin:top;height:100%;display:block}.role:before{content:"";top:7px;left:calc(13rem + var(--gutter) - 3px);background:var(--night);border-radius:50%;width:8px;height:8px;transition:background .3s;position:absolute;box-shadow:inset 0 0 0 1px #ffc83d80}.role.is-reached:before,html:not(.lenis) .role:before{background:var(--sun)}.role-period,.role-org{color:var(--ash)}.role-text{margin-top:6px}.education-grid{gap:48px var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px;display:grid}.school p{color:var(--ash);margin-top:6px}.school ul{gap:4px;margin-top:12px;display:grid}.skills{gap:12px;display:grid}.skills dt{color:var(--ash);font-size:.9375rem}.also{align-content:start;gap:4px;display:grid}.contact{min-height:150svh;padding:58svh var(--gutter) 40px;align-content:end;gap:18px;display:grid;container-type:inline-size}.contact-title{max-width:22em;scroll-margin-top:62svh;font-size:clamp(1.5rem,2.8vw,2.5rem);font-weight:600;font-stretch:85%;line-height:1.12}.contact-email{overflow-wrap:anywhere;font-size:9.05cqw;font-weight:800;font-stretch:62%;line-height:1;text-decoration:none;transition:color .2s}.contact-email:hover{color:var(--sun)}.contact-links{flex-wrap:wrap;gap:8px 26px;display:flex}.footer{padding:24px var(--gutter);color:var(--ash);justify-content:space-between;gap:24px;font-size:.875rem;display:flex}@media screen{html:not(.gl-pending) .hero{background:var(--night) url(/poster-wide.webp) center top / cover no-repeat}html:not(.gl-pending) .nav{position:absolute}html:not(.gl-pending) .thesis{min-height:0;padding:14svh var(--gutter) 10svh;background:0 0}html:not(.gl-pending) .project{padding-block:6svh}html:not(.gl-pending) .project-media{background:0 0;padding-top:8px}html:not(.gl-pending) .project-body{background:0 0;width:min(100%,44rem);min-height:0;margin-inline:0;padding:0 0 28px}html:not(.gl-pending) .contact{min-height:0;padding-top:14svh}html:not(.gl-pending) .contact-title{scroll-margin-top:14svh}html:not(.gl-pending) .work-note,html:not(.gl-pending) .project-legend,html:not(.gl-pending) .footer-note{display:none}}.word{display:inline-block}@media screen and (width<=760px),screen and (width<=1100px) and (orientation:portrait){.thesis{min-height:0;padding:56svh var(--gutter) 14svh;background:linear-gradient(#0000 44svh,#03090beb 54svh calc(100% - 12svh),#0000)}.thesis-heading{max-width:none}.work-head{max-width:none;margin-inline:calc(-1 * var(--gutter));padding:32px var(--gutter) 56px;background:linear-gradient(#0000,#03090beb 32px calc(100% - 56px),#0000)}.project{padding-top:74svh;padding-bottom:0}.project-body{width:auto;min-height:0;margin-inline:calc(-1 * var(--gutter));padding:56px var(--gutter) 24px;background:linear-gradient(#0000,#03090bf0 56px);display:block}.project-media{padding:0 var(--gutter) 40px;background:#03090bf0}.contact{min-height:120svh;padding-top:60svh}.is-deck .demo-stage{grid-template-columns:minmax(0,1fr);align-content:center;gap:20px;padding-top:64px}.is-deck .demo-frames{border-radius:8px;order:-1;justify-self:center;width:min(100%,99.2svh);overflow:clip}html:not(.gl-pending) .hero{background-image:linear-gradient(to bottom, transparent calc(100% - 500px), var(--night) calc(100% - 340px)), url(/poster-tall.webp)}}@media screen and (width<=760px){body{font-size:1rem}.nav-links{display:none}.hero{grid-template-rows:1fr auto auto;grid-template-columns:minmax(0,1fr);gap:16px}.hero-lead{max-width:none}.hero-role{font-size:clamp(1.45rem,3.3svh,1.75rem)}.hero-line{margin-top:clamp(6px,1.4svh,12px);font-size:clamp(.9375rem,2.3svh,1rem);line-height:1.45}.hero-actions{margin-top:clamp(12px,2.4svh,20px)}.hero-facts{display:none}.name{font-size:21.7cqw;line-height:.84;display:block}.name-line{display:block}.name-line:first-child{font-size:1.27em}.short-hero .name{font-size:11.9cqw;line-height:.86;display:flex}.short-hero .name-line:first-child{font-size:1em}.demo-frames{grid-template-columns:minmax(0,1fr)}.metric dd{font-size:2rem}.more-list,.education-grid{grid-template-columns:minmax(0,1fr)}.role{grid-template-columns:minmax(0,1fr);gap:4px;padding-left:22px}.thread{left:3px}.role:before{left:0}.footer{flex-direction:column;gap:2px}}@media (prefers-reduced-motion:reduce){#gl,.nav,.name,.button,.link{transition:none}}@media print{#gl,.nav,.skip,.footer,.hero-actions,.thesis,.project-legend,.work-note,.project-media,.shot,.viewer,.oyu-rule,.thread,.kerege{display:none!important}.role:before{content:none}.project-name{clip-path:none!important}html,body{color:#000;background:#fff;font-size:10.5pt;line-height:1.4}.hero,.project,.contact{background:0 0;min-height:0;padding:0 0 10pt;display:block}.hero{flex-direction:column;align-items:flex-start;gap:4pt;display:flex}.name,.gl-name .name{color:#000;order:-1;margin:0;font-size:30pt;line-height:1;transition:none;display:block}.name-line{display:inline}.hero-role{font-size:14pt}.hero-lead,.hero-facts{text-align:left;justify-self:auto;max-width:none}.work,.more,.experience,.education{padding:8pt 0 0}.work-head{padding-bottom:4pt}.project-body{width:auto;min-height:0;display:block}.project,.more-item,.role,.school{break-inside:avoid}.more-list{grid-template-columns:minmax(0,1fr);gap:8pt;margin-top:6pt}.metrics,.points{margin-top:6pt}.roles,.education-grid{gap:8pt;margin-top:6pt}.role{grid-template-columns:9rem minmax(0,1fr);gap:8pt;padding-left:0}.hero-line,.hero-facts,.project-context,.project-stack,.metric dt,.role-period,.role-org,.school p,.skills dt,.more-item p{color:#333}.metric dd,.contact-email,.link,.more-links .link{color:#000}.metric dd,.contact-email{font-size:16pt}a[href^=http]:after{content:" (" attr(href) ")";font-size:9pt}.section-title{font-size:18pt}.project-name{font-size:16pt}.project-summary{font-size:inherit}}