@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-dDwLtfIe.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Italic-CSAssejk.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-B-vfrz4s.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraBold-C5gSKbHd.woff2)format("woff2");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Black-ONIN2RU7.woff2)format("woff2");font-style:normal;font-weight:900;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fdfdfb;--ink:#111;--soft-ink:#5d5b58;--line:#deddd8;--panel:#f1f1ee;--white:#fff;font-synthesis:none;font-family:Poppins,Avenir Next,Arial,sans-serif}html[lang=vi]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline-offset:4px;outline:3px solid #505050}.page-width{width:min(100% - 64px,1260px);margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:var(--white);padding:12px 16px;position:absolute;top:-60px;left:20px}.skip-link:focus{top:12px}.site-header{align-items:center;gap:36px;min-height:92px;display:flex}.brand{letter-spacing:-.09em;font-size:27px;font-weight:900;line-height:1;text-decoration:none}.brand span,.full-stop{color:#77736e}.main-nav{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;width:clamp(300px,33vw,360px);margin-left:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;display:grid}.main-nav a{justify-self:center;font-size:13px;font-weight:700;line-height:20px;text-decoration:none}.main-nav a:hover,.text-link:hover{text-underline-offset:5px;text-decoration:underline}.main-nav .nav-route-link{position:relative}.main-nav .nav-route-link[aria-current=page]:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:-5px;left:0;right:0}.language-switch{white-space:nowrap;grid-template-columns:76px 30px 30px;align-items:center;gap:5px;width:146px;min-height:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;display:grid}.language-switch span{color:var(--ink);font-size:13px;font-weight:700;line-height:20px}.language-switch button{height:27px;color:var(--soft-ink);background:0 0;border:1px solid #0000;padding:0 5px;font-size:11px;font-weight:800}.language-switch button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--white)}.language-switch button:hover:not([aria-pressed=true]){border-color:var(--ink);color:var(--ink)}.scroll-reveal{transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.scroll-reveal[data-reveal=pending]{opacity:0;transform:translateY(32px)}.hero{isolation:isolate;grid-template-columns:58% 42%;min-height:640px;display:grid;position:relative}.hero:before{content:"";z-index:-1;opacity:.37;pointer-events:none;background:repeating-radial-gradient(circle at 100% 0,#0000 0 9px,#c6c5bf 10px 11px);width:240px;height:240px;position:absolute;top:-82px;left:-50px;transform:rotate(80deg)}.hero-image-wrap{background:#dedede;height:640px;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center 30%;filter:grayscale();width:100%;height:100%}.hero-copy{z-index:2;align-self:center;margin:-38px 0 0 -82px;padding:0 0 54px;position:relative}.hero h1{letter-spacing:-.095em;margin:0;font-size:clamp(78px,9.4vw,146px);font-weight:900;line-height:.83}.hero .hero-title-real{letter-spacing:-.06em;font-size:1rem;line-height:1.05}.hero-name-first,.hero-name-last{white-space:nowrap;display:block}.hero-name-first{font-size:clamp(40px,4.5vw,60px)}.hero-name-last{font-size:clamp(74px,8vw,118px)}.hero-role{letter-spacing:-.05em;margin:24px 0 66px 8px;font-size:clamp(21px,2.4vw,32px);font-style:italic}.hero-intro{max-width:345px;color:var(--soft-ink);margin:0 0 22px 8px;font-size:17px;line-height:1.55}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:25px;margin-left:8px;padding-bottom:4px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.hero-bottom-mark{z-index:2;letter-spacing:.12em;font-size:clamp(14px,1.8vw,24px);font-weight:900;position:absolute;bottom:24px;right:0}.hero-bottom-mark:after{content:"";transform-origin:0;background:currentColor;width:100%;height:2px;margin-top:7px;animation:.9s .2s both draw-rule;display:block}@keyframes draw-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.photo-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px;display:grid}.photo-strip img{aspect-ratio:1.4;object-fit:cover;filter:grayscale();width:100%}.photo-strip img:first-child{object-position:50% 46%}.photo-strip img:last-child{object-position:45% 50%}.about-section{isolation:isolate;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px clamp(56px,8vw,120px);padding-top:118px;padding-bottom:118px;display:grid;position:relative}.about-copy h2{letter-spacing:-.075em;margin:0 0 34px;font-size:clamp(42px,5vw,70px);line-height:1}.about-copy p{max-width:560px;color:var(--soft-ink);margin:0 0 18px;font-size:17px;line-height:1.65}.about-copy .about-lead{color:var(--ink);margin-bottom:54px;font-size:clamp(24px,2.6vw,34px);font-weight:700;line-height:1.3}.about-copy h3,.about-group h3,.about-skills h3{margin:0 0 22px;font-size:15px;font-weight:800}.about-credentials{gap:48px;padding-top:13px;display:grid}.about-group{border-top:1px solid var(--ink);padding-top:25px}.about-entry{padding-right:116px;position:relative}.about-entry-period{color:var(--soft-ink);white-space:nowrap;font-size:12px;position:absolute;top:4px;right:0}.about-entry h4{max-width:330px;margin:0 0 8px;font-size:20px;line-height:1.25}.about-entry p{max-width:480px;color:var(--soft-ink);margin:0;font-size:15px;line-height:1.6}.about-entry .about-entry-place{color:var(--ink);margin-bottom:12px;font-weight:700}.about-education{gap:26px;margin:0;padding:0;list-style:none;display:grid}.about-skills{border-top:1px solid var(--ink);grid-column:1/-1;padding-top:26px}.about-skills h3{margin-bottom:28px}.skills-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 38px;margin:0;padding:0;list-style:none;display:grid}.skills-list li{border-top:1px solid var(--line);align-content:start;gap:10px;min-width:0;padding-top:15px;display:grid}.skills-list span{color:var(--soft-ink);font-size:13px}.skills-list strong{font-size:16px;line-height:1.5}.projects-section{border-top:1px solid var(--line);padding-block:92px 120px}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:64px;display:flex}.section-heading h2{letter-spacing:-.085em;margin:0;font-size:clamp(56px,8vw,106px);line-height:.91}.section-heading p{max-width:330px;color:var(--soft-ink);margin:0 0 8px;font-size:17px;line-height:1.5}.project-tools{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;gap:30px;padding-bottom:20px;display:flex}.filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.filter-button{border:1px solid var(--line);min-height:38px;color:var(--soft-ink);background:0 0;border-radius:0;padding:8px 14px;font-size:13px;font-weight:700}.filter-button:hover,.filter-button.is-active{border-color:var(--ink);background:var(--ink);color:var(--white)}.search-label,.sort-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-input{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;outline:0;width:min(100%,265px);padding:9px 0;font-size:13px}.search-input:focus{border-color:var(--ink)}.sort-select{border:0;border-bottom:1px solid var(--line);min-width:125px;color:var(--ink);font:inherit;background:0 0;border-radius:0;padding:9px 18px 9px 0;font-size:13px}.sort-select:focus{border-color:var(--ink)}.project-status{color:var(--soft-ink);padding:22px 0;font-size:15px}.project-status:empty{display:none}.retry-button{border:0;border-bottom:1px solid var(--ink);color:var(--ink);background:0 0;margin-left:12px;padding:5px 0;font-size:14px;font-weight:800}.project-list{display:grid}.project-pagination{color:var(--soft-ink);justify-content:space-between;align-items:center;gap:20px;padding-top:24px;font-size:13px;display:flex}.project-pagination div{gap:22px;display:flex}.project-pagination button{color:var(--ink);font:inherit;background:0 0;border:0;border-bottom:1px solid;padding:4px 0;font-weight:700}.project-pagination button:disabled{color:var(--soft-ink);opacity:.45;cursor:default}.project-card{border-bottom:1px solid var(--line);transition:background-color .25s}.project-card-link{color:inherit;grid-template-columns:68px minmax(0,1fr) 130px;gap:22px;padding:32px clamp(20px,2.5vw,36px) 35px;text-decoration:none;display:grid}.project-card:hover,.project-card:focus-within{background:#f3f3f0}.project-index{color:#7a7771;padding-top:7px;font-size:14px}.project-card h3{letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(27px,3.5vw,44px);line-height:1.1;transition:transform .25s}.project-card:hover h3,.project-card:focus-within h3{transform:translate(8px)}.project-card p{max-width:640px;color:var(--soft-ink);margin:0;font-size:16px;line-height:1.5}.project-meta{color:var(--soft-ink);text-align:right;justify-self:end;padding-top:10px;font-size:13px;font-weight:700}.project-card-actions{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.project-card-actions .project-meta{padding-top:10px}.project-detail-link{white-space:nowrap;border-bottom:1px solid;padding-bottom:4px;font-size:13px;font-weight:700;transition:transform .2s}.project-card-link:hover .project-detail-link,.project-card-link:focus-visible .project-detail-link{transform:translate(4px)}.projects-index-page .projects-section{padding-top:85px}.project-detail-page{min-height:calc(100vh - 75px);padding-top:46px;padding-bottom:120px}.route-loading{min-height:calc(100vh - 155px);padding-top:46px;padding-bottom:80px}.route-loading p{max-width:600px;color:var(--soft-ink);margin:40px 0 20px;font-size:18px;line-height:1.5}.route-loading button,.route-loading a{border:0;border-bottom:1px solid var(--ink);color:var(--ink);font:inherit;background:0 0;margin-right:20px;padding:8px 0;font-size:14px;font-weight:800;text-decoration:none;display:inline-block}.route-loading button:hover,.route-loading a:hover{color:var(--soft-ink)}.detail-back-link{border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.detail-back-link:hover{color:var(--soft-ink)}.detail-eyebrow{color:var(--soft-ink);letter-spacing:.06em;text-transform:uppercase;margin:96px 0 24px;font-size:14px;font-weight:800}.project-detail-page h1{letter-spacing:-.085em;max-width:1050px;margin:0;font-size:clamp(64px,8vw,112px);line-height:.94}.detail-description{max-width:760px;color:var(--soft-ink);margin:38px 0 32px;font-size:clamp(22px,2.5vw,34px);line-height:1.4}.detail-status{margin-top:100px;font-size:18px}.detail-status h1{font-size:clamp(48px,7vw,90px)}.detail-status p{max-width:600px;color:var(--soft-ink);line-height:1.5}.case-study-hero{grid-template-columns:minmax(0,1.6fr) minmax(255px,.4fr);align-items:end;gap:clamp(40px,6vw,100px);display:grid}.case-study-hero .detail-eyebrow{margin-top:80px}.case-study-hero h1{overflow-wrap:anywhere}.case-study-live-link{border:1px solid var(--ink);align-items:center;gap:18px;padding:13px 19px;font-size:14px;font-weight:800;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.case-study-live-link:hover{background:var(--ink);color:var(--white)}.case-study-context{border-top:2px solid var(--ink);padding:27px 0 4px}.case-study-context span{color:var(--soft-ink);margin-bottom:22px;font-size:12px;font-weight:700;display:block}.case-study-context strong{font-size:19px;line-height:1.4;display:block}.case-study-context p{color:var(--soft-ink);margin:13px 0 0;font-size:14px;line-height:1.6}.case-study-chapters{border-top:2px solid var(--ink);margin-top:115px}.case-study-chapter{border-bottom:1px solid var(--line);grid-template-columns:55px minmax(170px,.7fr) minmax(0,1.3fr);gap:clamp(20px,4vw,70px);padding:38px 0 50px;display:grid}.chapter-number{color:var(--soft-ink);padding-top:6px;font-size:12px;font-weight:700}.case-study-chapter h2{letter-spacing:-.055em;margin:0;font-size:clamp(24px,3vw,38px);line-height:1.2}.case-study-chapter p{max-width:690px;color:var(--soft-ink);margin:0;font-size:clamp(17px,1.8vw,21px);line-height:1.6}.contribution-list{max-width:690px;color:var(--soft-ink);gap:20px;margin:0;padding-left:22px;font-size:clamp(17px,1.8vw,21px);line-height:1.55;display:grid}.contribution-list li::marker{color:var(--ink)}.case-study-work{border-bottom:1px solid var(--line);padding:65px 0 75px}.case-study-work h2{letter-spacing:-.055em;margin:0 0 32px;font-size:clamp(27px,3vw,38px);line-height:1.2}.case-study-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,50px);display:grid}.case-study-work-item{border-top:2px solid var(--ink);min-width:0;padding-top:17px}.case-study-work-item>span{color:var(--soft-ink);font-size:12px;font-weight:700}.case-study-work-item h3{letter-spacing:-.045em;margin:27px 0 16px;font-size:clamp(22px,2.2vw,30px);line-height:1.15}.case-study-work-item p{color:var(--soft-ink);margin:0;font-size:16px;line-height:1.6}.case-study-stack{grid-template-columns:55px minmax(170px,.7fr) minmax(0,1.3fr);gap:clamp(20px,4vw,70px);padding:55px 0 105px;display:grid}.case-study-stack h2{letter-spacing:-.055em;grid-column:2;margin:0;font-size:clamp(24px,3vw,38px);line-height:1.2}.case-study-stack ul{flex-wrap:wrap;grid-column:3;align-content:start;gap:10px;margin:0;padding:0;list-style:none;display:flex}.case-study-stack li{border:1px solid var(--line);padding:9px 13px;font-size:13px;font-weight:700}.case-study-flow{color:var(--white);background:#171717;margin-bottom:100px;padding:35px clamp(25px,4vw,60px) 55px}.case-study-flow h2{margin:0 0 45px;font-size:13px;font-weight:700}.case-study-flow ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.case-study-flow li{border-top:1px solid #777;align-content:start;gap:35px;min-height:138px;padding-top:15px;display:grid}.case-study-flow li span{color:#bcbcbc;font-size:12px;font-weight:700}.case-study-flow li strong{font-size:clamp(17px,1.9vw,25px);line-height:1.25}.next-case-study{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);flex-direction:column;gap:20px;padding:45px 0;text-decoration:none;transition:background-color .25s;display:flex}.next-case-study span{color:var(--soft-ink);font-size:13px;font-weight:700}.next-case-study strong{letter-spacing:-.055em;font-size:clamp(32px,5vw,62px);line-height:1.08;transition:transform .25s}.next-case-study:hover,.next-case-study:focus-visible{background:#f3f3f0}.next-case-study:hover strong,.next-case-study:focus-visible strong{transform:translate(12px)}.site-footer{color:var(--white);background:#171717}.contact-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(60px,8vw,130px);padding-top:75px;padding-bottom:75px;display:grid}.contact-copy h2{letter-spacing:-.075em;margin:0 0 28px;font-size:clamp(50px,6.2vw,86px);line-height:.95}.contact-copy p{color:#c6c6c4;max-width:440px;margin:0;font-size:18px;line-height:1.55}.contact-links{align-self:center;margin:0;padding:0;list-style:none}.contact-link{border-top:1px solid #646463;grid-template-columns:85px minmax(0,1fr) 20px;align-items:baseline;gap:16px;padding:23px 0;text-decoration:none;display:grid}.contact-links li:last-child .contact-link{border-bottom:1px solid #646463}.contact-link-label{color:#bcbcb8;font-size:13px;font-weight:700}.contact-link-value{overflow-wrap:anywhere;font-size:clamp(16px,1.5vw,20px);font-weight:700}.contact-link-arrow{justify-self:end;font-size:19px}a.contact-link:hover .contact-link-value{text-underline-offset:5px;text-decoration:underline}.footer-meta{color:#c6c6c4;border-top:1px solid #646463;justify-content:space-between;gap:20px;padding-block:27px;font-size:12px;display:flex}.footer-meta a{text-decoration:none}.footer-meta a:hover{text-decoration:underline}@media (width>=851px){.hero-role,.hero-intro,.hero .text-link{margin-left:90px}.hero-intro{max-width:min(345px,100% - 90px)}}@media (width<=850px){.page-width{width:min(100% - 42px,1260px)}.site-header{gap:20px;min-height:74px}.hero,.hero-image-wrap{height:520px;min-height:520px}.hero{grid-template-columns:50% 50%}.hero-copy{margin:0;padding:0 0 40px 18px}.hero h1{font-size:clamp(66px,10vw,96px)}.hero-name-first{font-size:clamp(29px,4.8vw,42px)}.hero-name-last{font-size:clamp(50px,7.6vw,68px)}.hero-role{margin:20px 0 38px;font-size:20px}.hero-intro{margin:0 0 20px;font-size:14px}.text-link{margin-left:0}.hero-bottom-mark{font-size:13px}.about-section{gap:48px;padding-block:88px}.about-entry{padding-right:0}.about-entry-period{margin-bottom:9px;display:block;position:static}.skills-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.contact-inner{gap:50px}}@media (width<=620px){.page-width{width:min(100% - 32px,1260px)}.site-header{grid-template-columns:1fr auto;gap:8px;min-height:70px;padding-block:16px;display:grid}.brand{font-size:23px}.main-nav{grid-area:2/1/auto/-1;width:100%;margin-left:0}.main-nav a{font-size:12px}.language-switch{grid-area:1/2;grid-template-columns:60px 30px 30px;width:130px}.language-switch span{font-size:10px}.hero{flex-direction:column;height:auto;min-height:0;padding-bottom:0;display:flex}.hero-image-wrap{width:100%;height:clamp(370px,100vw,460px);min-height:0}.hero-image{object-position:center 35%}.hero-copy{width:100%;margin:-25px 0 0;padding:0 0 0 14px;position:relative;top:auto;right:auto}.hero h1{font-size:clamp(55px,12.5vw,78px)}.hero-name-first,.hero-name-last{background:var(--paper);width:max-content;padding-right:12px}.hero-name-first{font-size:clamp(29px,8vw,38px)}.hero-name-last{font-size:clamp(43px,13vw,63px)}.hero-name-alias{font-size:.32em}.hero-role{margin:16px 0 0;font-size:20px}.hero-intro{background:0 0;max-width:100%;margin:20px 0 16px;padding:0;font-size:14px;line-height:1.45}.text-link{white-space:nowrap;gap:10px;margin-left:0;padding:5px 0;font-size:12px}.hero-bottom-mark{max-width:100%;margin:56px 0 42px;font-size:15px;line-height:1.4;position:static}.photo-strip{gap:3px;margin-top:0}.photo-strip img{aspect-ratio:.8}.about-section{padding-block:78px 85px;display:block}.about-copy h2{margin-bottom:26px}.about-copy .about-lead{margin-bottom:38px}.about-credentials{gap:38px;margin-top:48px;padding-top:0}.about-skills{margin-top:52px}.skills-list{gap:22px 16px}.skills-list strong{font-size:14px}.projects-section{padding-block:75px 85px}.section-heading{margin-bottom:35px;display:block}.section-heading p{margin-top:28px;font-size:15px}.project-tools{display:block}.search-input,.sort-select{width:100%;margin-top:16px}.project-pagination{flex-wrap:wrap}.project-card-link{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:25px 14px}.project-card h3{font-size:28px}.project-card p{font-size:14px}.project-meta{grid-column:2;justify-self:start;padding-top:0}.project-card-actions{grid-column:2;align-items:flex-start;gap:10px}.project-card-actions .project-meta{padding-top:0}.project-detail-page{min-height:calc(100vh - 90px);padding-top:28px;padding-bottom:80px}.detail-eyebrow{margin-top:80px}.project-detail-page h1{font-size:clamp(55px,12vw,78px)}.detail-description{font-size:20px}.case-study-hero{display:block}.case-study-hero .detail-eyebrow{margin-top:75px}.case-study-context{margin-top:50px}.case-study-chapters{margin-top:75px}.case-study-chapter{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:28px 0 34px}.case-study-chapter h2{font-size:29px}.case-study-chapter p,.contribution-list{grid-column:2;font-size:17px}.case-study-work{padding:48px 0 60px}.case-study-work-grid{grid-template-columns:1fr;gap:35px}.case-study-work-item h3{margin-top:18px}.case-study-stack{padding:48px 0 75px;display:block}.case-study-stack ul{margin-top:23px}.case-study-flow{margin-bottom:75px;padding:28px 22px 32px}.case-study-flow h2{margin-bottom:24px}.case-study-flow ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.case-study-flow li{gap:20px;min-height:100px}.contact-inner{padding-block:65px 60px;display:block}.contact-copy{margin-bottom:44px}.contact-copy h2{font-size:53px}.contact-copy p{font-size:16px}.contact-link{grid-template-columns:minmax(0,1fr) 20px;gap:3px 12px;padding:20px 0}.contact-link-label,.contact-link-value{grid-column:1}.contact-link-arrow{grid-area:1/2/3;align-self:center}.footer-meta{flex-wrap:wrap}.footer-meta span:nth-child(2){order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.scroll-reveal[data-reveal=pending]{opacity:1;transform:none}}:root :is(a,button,input,textarea,select):focus-visible{outline-offset:4px;outline:3px solid #505050}.contact-section :is(a,button,input,textarea):focus-visible{outline-color:var(--white)}