@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+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: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+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: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+??,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{--font-sans:"Space Grotesk", sans-serif;--font-weight-regular:400;--font-size-xs:1rem;--font-size-body:1.25rem;--font-size-title-sm:1.5rem;--font-size-quote:1.6875rem;--font-size-card-title:2rem;--font-size-hero:3rem;--font-size-section:4rem;--color-page:#0a1216;--color-surface:#f4f7f7;--color-ink:#101717;--color-accent:#708e8c;--color-muted:#91a8a7;--color-action:#2f4644;--color-footer:#202e2d;--color-glow:#8eb9b6;--color-card:#708e8c1a;--radius-badge:7px;--radius-icon:14px;--radius-card:20px;--radius-footer:64px;--radius-surface:106px;--radius-pill:150px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-page)}body{background:var(--color-page);min-width:320px;min-height:100vh;color:var(--color-surface);font-family:var(--font-sans);font-weight:var(--font-weight-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p,figure,blockquote{margin:0}ul{margin:0;padding:0;list-style:none}.site-shell{isolation:isolate;background:var(--color-page);min-height:100vh;position:relative}.global-cursor-field{z-index:4;pointer-events:none;opacity:.16;mix-blend-mode:normal;position:fixed;inset:0;overflow:hidden}.global-cursor-field canvas{pointer-events:none}.hero{--hero-progress:0;--hero-content-shift:0px;z-index:0;height:clamp(760px,100svh,900px);min-height:760px;position:sticky;top:0;overflow:hidden}.hero__media,.hero__media:after{position:absolute;inset:0}.hero__media:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(180deg, transparent 69%, #0a12163d 81%, var(--color-page) 100%)}.hero__image{--hero-shift:0px;object-fit:cover;object-position:43% center;width:100%;max-width:none;height:calc(100% + 52px);opacity:calc(1 - var(--hero-progress));transform:translate3d(0, calc(var(--hero-shift) * -1), 0) scale(1.025);transform-origin:50%;will-change:transform, opacity;transition:opacity 80ms linear}.hero__content{z-index:2;width:min(1286px,100% - 64px);opacity:calc(1 - (var(--hero-progress) * .55));transform:translate(-50%, calc(-50% - var(--hero-content-shift)));transition:opacity 80ms linear;position:absolute;top:50%;left:50%}.hero__title{width:min(630px,100%);font-size:clamp(2.55rem, 2.5vw, var(--font-size-hero));text-wrap:balance;font-weight:400;line-height:1.27}.blur-text__segment--highlight{color:var(--color-accent)}.blur-text{text-wrap:balance;display:block}.blur-text__word{display:inline-flex}.blur-text__space{flex:0 0 .25em;width:.25em;display:inline-block}.blur-text__segment{display:inline-block}.blur-text:not(.is-complete) .blur-text__segment,.blur-text:not(.is-complete)>.blur-text__word{will-change:transform, filter, opacity}.hero__description{width:min(392px,100%);font-size:var(--font-size-body);margin-top:24px;line-height:1.3}.hero__description+div{margin-top:24px}.hero-entrance{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards hero-reveal}.hero-entrance--1{animation-delay:.14s}.hero-entrance--2{animation-delay:.26s}.hero-entrance--3{animation-delay:.38s}.button{border-radius:var(--radius-pill);min-height:52px;font-size:var(--font-size-body);justify-content:center;align-items:center;gap:16px;padding:4px 12px 4px 24px;line-height:1;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s;display:inline-flex}.button--light{background:var(--color-surface);color:var(--color-ink)}.button--dark{background:var(--color-action);color:var(--color-surface)}.button__label{transition:transform .26s cubic-bezier(.22,1,.36,1)}.button__icon{border-radius:var(--radius-icon);flex:0 0 44px;place-items:center;width:44px;height:44px;transition:transform .36s cubic-bezier(.22,1,.36,1),background-color .26s;display:grid;overflow:hidden}.button--light .button__icon{background:var(--color-action)}.button--dark .button__icon{background:var(--color-surface)}.button__glyph{width:21px;height:21px;display:block}.button__glyph img{width:100%;height:100%}.button--dark .button__glyph img{filter:brightness(0)saturate()invert(55%)sepia(12%)saturate(622%)hue-rotate(128deg)brightness(93%)contrast(90%)}.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 16px 38px #0a12162e}.button:hover .button__label,.button:focus-visible .button__label{transform:translate(2px)}.button:hover .button__icon,.button:focus-visible .button__icon{transform:rotate(6deg)scale(1.04)}.button:focus-visible,.about-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}.main-surface{--surface-lift:72px;z-index:3;border-radius:var(--radius-surface);background:var(--color-surface);width:calc(100% - clamp(40px,7.4vw,142px));max-width:1778px;color:var(--color-ink);transform:translateY(var(--surface-lift));will-change:transform;margin:0 auto 57px;padding-top:120px;position:relative;overflow:hidden;box-shadow:0 -34px 90px #0a12163d}.main-surface.is-settled{will-change:auto;transform:none}.work-section h2,.contact-section h2{font-size:clamp(3rem, 3.34vw, var(--font-size-section));text-align:center;text-wrap:balance;font-weight:400;line-height:1.28}.work-section h2{margin-bottom:124px}.work-list{gap:80px;width:min(1350px,100% - 80px);margin:0 auto;display:grid}.work-card{--pointer-x:50%;--pointer-y:50%;border-radius:var(--radius-card);background:var(--color-card);content-visibility:auto;isolation:isolate;border:1px solid #0000;align-items:center;min-height:380px;padding:0;transition:border-color .32s;display:flex;position:relative;overflow:hidden}.work-card:after{z-index:3;content:"";pointer-events:none;opacity:0;background:radial-gradient(300px circle at var(--pointer-x) var(--pointer-y), #8eb9b617, transparent 68%);transition:opacity .42s;position:absolute;inset:0}.work-card:hover,.work-card:focus-within{border-color:#8eb9b685}.work-card:hover:after,.work-card:focus-within:after{opacity:1}.work-card__content{z-index:4;width:55%;padding:64px 36px 64px 68px;transition:transform .42s cubic-bezier(.22,1,.36,1);position:relative}.work-card:hover .work-card__content,.work-card:focus-within .work-card__content{transform:none}.work-card__eyebrow{color:var(--color-muted);font-size:var(--font-size-xs);margin-bottom:10px;line-height:1.25}.work-card h3{font-size:var(--font-size-card-title);margin:0;font-weight:400;line-height:1.28}.work-card__copy{font-size:var(--font-size-body);gap:1.3em;margin-top:24px;line-height:1.3;display:grid}.work-card__cta{min-height:46px;margin-top:30px;padding-left:20px;font-size:.98rem}.work-card__cta:hover,.work-card__cta:focus-visible{box-shadow:0 8px 22px #2f46441a}.work-card__cta .button__icon{flex-basis:38px;width:38px;height:38px}.work-card__visual{z-index:1;isolation:isolate;transform-origin:100%;background:#e8eeedb8;width:47%;transition:transform .52s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;right:0;overflow:hidden}.work-card:hover .work-card__visual,.work-card:focus-within .work-card__visual{transform:none}.work-card__visual:before{z-index:3;content:"";pointer-events:none;background:linear-gradient(90deg,#e8eeed,#0000);width:72px;position:absolute;top:0;bottom:0;left:0}.portfolio-marquee{z-index:0;opacity:.86;grid-template-rows:repeat(7,1fr);gap:7px;padding:10px 0;display:grid;position:absolute;inset:0;overflow:hidden}.portfolio-marquee__row{min-width:0;overflow:hidden}.portfolio-marquee__track{width:max-content;height:100%;animation:portfolio-marquee var(--marquee-duration) linear infinite;animation-delay:var(--marquee-delay);will-change:transform;align-items:center;display:flex}.portfolio-marquee__row--reverse .portfolio-marquee__track{animation-name:portfolio-marquee-reverse}.portfolio-marquee__group{flex:none;align-items:center;gap:8px;height:100%;padding-right:8px;display:flex}.portfolio-marquee__group span{height:100%;min-height:34px;color:var(--color-accent);white-space:nowrap;background:#f4f7f7e0;border:1px solid #708e8c1a;border-radius:8px;align-items:center;padding:0 13px;font-size:.94rem;line-height:1;display:inline-flex;box-shadow:0 6px 18px #2f46440a}.work-card__glass-object{z-index:2;width:88%;height:118%;position:absolute;top:50%;left:53%;transform:translate(-50%,-50%)}.work-card__visual--creative .work-card__glass-object{opacity:.78;width:104%;height:132%;left:54%}@keyframes portfolio-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes portfolio-marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.contact-section{z-index:1;text-align:center;flex-direction:column;align-items:center;width:min(967px,100% - 64px);min-height:234px;margin:172px auto 0;display:flex;position:relative}.contact-section>:not(.contact-section__particles){z-index:2;position:relative}.contact-section__particles{z-index:0;pointer-events:none;width:min(880px,92vw);max-width:100%;height:820px;position:absolute;top:160px;left:50%;transform:translate(-50%)}.contact-section__particles canvas{pointer-events:none}.contact-section p{width:min(507px,100%);font-size:var(--font-size-body);margin:24px auto;line-height:1.3}.footer{z-index:2;border-radius:var(--radius-footer);background:var(--color-footer);width:calc(100% - 150px);min-height:603px;color:var(--color-surface);margin:380px auto 59px;padding:80px 0 48px;position:relative}.footer__top{grid-template-columns:201px minmax(360px,563px) 201px;justify-content:space-between;align-items:start;gap:40px;width:min(1280px,100% - 80px);min-height:165px;margin:0 auto;display:grid}.footer__heading{font-size:var(--font-size-title-sm);margin-bottom:24px;line-height:1.3}.footer li,.footer__quote figcaption,.footer__copyright{font-size:var(--font-size-xs);line-height:1.25}.footer li+li{margin-top:10px}.footer__socials ul{gap:10px;display:grid}.footer__socials li+li{margin-top:0}.social-link{align-items:center;gap:10px;min-height:24px;transition:color .24s,transform .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.social-link svg{width:17px;height:17px;color:var(--color-accent);flex:0 0 17px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.social-link:hover,.social-link:focus-visible{color:var(--color-accent);transform:translate(4px)}.social-link:hover svg,.social-link:focus-visible svg{transform:scale(1.12)rotate(-4deg)}.social-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px;border-radius:4px}.footer__quote{text-align:center}.footer__quote blockquote{font-size:var(--font-size-quote);text-wrap:balance;line-height:1.26}.footer__quote figcaption{margin-top:24px}.about-link{border-radius:var(--radius-badge);text-align:center;width:241px;min-height:98px;color:inherit;cursor:pointer;background:radial-gradient(circle,#8eb9b624,#708e8c24);border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:80px auto 0;padding:20px;transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .3s;display:flex}.about-link img{width:14px;height:14px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.about-link span{width:201px;font-size:var(--font-size-xs);text-wrap:balance;line-height:1.25}.about-link:hover,.about-link:focus-visible{background-color:#708e8c14;transform:translateY(-4px)}.about-link:hover img,.about-link:focus-visible img{transform:translate(4px)}.footer__copyright{text-align:center;margin-top:80px}.footer__copyright span{color:var(--color-accent)}[data-reveal]{opacity:0;transition:opacity .78s cubic-bezier(.22, 1, .36, 1) var(--delay,0s), transform .78s cubic-bezier(.22, 1, .36, 1) var(--delay,0s);transform:translateY(34px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.about-modal{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1216c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.about-modal__panel{background:var(--color-surface);width:min(1440px,100vw - 48px);max-height:calc(100svh - 48px);color:var(--color-ink);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 30px 110px #00000059}.about-modal__close{z-index:4;width:44px;height:44px;color:var(--color-ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #2f464429;border-radius:50%;place-items:center;padding:0;transition:color .22s,background-color .22s,transform .3s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:18px;right:18px;box-shadow:0 8px 28px #1017171a}.about-modal__close svg{width:24px;height:24px}.about-modal__close:hover,.about-modal__close:focus-visible{color:var(--color-surface);background:var(--color-footer);transform:rotate(6deg)scale(1.04)}.about-modal__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.about-modal__scroll{overscroll-behavior:contain;scrollbar-color:var(--color-accent) #2f46441a;scrollbar-width:thin;max-height:calc(100svh - 48px);overflow-y:auto}.about-modal__scroll::-webkit-scrollbar{width:10px}.about-modal__scroll::-webkit-scrollbar-track{background:#2f46441a;border-radius:999px;margin-block:20px}.about-modal__scroll::-webkit-scrollbar-thumb{border:2px solid var(--color-surface);background:var(--color-accent);border-radius:999px}.about-modal__layout{grid-template-columns:minmax(420px,529px) minmax(0,759px);align-items:start;gap:64px;min-height:752px;padding:24px 56px 50px 32px;display:grid}.about-modal__gallery{aspect-ratio:529/708;justify-self:center;width:100%;position:sticky;top:50%;transform:translateY(-50%)}.about-modal__photo{--photo-pointer-x:50%;--photo-pointer-y:50%;background:var(--color-footer);will-change:transform;border-radius:20px;width:46.88%;transition:box-shadow .48s cubic-bezier(.22,1,.36,1);position:absolute;overflow:hidden;box-shadow:0 14px 38px #1017171f}.about-modal__photo:after{z-index:1;content:"";pointer-events:none;background:radial-gradient(circle at var(--photo-pointer-x) var(--photo-pointer-y), #ffffff52, transparent 42%);opacity:0;mix-blend-mode:soft-light;transition:opacity .42s;position:absolute;inset:0}.about-modal__photo img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.about-modal__photo:hover{box-shadow:0 24px 54px #1017173d}.about-modal__photo:hover:after{opacity:1}.about-modal__photo:hover img{transform:scale(1.065)}}.about-photo--04{height:62.15%;top:0;left:0}.about-photo--03{height:35.03%;bottom:0;left:0}.about-photo--01{height:34.46%;top:0;right:0}.about-photo--01 img{object-position:center top}.about-photo--02{height:62.71%;bottom:0;right:0}.about-modal__copy{min-width:0;padding:26px 28px 0 0}.about-modal__copy h2{font-size:2.25rem;font-weight:var(--font-weight-regular);text-wrap:balance;line-height:1.16}.about-modal__body{margin-top:24px;font-size:1.125rem;line-height:1.36}.about-modal__section{gap:22px;display:grid}.about-modal__section+.about-modal__section{margin-top:28px}.about-modal__section h3{color:var(--color-action);font-size:inherit;font-weight:var(--font-weight-regular);line-height:inherit}.about-modal__lines{gap:2px;display:grid}.about-modal__lines span{display:block}@keyframes hero-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.hero__content{width:calc(100% - 80px)}.main-surface{border-radius:72px;width:calc(100% - 40px)}.work-list{width:calc(100% - 96px)}.footer{width:calc(100% - 80px)}.footer__top{grid-template-columns:180px minmax(300px,480px) 180px}.about-modal__layout{grid-template-columns:minmax(350px,.82fr) minmax(0,1fr);gap:40px;padding-right:38px}}@media (width<=820px){:root{--font-size-body:1.0625rem;--font-size-section:2.625rem}.hero{height:820px;min-height:820px}.hero__media{height:68%}.hero__media:after{background:linear-gradient(180deg, transparent, var(--color-page) 86%);height:74%;top:auto}.hero__image{object-position:67% center;height:calc(100% + 24px);transform:translate3d(0, calc(var(--hero-shift) * -.35), 0) scale(1.03)}.hero__content{width:calc(100% - 56px);transform:translateY(calc(var(--hero-content-shift) * -.45));top:auto;bottom:60px;left:28px}.hero__title{max-width:590px;font-size:clamp(2.35rem,7.5vw,3rem);line-height:1.16}.hero__description{max-width:440px;line-height:1.45}.main-surface{border-radius:42px;width:calc(100% - 24px);margin-bottom:24px;padding-top:68px}.work-section h2{margin-bottom:64px;padding:0 24px;line-height:1.15}.work-list{gap:24px;width:calc(100% - 32px)}.work-card{min-height:690px;padding:0;display:block}.work-card__content{width:100%;padding:44px 36px}.work-card__visual{width:100%;height:320px;top:auto;bottom:0}.work-card__visual:before{background:linear-gradient(#e8eeed,#0000);width:auto;height:58px;inset:0 0 auto}.work-card__glass-object{width:min(76%,430px);height:132%;left:50%}.work-card__visual--creative .work-card__glass-object{width:min(90%,500px);height:146%;left:50%}.contact-section__particles{width:min(700px,112vw);height:820px}.contact-section{width:calc(100% - 48px);margin-top:112px}.contact-section h2{line-height:1.15}.footer{border-radius:36px;width:calc(100% - 32px);min-height:0;margin-top:310px;margin-bottom:16px;padding:56px 28px 40px}.footer__top{text-align:center;grid-template-columns:1fr;justify-items:center;gap:54px;width:100%}.footer__identity,.footer__socials{width:100%}.footer__socials ul{justify-items:center}.footer__quote{width:min(100%,520px)}.about-link{margin-top:64px}.footer__copyright{margin-top:64px;line-height:1.5}.about-modal{padding:16px}.about-modal__panel,.about-modal__scroll{max-height:calc(100svh - 32px)}.about-modal__panel{width:calc(100vw - 32px)}.about-modal__layout{grid-template-columns:1fr;gap:42px;padding:72px 24px 48px}.about-modal__gallery{width:min(100%,529px);margin:0 auto;position:relative;top:auto;transform:none}.about-modal__copy{padding:0}}@media (width<=520px){.hero{height:840px;min-height:840px}.hero__media{height:60%}.hero__image{object-position:64% center}.hero__content{width:calc(100% - 44px);bottom:46px;left:22px}.hero__title{font-size:clamp(2.15rem,10.5vw,2.75rem)}.hero__description{margin-top:18px}.hero__description+div{margin-top:20px}.button{min-height:50px;font-size:1rem}.button__icon{flex-basis:42px;width:42px;height:42px}.main-surface{border-radius:34px;padding-top:60px}.work-section h2,.contact-section h2{font-size:2.35rem}.work-list{width:calc(100% - 24px)}.work-card{min-height:690px;padding:0}.work-card__content{width:100%;padding:36px 26px}.work-card__visual{height:300px}.work-card__visual--creative .work-card__glass-object{width:min(84%,360px);height:132%}.portfolio-marquee__group span{min-height:30px;padding-inline:10px;font-size:.82rem}.work-card h3{font-size:1.75rem}.work-card__copy{font-size:1.0625rem;line-height:1.42}.contact-section{width:calc(100% - 40px);margin-top:96px}.contact-section__particles{width:calc(100vw - 64px);height:590px;top:175px}.footer{border-radius:28px;width:calc(100% - 24px);margin-top:280px;padding-inline:22px}.footer__quote blockquote{font-size:1.45rem}.about-modal{padding:8px}.about-modal__panel,.about-modal__scroll{max-height:calc(100svh - 16px)}.about-modal__panel{border-radius:16px;width:calc(100vw - 16px)}.about-modal__close{top:14px;right:14px}.about-modal__layout{gap:34px;padding:70px 16px 36px}.about-modal__photo{border-radius:14px}.about-modal__copy h2{font-size:1.9rem}.about-modal__body{font-size:1rem;line-height:1.48}.about-modal__section{gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-entrance,[data-reveal]{opacity:1;transform:none}.hero{position:relative}.hero__content,.hero__image{opacity:1}.global-cursor-field{display:none}.work-card:hover,.work-card:focus-within{background:var(--color-card);transform:none}.work-card:hover:after,.work-card:focus-within:after{opacity:0}.work-card:hover .work-card__content,.work-card:focus-within .work-card__content,.work-card:hover .work-card__visual,.work-card:focus-within .work-card__visual{transform:none}.portfolio-marquee__track{transform:translate(-8%);animation:none!important}.main-surface{will-change:auto;transform:none}}