@font-face{font-family:Dosis Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/dosis-vietnamese-wght-normal.DD5t4dbF.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:Dosis Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/dosis-latin-ext-wght-normal.CWB30aBi.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:Dosis Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/dosis-latin-wght-normal.CvOn4Vwj.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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{--ink:#0c0c0d;--paper:#f3f3ef;--card:#f7f7f4;--surface:#161618;--line:#d5d5cf;--line-strong:#c9c9c3;--text-2:#3a3a3e;--muted:#57575c;--muted-dark:#a1a1a6;--soft-dark:#c9c9cd;--line-dark:#f3f3ef24;--accent:#d4ff3d;--font-display:"Dosis Variable", "Dosis", sans-serif;--font-body:"Inter Variable", "Inter", system-ui, sans-serif;--gutter:clamp(20px, 4vw, 48px);--section-y:clamp(80px, 10vw, 140px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--ink);color:var(--ink);font:400 17px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--font-display);margin:0}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.light :focus-visible{outline-color:var(--ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{max-width:1280px;padding-inline:var(--gutter);margin:0 auto}main{background:var(--paper)}.dark{background:var(--ink);color:var(--paper)}.eyebrow{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.dark .eyebrow{color:var(--muted-dark)}.h2{font-size:clamp(38px,4.6vw,64px);font-weight:500;line-height:1.02}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.section-head .eyebrow{margin-bottom:20px}.section-head>p{max-width:420px;color:var(--muted)}.dark .section-head>p{color:var(--muted-dark)}.split-rule{gap:24px;margin-bottom:56px;display:flex}.split-rule:before,.split-rule:after{content:"";background:var(--ink);height:1.5px}.split-rule:before{flex:1}.split-rule:after{width:12%}.icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.btn{min-height:56px;font:600 16px var(--font-body);cursor:pointer;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:12px;padding:0 28px;transition:transform .2s,background-color .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--accent{background:var(--accent);color:var(--ink)}.btn--ghost{color:inherit;border-color:#f3f3ef59;font-weight:500}.btn--ghost:hover{border-color:var(--paper)}.btn--sm{min-height:44px;padding:0 20px;font-size:15px;font-weight:500}.btn[disabled]{opacity:.6;cursor:progress;transform:none}.link-arrow{align-items:center;gap:10px;min-height:44px;font-weight:600;display:inline-flex}.link-arrow .icon{transition:transform .2s}.link-arrow:hover .icon,a:hover>.link-arrow .icon{transform:translate(3px)}.pill{border:1px solid var(--line-strong);border-radius:999px;padding:6px 12px;font-size:14px}.dark .pill{border-color:#f3f3ef4d;font-size:13px}.pill--accent{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:600}.site-header{justify-content:space-between;align-items:center;gap:24px;padding-block:22px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand .sygnet{width:44px;height:auto}.brand__name{font-family:var(--font-display);letter-spacing:.24em;font-size:16px;font-weight:400}.nav{color:var(--soft-dark);align-items:center;gap:34px;font-size:15px;display:flex}.nav a:hover{color:var(--paper)}@media (width<=900px){.nav{display:none}}@media (width<=560px){.site-header .btn{display:none}}@media (width<=360px){.brand__name{letter-spacing:.18em;font-size:13px}}.hero{text-align:center;padding-block:clamp(48px,8vw,110px) clamp(56px,7vw,96px)}.hero__text .eyebrow{margin-bottom:28px;font-size:14px;font-weight:500}.hero h1{font-weight:500;font-size:min(112px, calc((100vw - 2 * var(--gutter)) / 10.6));letter-spacing:-.015em;white-space:nowrap;line-height:.92}.hero h1 em{color:var(--accent);font-style:normal}.hero__lead{text-wrap:balance;color:var(--soft-dark);margin:36px auto 0;font-size:clamp(17px,1.5vw,20px)}.hero__cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:44px;display:flex}.sygnet .ha-stem{stroke:var(--accent)}@keyframes ha-draw{to{stroke-dashoffset:0}}.intro{display:none}.intro-on .intro{z-index:100;touch-action:none;height:calc(100lvh + 240px);display:block;position:absolute;top:0;left:0;right:0}.intro__bg{background:var(--ink);transition:opacity .7s .2s;position:absolute;inset:0 -4px}.intro__mark{--w:min(62vw, 46vh, 380px);width:var(--w);height:auto;left:calc(50% - var(--w) / 2);top:calc(50dvh - var(--w) * .393);color:var(--paper);transform-origin:0 0;transition:transform .85s cubic-bezier(.7,0,.2,1),stroke-width .85s,opacity .5s;position:absolute}.intro__mark path{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.6s cubic-bezier(.65,0,.35,1) .15s forwards ha-draw}.intro__mark .ha-stem{animation-duration:.5s;animation-delay:1.6s}.intro-out .intro__mark path{stroke-dashoffset:0;animation:none}.intro-out .intro__bg{opacity:0}.intro-on .brand .sygnet{visibility:hidden}.intro-on .hero__text{transform:translateY(24px)}.intro-out .hero__text{transition:transform .8s .3s;transform:none}.tools{border-top:1px solid #f3f3ef1f}.tools ul{color:var(--muted-dark);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 36px;margin:0;padding-block:22px;font-size:14px;list-style:none;display:flex}.tools li:first-child{font-family:var(--font-display);letter-spacing:.2em;color:var(--paper);font-size:12px;font-weight:500}.manifest{padding-block:var(--section-y) clamp(80px, 10vw, 150px)}.manifest .eyebrow{margin-bottom:40px}.manifest__grid{flex-wrap:wrap;align-items:flex-end;gap:48px clamp(40px,6vw,96px);display:flex}.manifest h2{letter-spacing:-.01em;flex:600px;font-size:clamp(44px,6.2vw,92px);font-weight:500;line-height:1}.manifest h2 span{color:#8a8a8f}.manifest__body{max-width:460px;color:var(--text-2);flex:340px;font-size:18px}.manifest__body strong{color:var(--ink);margin-top:20px;font-weight:500;display:block}.services{padding-bottom:var(--section-y)}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:20px;display:grid}.card{background:var(--card);border:1.5px solid var(--line);border-radius:22px;flex-direction:column;gap:18px;padding:clamp(28px,3vw,40px);transition:border-color .2s,transform .2s;display:flex}.card:hover{border-color:var(--ink);transform:translateY(-2px)}.card__top{justify-content:space-between;align-items:center;display:flex}.card h3{margin-top:12px;font-size:30px;font-weight:600;line-height:1.1}.card p{color:var(--text-2)}.card ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.card .link-arrow{margin-top:auto;padding-top:12px}.projects .wrap{padding-block:var(--section-y)}.project{border:1px solid var(--line-dark);background:var(--surface);border-radius:26px;flex-wrap:wrap;display:flex;overflow:hidden}.project+.project{margin-top:20px}.project--reverse{flex-flow:row-reverse wrap-reverse}.project__text{flex-direction:column;flex:380px;gap:18px;min-width:0;padding:clamp(28px,4vw,56px);display:flex}.project__text .pill{align-self:flex-start}.project__text h3{margin-top:8px;font-size:clamp(40px,4.4vw,60px);font-weight:600;line-height:1}.project__text p{color:var(--soft-dark);font-size:18px}.project__text .link-arrow{margin-top:auto;padding-top:12px}.project__shot{flex:1.6 460px;align-items:flex-end;min-width:0;padding:clamp(20px,3vw,40px) 0 0 clamp(20px,3vw,40px);display:flex}.project--reverse .project__shot{padding:clamp(20px,3vw,40px) clamp(20px,3vw,40px) 0 0}.browser{background:var(--paper);border:0;border-top:1px solid #f3f3ef29;border-left:1px solid #f3f3ef29;border-radius:14px 0 0;width:100%;overflow:hidden}.project--reverse .browser{border-left:0;border-right:1px solid #f3f3ef29;border-radius:0 14px 0 0}.browser__bar{background:#232326;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.browser__bar span{background:#48484c;border-radius:50%;width:10px;height:10px}.browser img{object-fit:cover;object-position:center top;width:100%;transition:transform .5s}.project:hover .browser img{transform:scale(1.02)}.process{padding-block:var(--section-y) clamp(56px, 6vw, 80px)}.process .h2{max-width:760px;margin:20px 0 64px}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:40px 28px;margin:0;padding:0;list-style:none;display:grid}.step{flex-direction:column;gap:14px;display:flex}.step__head{align-items:center;gap:14px;display:flex}.step__head:after{content:"";background:var(--ink);flex:1;height:1.5px}.step__num{border:1.5px solid var(--ink);width:44px;height:44px;font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:600;display:grid}.step:first-child .step__num{background:var(--ink);color:var(--paper)}.step h3{margin-top:8px;font-size:24px;font-weight:600}.step p{color:var(--text-2);font-size:16px}.knowledge{padding-bottom:var(--section-y)}.knowledge .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.card--row{flex-direction:row;align-items:flex-start;gap:24px}.card--row .eyebrow{margin-bottom:8px}.card--row h3{margin:0 0 10px;font-size:28px}.contact .wrap{padding-block:var(--section-y);flex-wrap:wrap;gap:64px clamp(40px,7vw,120px);display:flex}.contact__intro{flex:420px;min-width:0}.contact__intro .eyebrow{margin-bottom:20px}.contact__intro h2{font-size:clamp(40px,5vw,72px);font-weight:500;line-height:1}.contact__intro p{max-width:460px;color:var(--soft-dark);margin-top:28px;font-size:18px}.contact__mail{font-family:var(--font-display);border-bottom:1.5px solid var(--accent);overflow-wrap:anywhere;margin-top:40px;padding-bottom:4px;font-size:clamp(22px,2.4vw,32px);font-weight:500;display:inline-block}.contact__form-wrap{flex:460px;min-width:0}.form{flex-direction:column;gap:28px;display:flex}.form fieldset{border:0;margin:0;padding:0}.form legend{color:var(--muted-dark);margin-bottom:14px;padding:0;font-size:14px}.form__row{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:28px;display:grid}.form label.field{color:var(--muted-dark);flex-direction:column;gap:4px;font-size:14px;display:flex}.form input[type=text],.form input[type=email],.form textarea{width:100%;color:var(--paper);font:400 17px/1.4 var(--font-body);background:0 0;border:0;border-bottom:1.5px solid #f3f3ef47;border-radius:0;padding:10px 0 12px}.form textarea{resize:vertical;min-height:120px}.form input:focus,.form textarea:focus{border-bottom-color:var(--paper);outline:none}.form ::placeholder{color:#8e8e94}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip input{opacity:0;pointer-events:none;position:absolute}.chip span{cursor:pointer;border:1.5px solid #f3f3ef4d;border-radius:999px;align-items:center;min-height:44px;padding:0 18px;font-size:15px;font-weight:500;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.chip span:hover{border-color:var(--paper)}.chip input:checked+span{background:var(--paper);color:var(--ink);border-color:var(--paper)}.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.consent{color:var(--muted-dark);align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.consent input{width:20px;height:20px;accent-color:var(--paper);flex:none;margin:1px 0 0}.consent a{text-decoration:underline}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form__error{color:var(--paper);background:#ff5b1f24;border:1px solid #ff5b1f80;border-radius:14px;padding:14px 18px;font-size:15px}.form__error a{text-decoration:underline}.form-done{border:1px solid #f3f3ef2e;border-radius:22px;flex-direction:column;gap:16px;padding:48px;display:flex}.form-done .icon{color:var(--accent)}.form-done h3{font-size:34px;font-weight:600}.form-done p{color:var(--soft-dark)}[hidden]{display:none!important}.footer{border-top:1px solid #f3f3ef1f}.footer .wrap{color:var(--muted-dark);flex-wrap:wrap;justify-content:space-between;gap:24px;padding-block:clamp(48px,6vw,72px) 40px;font-size:14px;display:flex}.footer__company{align-items:center;gap:20px;display:flex}.footer__company .sygnet{width:84px;height:auto;color:var(--paper);flex:none}.footer address{flex-direction:column;gap:4px;font-style:normal;display:flex}.footer address strong{color:var(--paper);font-weight:500}@media (width<=560px){.footer__sep{display:none}.footer__line{display:block}}.footer nav{flex-wrap:wrap;align-items:flex-start;gap:8px 28px;display:flex}.footer a:hover{color:var(--paper)}.prose{max-width:760px;padding-block:clamp(56px,8vw,110px)}.prose h1{margin-bottom:40px;font-size:clamp(40px,5vw,64px);font-weight:500;line-height:1.05}.prose h2{margin:40px 0 12px;font-size:26px;font-weight:600}.prose p,.prose li{color:var(--text-2)}.prose p+p{margin-top:14px}.prose a{text-decoration:underline}
