@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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-bg:#f8f7f2;--color-text:#252525;--color-text-muted:#252525b8;--color-line:#25252526;--contact-bg:#df0;--contact-field:#d9d9d9;--contact-pink:#ff1d8c;--contact-pink-light:#ffcce5;--font-body:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-body:clamp(1rem, .95rem + .25vw, 1.125rem);--fs-lead:clamp(1.1rem, 1rem + .4vw, 1.3rem);--fs-h3:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--fs-h2:clamp(1.9rem, 1.5rem + 2vw, 3rem);--fs-hero:clamp(2.4rem, 1.6rem + 4vw, 4.75rem);--space-section:clamp(4rem, 3rem + 5vw, 7rem);--container:68rem;--gutter:clamp(1.25rem, .8rem + 2.5vw, 3rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.15}p{text-wrap:pretty;margin:0}a{color:inherit;text-underline-offset:3px}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--color-text);outline-offset:3px}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--color-text);color:var(--color-bg);padding:.75rem 1.25rem;font-weight:600;text-decoration:none;position:absolute;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.header{z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-line);position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;min-height:4rem;display:flex}.header__logo{font-size:clamp(1rem,.9rem + .5vw,1.25rem);font-weight:700;line-height:1.25;text-decoration:none}.header__toggle{border:1px solid var(--color-text);color:var(--color-text);font:inherit;cursor:pointer;background:0 0;padding:.5rem .9rem;font-weight:600}.header__nav{padding:1rem var(--gutter) 1.5rem;background:var(--color-bg);border-bottom:1px solid var(--color-line);display:none;position:absolute;inset:100% 0 auto}.header--open .header__nav{gap:1.25rem;display:grid}.header__list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.header__link{padding:.4rem 0;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-block}.header__link:hover{text-decoration:underline}.lang-toggle{background:var(--contact-bg);font:inherit;cursor:pointer;border:0;border-radius:999px;align-self:start;padding:.2rem;display:inline-flex}.lang-toggle__option{color:#000;text-align:center;background:0 0;border-radius:999px;min-width:2.5rem;padding:.3rem .7rem;font-size:.875rem;font-weight:600;line-height:1.2;transition:background .2s,color .2s}.lang-toggle__option--active{color:var(--contact-bg);background:#000}.lang-toggle:focus-visible{outline-offset:2px;outline:2px solid #000}@media (width>=56rem){.lang-toggle{align-self:center}.header__toggle{display:none}.header__nav,.header--open .header__nav{background:0 0;border:0;align-items:center;gap:2rem;padding:0;display:flex;position:static}.header__list{gap:1.75rem;display:flex}.header__link{padding:.25rem 0;font-size:1rem;font-weight:500}}.footer{border-top:1px solid var(--color-line);padding-block:2rem;font-size:.9375rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer__nav{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.footer__nav a{font-weight:500}.btn{border:1px solid var(--color-text);min-height:3rem;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:disabled{cursor:progress;opacity:.6}.btn--primary,.btn--secondary{background:var(--color-text);color:var(--color-bg)}.btn--primary:hover,.btn--secondary:hover{background:#000}.btn--ghost{color:var(--color-text);background:0 0}.btn--ghost:hover{text-decoration:underline}.btn__icon{display:inline-flex}.hero{min-height:calc(100svh - 4rem);padding-block:clamp(2rem,1rem + 3vw,4rem);display:flex}.hero__inner{flex-direction:column;justify-content:flex-start;gap:clamp(1rem,.5rem + 2vw,2.5rem);display:flex;container-type:inline-size}.hero__name{letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;flex-direction:column;font-size:24cqi;font-weight:800;line-height:.85;display:flex}@property --wx{syntax:"<length>";inherits:false;initial-value:0}@property --jy{syntax:"<length>";inherits:false;initial-value:0}.hero__top{--tw:clamp(8rem, 22cqi, 14rem);--name-h:calc(24cqi * .85 * 2);--rise:calc(var(--name-h) + 2.5rem - var(--tw) * .21);position:relative}.hero__name--lime{z-index:3;color:var(--contact-bg);pointer-events:none;-webkit-mask-image:var(--walk-img);-webkit-mask-image:var(--walk-img);mask-image:var(--walk-img);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--tw) auto;-webkit-mask-size:var(--tw) auto;mask-size:var(--tw) auto;-webkit-mask-position:left var(--wx) bottom calc(var(--jy) - .5rem - var(--tw) * .6097);-webkit-mask-position:left var(--wx) bottom calc(var(--jy) - .5rem - var(--tw) * .6097);mask-position:left var(--wx) bottom calc(var(--jy) - .5rem - var(--tw) * .6097);animation:12s linear infinite hero-walk-x;position:absolute;top:0;left:0;right:0}.hero__top--jump .hero__name--lime{-webkit-mask-image:var(--jump-img);-webkit-mask-image:var(--jump-img);mask-image:var(--jump-img);animation:12s linear infinite hero-walk-x,1.1s ease-in-out hero-jump-y}.hero__walker{z-index:2;pointer-events:none;margin-top:.5rem;position:relative;overflow-x:clip}.hero__mover{width:var(--tw);animation:12s linear infinite hero-walk}.hero__walker-img{cursor:pointer;pointer-events:auto;width:100%;height:auto;display:block}.hero__top--jump .hero__walker-img{animation:1.1s ease-in-out hero-jump}@keyframes hero-jump{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--rise) * -1))}}@keyframes hero-jump-y{0%,to{--jy:0px}50%{--jy:var(--rise)}}@keyframes hero-walk{0%{transform:translate(-100%)}to{transform:translate(100cqi)}}@keyframes hero-walk-x{0%{--wx:calc(var(--tw) * -1)}to{--wx:100cqi}}@media (prefers-reduced-motion:reduce){.hero__mover,.hero__name--lime{animation:none}.hero__top--jump .hero__name--lime{animation:1.1s ease-in-out hero-jump-y}}.hero__grid{gap:2.5rem;display:grid}.hero__left{justify-items:start;gap:1.5rem;display:grid}.hero__intro{max-width:34rem;font-size:var(--fs-lead);font-weight:500;line-height:1.45}.hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (width>=48rem){.hero__top{--name-h:calc(14.8cqi * .85)}.hero__name{flex-direction:row;gap:.25em;font-size:14.8cqi}}.section{padding-block:var(--space-section);border-top:1px solid var(--color-line)}.section__header{gap:1rem;max-width:44rem;margin-bottom:clamp(2rem,1.5rem + 2vw,3rem);display:grid}.section__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.875rem;font-weight:600}.section__title{font-size:var(--fs-h2)}.section__intro{max-width:38rem;font-size:var(--fs-lead);color:var(--color-text-muted)}.portrait{width:100%;max-width:22rem;margin:0}.portrait__frame{aspect-ratio:4/5;background:#ebe9e1;overflow:hidden}.portrait__image{object-fit:cover;width:100%;height:100%}.portrait__empty{height:100%;color:var(--color-text-muted);place-content:center;font-size:.9375rem;display:grid}.about{align-items:start;gap:clamp(2rem,1.5rem + 3vw,4rem);display:grid}.about__content{gap:1.5rem;display:grid}.about__lead{font-size:var(--fs-lead);line-height:1.6}@media (width>=56rem){.about{grid-template-columns:5fr 7fr}}.stack{margin:0;padding:0;list-style:none;display:grid}.stack__service{border-bottom:1px solid var(--color-line);padding-bottom:clamp(2.5rem,1.75rem + 3vw,4.5rem)}.stack__service:last-child{border-bottom:0}.stack__heading{font-size:inherit;align-items:baseline;gap:1rem;margin:0;padding-block:clamp(2rem,1.5rem + 2vw,3rem) clamp(1.25rem,1rem + 1vw,2rem);display:flex}.stack__index,.stack__item-index{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.stack__title{font-size:var(--fs-h3);font-weight:700;line-height:1.15}.stack__content{gap:1.75rem;display:grid}.stack__text{max-width:36rem;color:var(--color-text-muted);line-height:1.65}.stack__items{border-top:1px solid var(--color-line);margin:0;padding:0;list-style:none}.stack__item{border-bottom:1px solid var(--color-line);gap:1.25rem;padding-block:1rem;font-weight:600;display:flex}@media (width>=48rem){.stack__content{grid-template-columns:5fr 7fr;gap:4rem}}.tag{border:1px solid var(--color-line);padding:.2rem .6rem;font-size:.875rem;font-weight:500;line-height:1.5;display:inline-block}.projects{border-top:1px solid var(--color-line);margin:0;padding:0;list-style:none}.project{border-bottom:1px solid var(--color-line);gap:.75rem;padding-block:1.5rem;display:grid}.project__number{color:var(--color-text-muted);font-size:.9375rem;font-weight:600}.project__body{gap:.35rem;display:grid}.project__title{font-size:var(--fs-h3)}.project__summary{max-width:36rem;color:var(--color-text-muted)}.project__tags{flex-wrap:wrap;gap:.5rem;display:flex}.project__media{border:1px solid var(--color-line);background:#000;border-radius:.75rem;line-height:0;display:block;overflow:hidden}.project__media video{object-fit:contain;width:100%;height:auto;max-height:calc(100svh - 13rem);transition:transform .4s}.project__media:hover video{transform:scale(1.02)}.project__cursor{z-index:50;mix-blend-mode:difference;background:var(--contact-bg);color:#000;pointer-events:none;opacity:0;transform:translate(calc(var(--x,0px) + 14px), calc(var(--y,0px) + 14px));border-radius:999px;padding:.45rem 1rem;font-size:.875rem;font-weight:600;line-height:1.2;transition:opacity .2s;position:fixed;top:0;left:0}.project:nth-child(2n) .project__cursor{background:var(--contact-pink)}.project__media:hover .project__cursor{opacity:1}@media (hover:none){.project__cursor{display:none}}.project--media .project__number{display:none}.project.project--media{scroll-snap-align:start;scroll-snap-stop:always;align-content:center;min-height:calc(100svh - 4rem);scroll-margin-top:-1rem}@media (width>=56rem){.project.project--media{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"media media""body tags";align-content:center;align-items:start;gap:1.25rem 2rem;padding-block:1.5rem}.project--media .project__media{grid-area:media}.project--media .project__body{grid-area:body}.project--media .project__tags{grid-area:tags;justify-content:flex-end;align-self:end}.project{grid-template-columns:3rem 1fr auto;align-items:baseline;gap:2rem}.project__tags{justify-content:flex-end}}.field{gap:.4rem;display:grid}.field__label{font-weight:600}.field__control{border:1px solid var(--color-text);width:100%;min-height:3rem;color:var(--color-text);font:inherit;background:#fff;padding:.7rem 1rem}textarea.field__control{resize:vertical;min-height:9rem}.field__error{font-size:.9375rem;font-weight:600}.contact-form{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:41rem;display:flex}.contact-form .field{width:100%}.contact-form .field__control{background:var(--contact-field);color:#000;width:100%;min-height:0;font-family:var(--font-body);border:0;border-radius:0;padding:.35rem 1rem;font-size:clamp(1.15rem,.9rem + 1.2vw,1.875rem);font-weight:900;line-height:1.4}.contact-form textarea.field__control{resize:none;height:clamp(8rem,6rem + 6vw,10.7rem)}.contact-form .field__control::placeholder{color:#00000080;opacity:1}.contact-form .field__control:focus-visible{outline-offset:0;outline:3px solid #000}.contact-form .field--error .field__control{outline:3px solid var(--contact-pink);outline-offset:0}.contact-form .field__error{color:#000;margin-top:.25rem;font-size:.9375rem;font-weight:700}.contact-form__submit{width:min(100%,14.6rem);height:clamp(3.5rem,3rem + 1.5vw,4.45rem);color:var(--contact-pink);font-family:var(--font-body);-webkit-text-stroke:4px var(--contact-pink-light);paint-order:stroke fill;filter:drop-shadow(0 4px 3px #f5888899);cursor:pointer;background:#fff;border:0;margin-top:.5rem;font-size:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);font-weight:900;transition:background-color .2s ease-in-out,color .2s ease-in-out}.contact-form__submit:hover{background:var(--contact-pink-light)}.contact-form__submit:active{background:var(--contact-pink);color:#fff}.contact-form__submit:focus-visible{outline-offset:3px;outline:3px solid #000}.contact-form__submit:disabled{cursor:progress;opacity:.6}.contact-form__status{text-align:center;font-weight:600}.contact-form__status:empty{display:none}.contact-form__privacy{text-align:center;max-width:34rem;font-size:.8125rem;line-height:1.5}.contact-form__privacy a,.contact-form__status a{font-weight:700}.contact-form--success{text-align:center;padding-block:2rem}.contact-form__thanks{color:var(--contact-pink);-webkit-text-stroke:4px var(--contact-pink-light);paint-order:stroke fill;font-size:clamp(2rem,1.5rem + 2vw,3rem);font-weight:900}.contact-form__again{color:#fff;font:inherit;cursor:pointer;background:#000;border:0;padding:.6rem 1.2rem;font-weight:700}.contact-form--shake{animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.contact{padding-block:var(--space-section);border-top:1px solid var(--color-line)}.contact__box{background:var(--contact-bg);color:#000;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:49.5rem;margin-inline:auto;padding:clamp(1.25rem,1rem + 1.5vw,1.5rem);display:flex}.contact__title{letter-spacing:0;text-align:center;font-size:clamp(2rem,1.4rem + 2.8vw,3rem);font-weight:900;line-height:1.2}.contact__mail{text-align:center;overflow-wrap:anywhere;margin-top:1.5rem}.contact__mail a{font-weight:600}.contact__box:has(.contact-form--success) .contact__title{display:none}.legal{max-width:48rem;padding-block:clamp(2.5rem, 2rem + 3vw, 4rem) var(--space-section)}.legal__back{margin-bottom:2rem;font-weight:500;display:inline-block}.legal__title{font-size:var(--fs-h2);margin-bottom:2rem}.legal__title:focus{outline:none}.legal__body{gap:1rem;display:grid}.legal__body h2{font-size:var(--fs-h3);margin-top:1.5rem}.legal__body ul{margin:0;padding-left:1.25rem}.legal__body li+li{margin-top:.25rem}.legal__body address{font-style:normal}.legal__body a{overflow-wrap:anywhere}.legal__placeholder{color:var(--color-text);background:#ffe58a;padding:0 .25em}