:root{--bg:#0a0a0b;--fg:#f1f0ec;--muted:#929296;--line:#29292c;--violet:#8b6cff;--max:1320px;--fs-xs:11px;--fs-sm:13px;--fs-body:16px;--fs-lead:20px;--fs-h3:clamp(30px,3vw,46px);--fs-h2:clamp(40px,4.4vw,62px);--fs-hero:clamp(58px,6.5vw,96px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:400 var(--fs-body)/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.top{height:72px;width:min(calc(100% - 48px),var(--max));margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em}.top nav{display:flex;gap:28px}.top nav a,.actions button,.pdf-link{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.07em;color:#aaa}.actions{justify-self:end;display:flex;gap:10px;align-items:center}.actions button{background:none;border:0;cursor:pointer;padding:8px}.pdf-link{padding:8px;border-bottom:1px solid #555}.lang-switch span{opacity:.4}.lang-switch span.active{opacity:1;color:#fff}.hero,.section,.contact,footer{width:min(calc(100% - 48px),var(--max));margin:auto}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;padding:64px 0}.kicker,.section-title>span{font:500 var(--fs-xs)/1.4 'DM Mono',monospace;letter-spacing:.1em;color:#9285c0}.hero h1{font-size:var(--fs-hero);line-height:.94;letter-spacing:-.055em;font-weight:500;margin:24px 0 30px}.hero h1 em{font-style:normal;color:#9180ff}.intro{font-size:var(--fs-lead);line-height:1.6;color:#aaa;max-width:680px}.hero-links{display:flex;gap:28px;margin-top:34px}.hero-links a{font-size:var(--fs-sm);border-bottom:1px solid #555;padding-bottom:5px}.portrait{margin:0}.portrait img{display:block;width:100%;max-height:560px;object-fit:cover;filter:grayscale(1)}.portrait figcaption{display:flex;justify-content:space-between;font:400 var(--fs-xs)/1.5 'DM Mono',monospace;color:#777;margin-top:10px}.section{padding:104px 0;border-top:1px solid var(--line)}.section-title{display:grid;grid-template-columns:60px 1fr 1fr;gap:28px;align-items:end;margin-bottom:58px}.section-title h2{font-size:var(--fs-h2);line-height:1.05;letter-spacing:-.045em;font-weight:500;margin:0}.section-title p{color:var(--muted);font-size:var(--fs-sm);line-height:1.7;max-width:520px;margin:0}.featured{display:grid;gap:84px}.feature{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center;cursor:pointer}.feature:hover .detail-link{transform:translateX(5px);color:#fff}.feature.reverse{grid-template-columns:.85fr 1.15fr}.feature.reverse .feature-art{order:2}.feature-art{height:390px;background:#101013;border:1px solid #1e1e22;position:relative;overflow:hidden}.feature-copy small{font:500 var(--fs-xs)/1.4 'DM Mono',monospace;color:#8d81b7}.feature-copy h3{font-size:var(--fs-h3);line-height:1.05;font-weight:500;letter-spacing:-.045em;margin:13px 0 18px}.feature-copy p{font-size:var(--fs-body);line-height:1.7;color:#999;max-width:520px}.feature-copy b,.archive-list b{display:block;font:400 var(--fs-xs)/1.65 'DM Mono',monospace;color:#747478}.detail-link{display:inline-block;margin-top:24px;font-size:var(--fs-sm);font-weight:600;color:#b7aaff;transition:.2s}.art-q{display:flex;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle,#1c1833,#0e0e11 58%)}.art-q span{border:1px solid #4d426f;padding:14px 17px;font:500 var(--fs-xs)/1 'DM Mono',monospace}.art-q i{width:64px;height:1px;background:#7664bb}.art-impt{display:grid;place-items:center;background:radial-gradient(circle,#20183e,#0e0e11 60%)}.art-impt strong{font-size:clamp(76px,9vw,132px);letter-spacing:-.07em;color:#7d68e6;opacity:.75}.art-impt div{position:absolute;bottom:28px;font:500 var(--fs-xs)/1 'DM Mono',monospace}.art-impt i{color:#8b6cff;font-style:normal}.art-chain{background:linear-gradient(135deg,#0e0e11,#111525);display:grid;place-items:center}.art-chain strong{font-size:34px;line-height:.95;text-align:center;color:#7595ff;z-index:2}.art-chain .node{position:absolute;width:16px;height:16px;border-radius:50%;border:1px solid #536799}.art-chain .node:nth-child(1){left:18%;top:24%}.art-chain .node:nth-child(2){right:20%;top:30%}.art-chain .node:nth-child(3){left:30%;bottom:20%}.art-data{display:flex;align-items:flex-end;gap:14px;padding:64px;background:linear-gradient(#101013,#0d1020)}.art-data i{flex:1;background:linear-gradient(#725cff,#385aa0)}.art-data i:nth-child(1){height:30%}.art-data i:nth-child(2){height:70%}.art-data i:nth-child(3){height:48%}.art-data i:nth-child(4){height:88%}.art-data i:nth-child(5){height:60%}.archive-list,.timeline,.skills,.credentials{border-top:1px solid var(--line)}.archive-list>div{display:grid;grid-template-columns:110px .8fr 1.4fr .8fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--line)}.archive-list time,.timeline time,.skills span,.credentials span{font:400 var(--fs-xs)/1.5 'DM Mono',monospace;color:#747478}.archive-list h3,.timeline h3{font-size:17px;line-height:1.4;font-weight:500;margin:0}.archive-list p,.timeline p{font-size:var(--fs-sm);line-height:1.65;color:#8d8d91;margin:0}.timeline>div{display:grid;grid-template-columns:180px .85fr 1.15fr;gap:28px;padding:26px 0;border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-text p{font-size:var(--fs-lead);line-height:1.6;letter-spacing:-.01em;color:#c4c3c0;margin:0 0 24px}.skills>div{display:grid;grid-template-columns:120px 1fr;padding:17px 0;border-bottom:1px solid var(--line)}.skills p{font-size:var(--fs-sm);line-height:1.7;color:#929296;margin:0}.credentials{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px}.credentials>div{padding:18px 18px 18px 0;border-bottom:1px solid var(--line)}.credentials strong{display:block;font-size:var(--fs-sm);line-height:1.5;font-weight:500;margin-top:7px}.contact{padding:90px 0 76px;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.5fr .7fr;gap:36px;align-items:end}.contact>p{font-size:var(--fs-sm);color:#888;margin:0}.contact>a{font-size:clamp(24px,3vw,40px);line-height:1.1;letter-spacing:-.035em}.contact>div{display:flex;gap:15px;justify-content:flex-end;font-size:var(--fs-xs)}footer{height:68px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:400 var(--fs-xs)/1 'DM Mono',monospace;color:#666}.case-modal{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none}.case-modal:target{visibility:visible;pointer-events:auto}.case-bg{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.case-sheet{position:absolute;right:0;top:0;width:min(760px,95vw);height:100%;overflow:auto;background:#efeee9;color:#111;padding:38px clamp(28px,5vw,64px);transform:translateX(100%);transition:.35s cubic-bezier(.2,.8,.2,1)}.case-modal:target .case-sheet{transform:none}.case-close{display:block;text-align:right;font-size:var(--fs-sm);color:#555}.case-sheet>small{display:block;margin-top:50px;font:500 var(--fs-xs)/1.4 'DM Mono',monospace;color:#666}.case-sheet h2{font-size:var(--fs-h2);line-height:1;letter-spacing:-.05em;margin:16px 0 28px}.case-sheet h3{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em;margin:28px 0 8px}.case-sheet p,.case-sheet li{font-size:var(--fs-body);line-height:1.72;color:#333}.case-lead{font-size:var(--fs-lead)!important;color:#111!important}.case-sheet code{display:block;margin-top:36px;padding:16px;background:#111;color:#ddd;font:400 var(--fs-xs)/1.6 'DM Mono',monospace;white-space:normal}.lang-vi{display:none}html[lang="vi"] .lang-en{display:none}html[lang="vi"] .lang-vi{display:block}@media(max-width:850px){.top nav{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.portrait{max-width:400px}.section-title{grid-template-columns:40px 1fr}.section-title p{grid-column:2}.feature,.feature.reverse{grid-template-columns:1fr;gap:28px}.feature.reverse .feature-art{order:0}.feature-art{height:310px}.archive-list>div{grid-template-columns:80px 1fr}.archive-list p,.archive-list b{grid-column:2}.about-grid{grid-template-columns:1fr}.credentials{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.contact>div{justify-content:flex-start}}@media(max-width:560px){:root{--fs-body:15px;--fs-lead:18px;--fs-h3:34px;--fs-h2:40px;--fs-hero:clamp(48px,14vw,68px)}.top,.hero,.section,.contact,footer{width:calc(100% - 30px)}.actions{gap:0}.hero{padding:48px 0}.hero-links{flex-direction:column;gap:13px}.section{padding:72px 0}.section-title{margin-bottom:40px}.feature-art{height:240px}.archive-list>div,.timeline>div{display:block}.archive-list time,.timeline time{display:block;margin-bottom:9px}.archive-list h3,.timeline h3{margin-bottom:8px}.archive-list p{margin-bottom:9px}.skills>div{grid-template-columns:1fr;gap:7px}.contact>a{font-size:25px}.case-sheet{padding:26px 22px}.case-sheet>small{margin-top:36px}}@media print{html,body{background:#fff;color:#111}.top nav,.actions,.feature-art,.case-modal{display:none!important}.top,.hero,.section,.contact,footer{width:100%}.hero{min-height:0;display:block;padding:8mm 0}.portrait{display:none}.hero h1{font-size:32pt}.hero h1 em{color:#111}.section{padding:7mm 0}.section-title{display:block;margin-bottom:5mm}.section-title h2{font-size:19pt}.featured{gap:5mm}.feature,.feature.reverse{display:block;break-inside:avoid}.feature-copy h3{font-size:17pt}.detail-link{display:none}.archive-list>div{grid-template-columns:20mm 35mm 1fr 40mm;break-inside:avoid}.about-grid{grid-template-columns:1fr 1fr}.about-text p{font-size:9pt}.contact{padding:7mm 0}.contact>div{display:none}}