@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-vietnamese-600-normal-DUi7WF5p.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-600-normal-D6zpsUhD.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-ext-600-normal-DxxdqCpr.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-600-normal-VcznFIpX.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2) format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2) format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2) format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--void: #0a0e17;--void-2: #0c1220;--slate: #121a2b;--line: #1e2942;--steel: #8a94a6;--steel-dim: #7b8598;--mist: #e8ecf2;--white: #ffffff;--cobalt: #2e6bff;--cobalt-bright: #6d9bff;--cobalt-deep: #245ae6;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--step--1: clamp(.78rem, .75rem + .15vw, .86rem);--step-0: clamp(1rem, .96rem + .2vw, 1.12rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--step-2: clamp(1.6rem, 1.3rem + 1.4vw, 2.4rem);--step-3: clamp(2.2rem, 1.6rem + 3vw, 4rem);--step-4: clamp(1.9rem, 1.25rem + 3.1vw, 3.7rem);--r-btn: 8px;--r-media: 14px;--r-tag: 6px;--container: 1200px;--gutter: clamp(1.25rem, 5vw, 3rem);--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:calc(72px + 1.5rem);-webkit-text-size-adjust:100%}body{font-family:var(--font-display);font-size:var(--step-0);line-height:1.6;color:var(--mist);background:var(--void);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a,button,[data-magnetic],.hero__canvas{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}p,li{text-wrap:pretty}h1,h2,h3{overflow-wrap:break-word;hyphens:auto}.hero__grid>*,.work__grid>*{min-width:0}::selection{background:var(--cobalt);color:var(--white)}.mono{font-family:var(--font-mono);font-weight:400;letter-spacing:.02em}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.skip-link{position:absolute;left:-999px;top:0;z-index:100;background:var(--cobalt-deep);color:var(--white);padding:.6rem 1rem;border-radius:var(--r-btn)}.skip-link:focus{left:1rem;top:1rem}:focus-visible{outline:2px solid var(--cobalt-bright);outline-offset:3px}.nav{position:fixed;inset:0 0 auto;z-index:50;height:calc(72px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:flex;align-items:center;transition:background .4s var(--ease),border-color .4s var(--ease),backdrop-filter .4s var(--ease);border-bottom:1px solid transparent}.nav.is-scrolled{background:color-mix(in srgb,var(--void) 78%,transparent);backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--line)}@media(prefers-reduced-transparency:reduce){.nav.is-scrolled{background:var(--void);backdrop-filter:none}}.nav__inner{display:flex;align-items:center;justify-content:space-between;width:100%}.wordmark{display:flex;align-items:center;gap:.65rem}.wordmark__logo{flex:none;width:auto;height:32px;transition:transform .35s var(--ease)}.wordmark:hover .wordmark__logo{transform:scale(1.06)}.wordmark__text{display:flex;flex-direction:column;line-height:1.05}.wordmark__name{font-weight:600;letter-spacing:-.01em;font-size:var(--step-0);transition:color .25s var(--ease)}.wordmark:hover .wordmark__name{color:var(--cobalt-bright)}.wordmark__role{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}.nav__links{display:flex;align-items:center;gap:clamp(1.2rem,3vw,2.4rem);font-size:var(--step--1)}.nav__links a{color:var(--steel);transition:color .25s var(--ease)}.nav__links a:hover{color:var(--mist)}.nav__icon{display:grid;place-items:center;color:var(--steel);font-size:1.3rem}.nav__icon:hover{color:var(--mist)}.ic{display:inline-flex;width:1em;height:1em;flex:none}.ic svg{width:100%;height:100%;display:block;fill:currentColor}.hero{position:relative;min-height:100dvh;display:flex;align-items:center;padding-top:96px;padding-bottom:3rem;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 78% 42%,color-mix(in srgb,var(--cobalt) 12%,transparent) 0%,transparent 55%),radial-gradient(80% 60% at 12% 100%,var(--void-2) 0%,transparent 60%);pointer-events:none}.hero__grid{position:relative;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:clamp(2rem,5vw,4rem);width:100%}.hero__copy{max-width:42rem;min-width:0}.kicker{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--cobalt-bright);margin-bottom:1.4rem;display:inline-flex;align-items:center;gap:.7rem}.kicker:before{content:"";width:26px;height:1px;background:var(--cobalt)}.hero__title{font-size:var(--step-4);font-weight:500;line-height:1.02;letter-spacing:-.03em;hyphens:auto;overflow-wrap:break-word}.hero__title .line{display:block;padding-bottom:.04em}.hero__title .line>span{display:block}.hero__title em{font-style:normal;color:var(--cobalt-bright)}.hero__lead{margin-top:1.6rem;color:var(--steel);font-size:var(--step-1);line-height:1.5;max-width:30rem}.hero__actions{margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:.9rem}.hero__stage{position:relative;aspect-ratio:1 / 1;width:100%;max-width:560px;margin-inline:auto}.hero__canvas{width:100%;height:100%;display:block;cursor:grab}.hero__canvas:active{cursor:grabbing}.btn{--pad-y: .85rem;display:inline-flex;align-items:center;gap:.5rem;padding:var(--pad-y) 1.35rem;border-radius:var(--r-btn);font-size:var(--step-0);font-weight:500;letter-spacing:-.01em;border:1px solid transparent;transition:transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}[data-magnetic]{will-change:transform;transition-property:background,border-color,color}[data-magnetic]:active{filter:brightness(.92)}.btn .ic{font-size:1.05em;transition:transform .25s var(--ease)}.btn--primary{background:var(--cobalt-deep);color:var(--white)}.btn--primary:hover{background:var(--cobalt)}.btn--primary:hover .ic{transform:translate(2px,-2px)}.btn--ghost{color:var(--mist);border-color:var(--line);background:color-mix(in srgb,var(--slate) 40%,transparent)}.btn--ghost:hover{border-color:var(--steel-dim);color:var(--white)}.btn:active{transform:translateY(1px) scale(.99)}.section{padding-block:clamp(5rem,12vh,9rem);position:relative}.section__title{font-size:var(--step-3);font-weight:500;line-height:1.05;letter-spacing:-.03em;text-wrap:balance;max-width:24ch}.work{border-top:1px solid var(--line)}.work__title{margin-bottom:clamp(2.5rem,5vw,4rem)}.work__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,2.5rem)}.project--feature{grid-column:1 / -1}.project{display:flex;flex-direction:column}.project--feature{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding:clamp(1.4rem,3vw,2.4rem);border:1px solid var(--line);border-radius:var(--r-media);background:color-mix(in srgb,var(--slate) 45%,transparent)}.project__media{display:block;border-radius:var(--r-media);overflow:hidden;border:1px solid var(--line);background:var(--slate);position:relative;aspect-ratio:16 / 10}.project__media img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .7s var(--ease)}.project__media:hover img{transform:scale(1.035)}.project--feature .project__media{aspect-ratio:16 / 10}.project__info{padding-top:1.2rem;display:flex;flex-direction:column;gap:.85rem}.project--feature .project__info{padding-top:0}.project__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.project__name{font-size:var(--step-2);font-weight:500;letter-spacing:-.02em}.project--feature .project__name{font-size:var(--step-2)}.project__domain{font-size:var(--step--1);color:var(--steel-dim)}.project__desc{color:var(--steel);max-width:46ch}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.2rem}.tag{font-size:.72rem;letter-spacing:.04em;color:var(--steel);border:1px solid var(--line);border-radius:var(--r-tag);padding:.28rem .6rem;background:color-mix(in srgb,var(--slate) 50%,transparent)}.project__link{position:relative;margin-top:.4rem;align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;color:var(--cobalt-bright);font-weight:500;font-size:var(--step-0)}.project__link .ic{transition:transform .25s var(--ease)}.project__link:hover .ic{transform:translate(2px,-2px)}.project__link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .3s var(--ease)}.project__link:hover:after,.project__link:focus-visible:after{transform:scaleX(1)}.contact{border-top:1px solid var(--line);background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--cobalt) 9%,transparent) 0%,transparent 55%);text-align:center}.contact__inner{display:flex;flex-direction:column;align-items:center}.contact__title{font-size:var(--step-3);font-weight:500;line-height:1.04;letter-spacing:-.03em;text-wrap:balance;max-width:20ch}.contact__lead{margin-top:1.4rem;color:var(--steel);font-size:var(--step-1);max-width:42ch;text-wrap:pretty}.contact__mail{margin-top:2.6rem;display:inline-flex;align-items:center;gap:.6rem;font-size:clamp(1.4rem,1rem + 2.4vw,2.6rem);font-weight:500;letter-spacing:-.02em;color:var(--mist);transition:color .3s var(--ease)}.contact__mail .ic{font-size:.7em;color:var(--cobalt-bright);transition:transform .3s var(--ease)}.contact__mail:hover{color:var(--cobalt-bright)}.contact__mail:hover .ic{transform:translate(4px,-4px)}.footer{border-top:1px solid var(--line);padding-top:2rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom));background:var(--void-2)}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:var(--step--1)}.footer__mark{display:flex;align-items:center;gap:.55rem;font-weight:600}.footer__logo{flex:none;width:auto;height:22px}.footer__links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.footer__links a{color:var(--steel);transition:color .25s var(--ease)}.footer__links a:hover{color:var(--mist)}.footer__meta{color:var(--steel-dim)}.legal{padding-top:calc(72px + clamp(3rem,8vw,6rem));padding-bottom:clamp(4rem,10vw,7rem);min-height:100dvh}.legal__inner{max-width:62ch}.legal__title{font-size:var(--step-3);font-weight:600;line-height:1.05;letter-spacing:-.03em;color:var(--white);margin-bottom:2.5rem}.legal__block+.legal__block{margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--line)}.legal__block h2{font-size:var(--step-0);font-weight:600;letter-spacing:-.01em;color:var(--white);margin-bottom:.75rem}.legal__block p,.legal__block address{color:var(--steel);font-style:normal}.legal__block p+p{margin-top:.75rem}.legal__block ul{color:var(--steel);margin-top:.75rem;padding-left:1.25rem;list-style:disc}.legal__block li+li{margin-top:.35rem}.legal__block li::marker{color:var(--cobalt)}.legal__block ul+p{margin-top:.75rem}.legal__block a{color:var(--mist);text-decoration:underline;text-decoration-color:var(--cobalt);text-underline-offset:3px;transition:color .25s var(--ease)}.legal__block a:hover{color:var(--cobalt-bright)}.js [data-reveal]{opacity:0;transform:translateY(26px)}.js .hero__title .line{opacity:0;transform:translateY(30px)}@media(max-width:960px){.hero__grid{grid-template-columns:1fr;gap:2rem}.hero__stage{order:-1;max-width:min(340px,30dvh)}.hero__copy{max-width:none}.project--feature{grid-template-columns:1fr}.project--feature .project__info{padding-top:1.2rem}}@media(max-width:680px){.wordmark__role{display:none}.nav__links{gap:1rem;font-size:.82rem}.nav__icon{display:none}.hero{padding-top:84px;padding-bottom:2rem}.hero__stage{max-width:min(300px,26dvh)}.work__grid{grid-template-columns:1fr}.footer__inner{justify-content:flex-start}}@media(max-width:680px)and (max-height:800px){.hero{padding-bottom:1.25rem}.hero__stage{max-width:min(300px,20dvh)}.kicker{margin-bottom:.9rem}.hero__lead{margin-top:1.1rem;font-size:var(--step-0)}.hero__actions{margin-top:1.5rem}}@media(max-width:680px)and (max-height:690px){.hero__stage{max-width:min(300px,15dvh)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal],.js .hero__title .line{opacity:1!important;transform:none!important}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}