@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-cyrillic-ext-wght-normal.C8S-KRRz.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-cyrillic-wght-normal.Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-greek-wght-normal.DL7QRZyv.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-vietnamese-wght-normal.usUDDRr7.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-ext-wght-normal.Ch3YOpNY.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-wght-normal.DHIcAJRg.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{--bg:#0a0908;--bg-raised:#131110;--glass:rgb(var(--ink-rgb) / .04);--glass-strong:rgb(var(--ink-rgb) / .07);--ink:#f4f1ec;--ink-soft:#a39b92;--ink-faint:#6d665f;--accent:#ff5a1f;--accent-soft:rgb(var(--accent-rgb) / .18);--bg-rgb:10 9 8;--raised-rgb:19 17 16;--ink-rgb:244 241 236;--accent-rgb:255 90 31;--accent-hi-rgb:255 138 76;--surface:#151311;--surface-2:#161412;--surface-hi:#1c1917;--surface-lo:#0f0d0c;--heading-from:#fff;--heading-to:#9c948b;--on-accent:#fff;--field:#00000059;--ok:var(--ok);--err:var(--err);--logo-filter:grayscale(1) brightness(0) invert(1);--line:rgb(var(--ink-rgb) / .09);--line-strong:rgb(var(--ink-rgb) / .16);--font:"Manrope Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--max:76rem;--gutter:clamp(1.25rem, 5vw, 3rem);--radius:1rem;--ease:cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:inherit}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(5rem,11vw,9rem);position:relative}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:.78rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent);border-radius:50%}h1,h2,h3{letter-spacing:-.035em;margin:0;font-weight:500;line-height:1.05}h1{font-size:clamp(2.25rem,8.6vw,5.75rem)}h2{margin-bottom:1.25rem;font-size:clamp(2rem,5vw,3.75rem)}h3{letter-spacing:-.02em;font-size:1.3rem;font-weight:600}p{max-width:60ch;margin:0 0 1rem}.muted{color:var(--ink-soft)}.gradient-text{background:linear-gradient(180deg, var(--heading-from) 30%, var(--heading-to));color:#0000;-webkit-background-clip:text;background-clip:text}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:clamp(2.5rem,6vw,4rem);display:flex}.section-head h2{margin:0}.section-head p{max-width:34ch;margin:0}.skip{background:var(--accent);color:var(--on-accent);z-index:100;padding:.75rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{left:0}.announce{border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:.82rem}.announce .wrap{justify-content:center;align-items:center;gap:.6rem;height:2.4rem;display:flex}.announce a{color:var(--ink);font-weight:600;text-decoration:none}.announce a:hover{color:var(--accent)}.announce .dot{background:var(--ok);width:6px;height:6px;box-shadow:0 0 10px var(--ok);border-radius:50%}.site-header{z-index:50;background:rgb(var(--bg-rgb) / .7);-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:1rem;height:4.25rem;display:flex}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.6rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{width:28px;height:28px}.brand-mark rect{fill:var(--accent)}.brand-mark path{stroke:var(--on-accent)}.nav{gap:2rem;font-size:.92rem;display:flex}.nav a{color:var(--ink-soft);text-decoration:none;transition:color .2s}.nav a:hover{color:var(--ink)}.header-cta{gap:.6rem;display:flex}.btn{background:var(--accent);color:var(--on-accent);font:inherit;cursor:pointer;box-shadow:0 0 0 0 var(--accent-soft), 0 8px 30px -8px rgb(var(--accent-rgb) / .6);transition:transform .3s var(--ease), box-shadow .3s, background .2s;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.35rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:0 0 0 6px var(--accent-soft), 0 12px 36px -8px rgb(var(--accent-rgb) / .7);transform:translateY(-2px)}.btn--glass{background:var(--glass-strong);border-color:var(--line-strong);color:var(--ink);box-shadow:none}.btn--glass:hover{background:rgb(var(--ink-rgb) / .12);box-shadow:none}.btn--text{box-shadow:none;background:0 0;padding-inline:.5rem}.btn--text:hover{box-shadow:none;color:var(--accent)}.btn--sm{padding:.55rem 1.05rem;font-size:.85rem}.btn .arrow{transition:transform .3s var(--ease)}.btn:hover .arrow{transform:translate(3px)}.js .reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(28px)}.js .d1{transition-delay:90ms}.js .d2{transition-delay:.18s}.js .d3{transition-delay:.27s}.js .reveal.in{opacity:1;transform:none}.services{grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:1rem;display:grid}.service{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--glass-strong), transparent);transition:border-color .4s, transform .4s var(--ease);padding:1.75rem;position:relative;overflow:hidden}.service:after{content:"";aspect-ratio:1;background:radial-gradient(closest-side, rgb(var(--accent-rgb) / .35), transparent);opacity:0;pointer-events:none;width:80%;transition:opacity .5s;position:absolute;inset:auto -30% -60% auto}.service:hover,.js .service.reveal.in:hover{border-color:rgb(var(--accent-rgb) / .45);transform:translateY(-4px)}.service:hover:after{opacity:1}.service .icon{border:1px solid var(--line-strong);background:var(--surface-2);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:2.5rem;font-weight:700;display:grid}.service h3{margin-bottom:.5rem}.service p{color:var(--ink-soft);margin:0;font-size:.97rem}.work{overflow:hidden}.float-field{height:clamp(1000px,108vw,1320px);position:relative}.float{will-change:transform;margin:0;text-decoration:none;position:absolute}.float .shot{border:1px solid var(--line-strong);background:var(--surface);transition:transform .5s var(--ease), border-color .4s;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -20px #000c}.float:hover .shot{border-color:rgb(var(--accent-rgb) / .5);transform:scale(1.03)}.float figcaption{color:var(--ink);white-space:nowrap;align-items:center;gap:.5rem;margin-top:.8rem;font-size:.9rem;font-weight:500;display:flex}.float figcaption:before{content:"";background:var(--ink);border-radius:50%;flex-shrink:0;width:6px;height:6px}.float figcaption span{color:var(--ink-faint);font-weight:400}.float-label{z-index:2;letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:.6rem;margin:0;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:500;display:flex;position:absolute}.float-label:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 14px var(--accent);border-radius:50%}.p1{width:22%;top:0;left:0}.p2{width:12%;top:6%;left:30%}.p3{width:18%;top:0;left:50%}.p4{width:20%;top:8%;left:78%}.p5{width:14%;top:40%;left:4%}.p6{width:32%;top:40%;left:26%}.p7{width:24%;top:44%;left:70%}.p8{width:12%;top:78%;left:38%}.p9{width:26%;top:74%;left:0}.p10{width:20%;top:76%;left:62%}.l1{top:28%;left:2%}.l2{top:34%;left:62%}.l3{top:70%;left:36%}.mock{display:grid;position:relative}.mock .bar{border-bottom:1px solid var(--line);gap:5px;padding:10px 12px;display:flex}.mock .bar i{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.mock .art{aspect-ratio:16/10}.mock--phone .art{aspect-ratio:9/16}.mock--card .art{aspect-ratio:4/3}.mock .lines{gap:7px;padding:12px;display:grid}.mock .lines i{background:var(--line-strong);border-radius:4px;height:7px}.mock .lines i:nth-child(2){width:70%}.mock .lines i:nth-child(3){background:var(--accent);opacity:.8;width:45%}.g1{background:radial-gradient(circle at 30% 30%,#ff8a4c,#b8330c 55%,#2a0d04)}.g2{background:radial-gradient(circle at 70% 20%,#e8ff6a,#7fb800 50%,#1c2a00)}.g3{background:radial-gradient(circle at 30% 70%,#7aa7ff,#2c4fd6 55%,#0a1030)}.g4{background:radial-gradient(circle at 60% 40%,#ffc6d9,#d94f86 55%,#2b0616)}.g5{background:linear-gradient(160deg,#3a3531,#141210)}.g6{background:radial-gradient(circle at 50% 30%,#ffe2b8,#c98a3a 55%,#2a1a06)}.real{aspect-ratio:4/3}.real--phone{aspect-ratio:9/16}.real--desk{aspect-ratio:16/10}.real img,.real video{object-fit:cover;width:100%;height:100%;display:block}.float.fit-phone .shot{width:55%}.float figcaption a{color:inherit;text-decoration:none}.float figcaption a:hover{color:var(--accent)}.float .card-link{z-index:3;border-radius:14px;position:absolute;inset:0}.float .card-link:focus-visible{outline-offset:6px}.float:has(.card-link){cursor:pointer}.filters{flex-wrap:wrap;gap:.5rem;margin:-1.5rem 0 2.5rem;display:none}.filters-ready .filters{display:flex}.filters button{font:inherit;border:1px solid var(--line-strong);background:var(--glass);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-size:.88rem;font-weight:600;transition:color .2s,border-color .2s,background .2s}.filters button:hover{color:var(--ink)}.filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.float.extra{display:none}.float-field.filtered{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));align-items:start;gap:2.5rem 1.25rem;height:auto;display:grid}.float-field.filtered .float{width:auto;margin:0;animation:none;position:relative;top:auto;left:auto;transform:none}.float-field.filtered .float.extra:not([hidden]){display:block}.float-field.filtered .float:not([data-category]),.float-field.filtered .float-label,.float-field.filtered [hidden]{display:none}.float-field.filtered .float.fit-phone .shot{width:70%}.view-all{text-align:center;max-width:none;margin:clamp(1.5rem,4vw,3rem) 0 0}.s1{--from:90px;--to:-90px}.s2{--from:180px;--to:-180px}.s3{--from:40px;--to:-40px}.s4{--from:260px;--to:-260px}@supports (animation-timeline:view()){.float,.float-label{animation:linear both parallax view();animation-range:cover}@keyframes parallax{0%{transform:translate3d(0, var(--from), 0)}to{transform:translate3d(0, var(--to), 0)}}}.work-page h1{font-size:clamp(2.4rem,6vw,4.5rem)}.work-page .filters{margin-top:0}.work-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));align-items:start;gap:2.5rem 1.25rem;display:grid}.work-card{color:var(--ink);gap:.3rem;text-decoration:none;display:grid}.work-card[hidden]{display:none}.work-card .shot{border:1px solid var(--line-strong);background:var(--surface);transition:transform .5s var(--ease), border-color .4s;border-radius:14px;margin-bottom:.6rem;overflow:hidden}.work-card .shot.real--phone{width:62%}.work-card:hover .shot,.work-card:focus-visible .shot{border-color:rgb(var(--accent-rgb) / .5);transform:translateY(-4px)}.work-card-title{font-size:1.05rem;font-weight:600}.work-card-meta{color:var(--ink-faint);font-size:.88rem}.case-hero{padding-block:clamp(3rem,8vw,6rem) clamp(2rem,5vw,3.5rem)}.case-back{margin:0 0 2rem;font-size:.9rem}.case-back a{color:var(--ink-soft);text-decoration:none}.case-back a:hover{color:var(--ink)}.case-hero h1{text-wrap:balance;max-width:18ch}.case-lede{color:var(--ink-soft);max-width:48ch;margin:1.5rem 0 0;font-size:clamp(1.1rem,2vw,1.35rem)}.case-facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:1.25rem 3rem;margin:2.5rem 0 0;padding-top:1.5rem;display:flex}.case-facts div{gap:.2rem;display:grid}.case-facts dt{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:.75rem;font-weight:600}.case-facts dd{margin:0;font-weight:500}.case-facts a{color:var(--ink);text-decoration-color:var(--accent);text-underline-offset:4px}.case-media{margin-bottom:clamp(3rem,8vw,6rem)}.case-frame{border:1px solid var(--line-strong);background:var(--surface);border-radius:18px;margin-inline:auto;overflow:hidden;box-shadow:0 40px 80px -30px #000000e6}.case-frame .bar{border-bottom:1px solid var(--line);gap:6px;padding:12px 14px;display:flex}.case-frame .bar i{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.case-frame img,.case-frame video{width:100%;height:auto;display:block}.case-frame--phone{border-radius:28px;max-width:min(380px,80vw)}.case-frame--card{max-width:60rem}.case-story{max-width:44rem;margin-bottom:clamp(3rem,8vw,6rem);font-size:1.1rem;line-height:1.75}.case-story h2{margin:2.5rem 0 1rem;font-size:clamp(1.5rem,3vw,2rem)}.case-story h3{margin:2rem 0 .75rem}.case-story p,.case-story ul,.case-story ol{color:var(--ink-soft);max-width:none}.case-story strong{color:var(--ink)}.case-story a{color:var(--ink);text-decoration-color:var(--accent);text-underline-offset:4px}.case-story img{border-radius:12px;margin-block:1.5rem}.case-story blockquote{border-left:2px solid var(--accent);color:var(--ink);margin:2rem 0;padding-left:1.25rem;font-size:1.2rem}.case-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.25rem;margin-bottom:clamp(3rem,8vw,6rem);display:grid}.case-gallery figure{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:0;overflow:hidden}.case-gallery img{width:100%;height:auto;display:block}.case-next{padding-top:0}.next-link{border-block:1px solid var(--line);gap:.5rem;margin-bottom:3rem;padding-block:2.5rem;text-decoration:none;display:grid}.next-title{letter-spacing:-.035em;font-size:clamp(2rem,5vw,3.5rem);font-weight:500;line-height:1.1;transition:opacity .3s}.next-link:hover .next-title{opacity:.8}.case-cta{align-items:center}.case-cta h2{margin-bottom:.75rem}.case-cta-actions{justify-content:flex-end;display:flex}.steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;border-top:1px solid var(--line-strong);padding:1.75rem 1.5rem;position:relative}.steps li:before{content:"0" counter(s);color:var(--accent);margin-bottom:2rem;font-size:.85rem;font-weight:700;display:block}.steps li:after{content:"";background:var(--accent);width:0;height:1px;box-shadow:0 0 10px var(--accent);transition:width 1.2s var(--ease) .3s;position:absolute;top:-1px;left:0}.steps li.in:after{width:100%}.steps h3{margin-bottom:.5rem}.steps p{color:var(--ink-soft);margin:0;font-size:.97rem}.about{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.team{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.avatar{aspect-ratio:3/4;border-radius:var(--radius);border:1px solid var(--line-strong);background:linear-gradient(180deg, var(--surface-hi), var(--surface-lo));color:var(--ink-soft);place-items:end start;padding:1rem;font-size:.85rem;display:grid}.avatar:nth-child(2){transform:translateY(2.5rem)}.avatar--photo{margin:0;padding:0;position:relative;overflow:hidden}.avatar--photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.avatar--photo figcaption{background:linear-gradient(transparent, rgb(var(--bg-rgb) / .85));width:100%;color:var(--ink);gap:.1rem;padding:2.5rem 1rem 1rem;font-size:.9rem;display:grid;position:relative}.avatar--photo figcaption span{color:var(--ink-soft);font-size:.8rem}.stats{flex-wrap:wrap;gap:2.5rem;margin-top:2.5rem;display:flex}.stats b{letter-spacing:-.04em;color:var(--ink);font-size:2.25rem;font-weight:600;display:block}.stats span{color:var(--ink-soft);font-size:.85rem}.contact-card{border:1px solid var(--line-strong);border-radius:calc(var(--radius) * 1.75);background:var(--bg-raised);isolation:isolate;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:clamp(2rem,5vw,4rem);padding:clamp(1.75rem,5vw,4rem);display:grid;position:relative;overflow:hidden}.contact-card:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side, rgb(var(--accent-rgb) / .35), transparent);filter:blur(30px);width:60%;position:absolute;inset:-40% -20% auto auto}.contact-direct{gap:.35rem;margin-top:2rem;font-size:.95rem;display:grid}.contact-direct .download{margin-top:.75rem;font-weight:600}.contact-direct a{color:var(--ink);text-decoration-color:var(--accent);text-underline-offset:4px}form{gap:1rem;display:grid}.field-row{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}label{color:var(--ink-soft);gap:.45rem;font-size:.85rem;font-weight:600;display:grid}input,select,textarea{font:inherit;border:1px solid var(--line-strong);background:var(--field);color:var(--ink);border-radius:.75rem;width:100%;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}textarea{resize:vertical;min-height:9rem}select option{background:var(--bg-raised)}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}form .btn{justify-self:start}.form-status{min-height:1.5rem;margin:0;font-size:.95rem;font-weight:600}.form-status.ok{color:var(--ok)}.form-status.err{color:var(--err)}footer{border-top:1px solid var(--line);color:var(--ink-faint);padding-block:2rem;font-size:.88rem}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}footer a{color:var(--ink-soft);text-decoration:none}footer a:hover{color:var(--ink)}@media (width<=60rem){.nav{display:none}}@media (width<=48rem){.header-cta .btn--glass,.announce .hide-sm{display:none}.float-field{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2.5rem 1rem;height:auto;display:grid}.float{width:auto;position:relative}.float.fit-phone .shot{width:auto}.float figcaption{white-space:normal;flex-wrap:wrap;gap:0 .4rem;font-size:.85rem}.float:nth-of-type(2n){margin-top:3rem}.float-label{display:none}.s1,.s2,.s3,.s4{--from:30px;--to:-30px}.avatar:nth-child(2){transform:translateY(1.5rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}.steps li:after{width:100%}}
