@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.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:Michroma;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/michroma-latin-ext-400-normal-BeYM1uOO.woff2)format("woff2"),url(/assets/michroma-latin-ext-400-normal-DlRaauac.woff)format("woff");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:Michroma;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/michroma-latin-400-normal-4gS0VCia.woff2)format("woff2"),url(/assets/michroma-latin-400-normal-C7Pn7qca.woff)format("woff");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{--charcoal:#0b0e11;--charcoal-2:#12161b;--charcoal-3:#1a1f26;--ivory:#f7f5ef;--gray:#9ca3af;--red:#ff3042;--teal:#0fb;--line:#f7f5ef1a;--line-strong:#f7f5ef38;--glass:#0b0e119e;--ink-soft:#f7f5efb8;--font-display:"Plus Jakarta Sans Variable", "Segoe UI", system-ui, sans-serif;--font-body:"Plus Jakarta Sans Variable", "Segoe UI", system-ui, sans-serif;--font-label:"Michroma", "Segoe UI", system-ui, sans-serif;--gutter:clamp(16px, 5vw, 72px);--radius:18px;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--charcoal);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--charcoal);color:var(--ivory);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:800;line-height:1.02}p{text-wrap:pretty;margin:0}::selection{background:var(--teal);color:var(--charcoal)}.label{font-family:var(--font-label);letter-spacing:.32em;text-transform:uppercase;color:var(--gray);font-size:11px}.btn{letter-spacing:-.01em;transition:transform .4s var(--ease-out), background-color .3s, border-color .3s, box-shadow .4s var(--ease-out);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.btn--primary{background:var(--ivory);color:var(--charcoal);box-shadow:0 10px 40px -12px #00ffbb73}.btn--primary:hover{box-shadow:0 16px 50px -12px #00ffbbb3}.btn--ghost{border-color:var(--line-strong);color:var(--ivory);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f5ef0a}.btn--ghost:hover{border-color:var(--ivory)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#f7f5ef2e padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#f7f5ef57}::-webkit-scrollbar-corner{background:0 0}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#f7f5ef38 transparent}}.home{--side:clamp(16px, 3vw, 40px);z-index:1;min-height:100vh;position:relative}.backdrop,.grain{pointer-events:none;position:fixed;inset:0}.backdrop{filter:blur(60px);background:radial-gradient(38% 34% at 22% 26%,#ff304229,#0000 70%),radial-gradient(42% 38% at 80% 36%,#00ffbb1c,#0000 70%),radial-gradient(46% 40% at 55% 92%,#ff304212,#0000 70%);inset:-15%}.grain{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.top{padding:24px var(--side);justify-content:space-between;align-items:center;gap:24px;display:flex}.top__brand img{width:auto;height:30px}.top__nav{color:var(--ink-soft);gap:28px;font-size:15px;font-weight:600;display:flex}.top__nav a{transition:color .2s}.top__nav a:hover,.top__nav a:focus-visible{color:var(--ivory)}main{padding:0 var(--side)}.hero{text-align:center;max-width:880px;margin:0 auto;padding:clamp(48px,10vh,120px) 0 clamp(72px,12vh,130px)}.hero__mark{width:clamp(94px,12.2vw,136px);margin:0 auto 40px}.hero .label{font-size:10px}.hero h1{margin-top:22px;font-size:clamp(42px,7.4vw,88px)}.hero__lead{max-width:600px;color:var(--ink-soft);margin:26px auto 0;font-size:clamp(16px,1.6vw,19px)}.sprite{position:absolute;overflow:hidden}.mark{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .5s var(--ease-out);background:0 0;border:0;border-radius:28px;padding:0;display:block;position:relative}.mark:active{transition-duration:.12s;transform:scale(.94)}.mark:focus-visible{outline:2px solid var(--teal);outline-offset:10px}.mark__svg{will-change:transform;width:100%;height:auto;overflow:visible}.glitch{pointer-events:none;position:absolute;inset:0}.glitch__band{position:absolute;inset:0}.glitch__band.is-off{display:none}.glitch__band>svg{width:100%;height:auto;display:block;overflow:visible}.glitch__band--red>svg{color:var(--red)}.glitch__band--teal>svg{color:var(--teal)}.glitch__band--red [data-layer=ivory],.glitch__band--red [data-layer=teal],.glitch__band--teal [data-layer=ivory],.glitch__band--teal [data-layer=red]{display:none}.intro__scan{pointer-events:none;background:repeating-linear-gradient(#f7f5ef09 0 1px,#0000 1px 4px);position:absolute;inset:0}.intro__stage{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intro__mark{width:min(30vw,172px);position:relative}.intro__line{background:var(--ivory);height:2px;position:absolute;top:50%;left:-90%;right:-90%;transform:scaleX(0)}.intro__name{opacity:0;width:min(66vw,380px);margin-top:44px;position:relative}.intro__word{width:100%;height:auto;color:var(--ivory);display:block}.intro__label{letter-spacing:.6em;opacity:0;margin-top:16px;margin-right:-.6em;font-size:10px}.intro-on .hero__mark{opacity:0;animation:0s 6s forwards intro-lift}.intro-done .hero__reveal{animation:hero-rise .9s var(--ease-out) both;animation-delay:calc(.3s + var(--i,0) * 90ms)}@keyframes intro-lift{to{opacity:1}}@keyframes hero-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.work,.contact{max-width:1240px;margin:0 auto;padding:0 0 clamp(72px,12vh,120px)}.section-head{align-items:center;gap:14px;margin-bottom:22px;display:flex}.section-head span{color:var(--ivory)}.work__grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;display:grid}.project{border:1px solid var(--line);background:var(--charcoal-2);transition:border-color .3s, transform .5s var(--ease-out);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}a.project:hover,a.project:focus-visible{border-color:var(--line-strong);transform:translateY(-3px)}a.project:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.project__banner{border-bottom:1px solid var(--line);background:var(--charcoal);height:180px;position:relative;overflow:hidden}.project__wall{flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.project__row{transition:transform 1.6s var(--ease-out);gap:10px;display:flex}.project__row:nth-child(2){transform:translate(-56px)}.project__row img{aspect-ratio:2/3;object-fit:cover;filter:saturate(.75)brightness(.72);border-radius:2px;flex:none;width:92px;transition:filter .6s}a.project:hover .project__row:first-child{transform:translate(-10px)}a.project:hover .project__row:nth-child(2){transform:translate(-46px)}a.project:hover .project__row img{filter:none}.project__no{z-index:1;border:1px solid var(--line-strong);background:var(--charcoal);font-family:var(--font-label);letter-spacing:.28em;color:var(--ivory);border-radius:4px;padding:6px 10px;font-size:9px;position:absolute;top:14px;left:14px}.project__body{padding:0 22px 22px}.project__head{align-items:flex-start;gap:14px;display:flex}.project__head>div{padding-top:14px}.project__icon{z-index:1;width:56px;height:56px;box-shadow:0 0 0 4px var(--charcoal-2);border-radius:22%;flex:none;margin-top:-28px;position:relative}.project h2{letter-spacing:-.03em;font-size:24px}.project__kind{color:var(--gray);margin-top:4px;font-size:13px;font-weight:600}.project__go{border:1px solid var(--line-strong);width:38px;height:38px;transition:background-color .3s, color .3s, border-color .3s, transform .4s var(--ease-out);border-radius:50%;flex:none;place-items:center;margin-top:16px;margin-left:auto;font-size:16px;display:grid}a.project:hover .project__go{border-color:var(--ivory);background:var(--ivory);color:var(--charcoal);transform:translate(3px)}.project__about{max-width:520px;color:var(--ink-soft);margin-top:14px;font-size:15px}.project--soon{border-style:dashed;border-color:var(--line-strong);background:0 0;justify-content:flex-end}.project--soon .project__body{padding-top:22px}.project--soon h2{font-size:20px}.project__ghost{fill:none;width:42%;stroke:var(--line-strong);stroke-width:3px;stroke-linejoin:round;margin:64px auto 8px}@media (width<=760px){.work__grid{grid-template-columns:1fr}.project__ghost{width:90px;margin-top:56px}}.contact h2{font-size:clamp(26px,3.6vw,44px)}.contact__mail{border-bottom:2px solid #0fb6;margin-top:18px;font-size:clamp(18px,2.2vw,24px);font-weight:700;transition:border-color .2s;display:inline-block}.contact__mail:hover,.contact__mail:focus-visible{border-color:var(--teal)}.base{padding:24px var(--side) 32px;border-top:1px solid var(--line);color:var(--gray);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;display:flex}.base__links{gap:20px;display:flex}.base__links a{transition:color .2s}.base__links a:hover,.base__links a:focus-visible{color:var(--ivory)}@media (width<=600px){.top__nav{gap:18px}.top__brand img{height:23px}}