:root{--page-bg:#f4f0e8;--panel-bg:#fff7e8;--panel-muted:#f4f0e8;--text-main:#101010;--text-strong:#161616;--text-body:#3c3c35;--text-muted:#4b4b42;--text-soft:#56564d;--text-invert:#fff7e8;--border-strong:#161616;--border-soft:#1616161f;--border-faint:#1616161a;--frame-border:#16161638;--accent-red:#c81522;--accent-green:#006b3e;--accent-yellow:#f5c400;--dark-panel:#111;--hero-red-wash:#cd19231f;--hero-green-wash:#006b3e21;--media-red-wash:#c8152229;--media-green-wash:#006b3e2b;--shadow-dark:#161616;--logo-shadow:#00000073;--mystic-line:#16161614;--mystic-glow:#f5c4003d;--shine-line:#ffffff80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--page-bg:#10130f;--panel-bg:#171c16;--panel-muted:#11160f;--text-main:#fff8eb;--text-strong:#fff8eb;--text-body:#ded6c8;--text-muted:#c7bfaf;--text-soft:#b8af9f;--text-invert:#10130f;--border-strong:#f3eadb;--border-soft:#f3eadb29;--border-faint:#f3eadb21;--frame-border:#f3eadb42;--accent-red:#ff3546;--accent-green:#22c66e;--accent-yellow:#ffd23d;--dark-panel:#070807;--hero-red-wash:#ff354629;--hero-green-wash:#22c66e24;--media-red-wash:#ff354629;--media-green-wash:#22c66e29;--shadow-dark:#000;--logo-shadow:#0000009e;--mystic-line:#fff8eb17;--mystic-glow:#22c66e33;--shine-line:#fff8eb6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{color:var(--text-strong);background:var(--page-bg);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px;overflow-x:hidden}body{background:radial-gradient(circle at 16% 18%, var(--mystic-glow), transparent 26rem), radial-gradient(circle at 82% 42%, var(--hero-green-wash), transparent 30rem), linear-gradient(115deg, var(--hero-red-wash) 0 12%, transparent 12% 100%), linear-gradient(66deg, transparent 0 68%, var(--hero-green-wash) 68% 82%, transparent 82%), var(--page-bg);background-size:120% 120%,120% 120%,auto,auto,auto;background-attachment:fixed;min-width:320px;margin:0;animation:18s ease-in-out infinite alternate mystic-drift;overflow-x:clip}body:before{z-index:-1;pointer-events:none;background-image:linear-gradient(90deg, var(--mystic-line) 1px, transparent 1px), linear-gradient(0deg, var(--mystic-line) 1px, transparent 1px);content:"";background-size:80px 80px;animation:9s ease-in-out infinite alternate grid-breathe;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 18% 72%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 18% 72%,#0000 100%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{width:min(1180px,100% - 36px);margin:0 auto}.site-shell:after{z-index:999;pointer-events:none;background:linear-gradient(90deg, transparent 0 18%, var(--accent-red) 28%, var(--accent-yellow) 48%, var(--accent-green) 68%, transparent 82%), linear-gradient(90deg, transparent, var(--shine-line), transparent);content:"";opacity:0;position:fixed;inset:-20%;transform:translate(-120%)skew(-14deg)}.theme-is-switching:after{animation:.52s cubic-bezier(.76,0,.24,1) theme-sweep}.theme-is-switching .topbar,.theme-is-switching .portrait-frame,.theme-is-switching .live-card,.theme-is-switching .flow-board,.theme-is-switching .belief-panel,.theme-is-switching .timeline-item,.theme-is-switching .project-card,.theme-is-switching .contact-links a{animation:.42s theme-pop}.topbar{z-index:20;padding:18px 0;background:var(--page-bg);border-bottom:2px solid var(--border-faint);isolation:isolate;justify-content:space-between;align-items:center;gap:18px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-inline:max(18px,50vw - 590px);display:flex;position:sticky;top:0}.topbar:before{display:none}.brand,.header-controls,.topbar nav{align-items:center;display:flex}.header-controls{gap:10px}.brand{letter-spacing:0;gap:10px;font-weight:800}.brand-mark{background:0 0;border:0;place-items:center;width:46px;height:46px;animation:4.6s ease-in-out infinite sigil-pulse;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 3px 3px var(--logo-shadow))}.topbar nav{border:1px solid var(--border-soft);background:var(--page-bg);gap:6px;padding:6px;transition:transform .22s,box-shadow .22s,border-color .22s}.topbar nav a{color:var(--text-body);padding:10px 13px;font-size:.92rem;font-weight:700;transition:transform .18s,background .18s,color .18s,box-shadow .18s}.topbar nav a:hover{background:var(--text-strong);color:var(--text-invert)}.language-toggle,.menu-toggle,.theme-toggle{border:2px solid var(--border-strong);background:var(--text-strong);min-width:70px;min-height:42px;color:var(--text-invert);cursor:pointer;font:inherit;justify-content:center;align-items:center;gap:8px;font-size:.82rem;font-weight:950;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.language-toggle:hover,.menu-toggle:hover,.theme-toggle:hover{box-shadow:4px 4px 0 var(--shadow-dark);transform:translateY(-2px)}.menu-toggle,.menu-backdrop{display:none}.menu-toggle span{background:currentColor;width:16px;height:2px;position:relative}.menu-toggle span:before,.menu-toggle span:after{content:"";background:currentColor;width:16px;height:2px;position:absolute;left:0}.menu-toggle span:before{top:-5px}.menu-toggle span:after{top:5px}.theme-toggle{background:var(--panel-bg);color:var(--text-strong)}.language-toggle span,.theme-toggle span{color:var(--accent-yellow);font-size:.72rem}.theme-icon{border:1px solid;border-radius:999px;place-items:center;width:18px;height:18px;display:inline-grid}.sun-icon{background:radial-gradient(circle,currentColor 0 32%,#0000 34%);position:relative}.sun-icon:before{background:conic-gradient(from 0deg, currentColor 0 8deg, transparent 8deg 37deg, currentColor 37deg 45deg, transparent 45deg 82deg, currentColor 82deg 90deg, transparent 90deg 127deg, currentColor 127deg 135deg, transparent 135deg 172deg, currentColor 172deg 180deg, transparent 180deg 217deg, currentColor 217deg 225deg, transparent 225deg 262deg, currentColor 262deg 270deg, transparent 270deg 307deg, currentColor 307deg 315deg, transparent 315deg);border-radius:inherit;content:"";position:absolute;inset:-5px;-webkit-mask:radial-gradient(circle,#0000 0 54%,#000 56%);mask:radial-gradient(circle,#0000 0 54%,#000 56%)}.moon-icon{background:currentColor;position:relative}.moon-icon:after{border-radius:inherit;background:var(--panel-bg);content:"";width:15px;height:15px;position:absolute;top:-2px;right:-1px}.hero{grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);grid-template-areas:"copy visual""actions visual";align-items:center;gap:46px;min-height:calc(100svh - 80px);padding:36px 0 52px;display:grid}.hero-copy{grid-area:copy}.eyebrow{color:var(--accent-red);letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:900}.hero h1,.section-heading h2,.contact-section h2{color:var(--text-main);letter-spacing:0;margin:0;font-weight:950;line-height:.96}.hero h1{text-wrap:balance;max-width:790px;font-size:clamp(2.35rem,5.6vw,5rem)}.hero-text{max-width:720px;color:var(--text-body);margin:26px 0 0;font-size:clamp(1rem,1.65vw,1.2rem);line-height:1.75}.hero-actions,.contact-links{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{grid-area:actions;align-self:start;margin-top:34px}.primary-action,.secondary-action,.contact-links a{border:2px solid var(--border-strong);justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:900;display:inline-flex}.topbar nav a,.live-card-head button,.live-card a,.project-actions a,.project-toggle{transition:transform .18s,box-shadow .18s,background .18s,color .18s}.topbar nav a:hover,.live-card-head button:hover,.live-card a:hover,.project-actions a:hover,.project-toggle:hover{box-shadow:5px 5px 0 var(--shadow-dark);transform:translateY(-2px)}.topbar nav a:focus-visible,.language-toggle:focus-visible,.menu-toggle:focus-visible,.theme-toggle:focus-visible,.live-card-head button:focus-visible,.live-card a:focus-visible,.project-actions a:focus-visible,.project-toggle:focus-visible{outline:2px solid var(--accent-green);outline-offset:3px}.primary-action{background:var(--accent-red);color:var(--text-invert);box-shadow:7px 7px 0 var(--shadow-dark)}.primary-action,.secondary-action,.contact-links a{transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.primary-action:after,.secondary-action:after,.contact-links a:after{background:linear-gradient(90deg, transparent, var(--shine-line), transparent);content:"";width:46%;transition:transform .52s;position:absolute;inset:-40% auto -40% -55%;transform:rotate(18deg)}.primary-action:hover,.secondary-action:hover,.contact-links a:hover{transform:translate(-2px,-2px)}.primary-action:hover:after,.secondary-action:hover:after,.contact-links a:hover:after{transform:translate(340%)rotate(18deg)}.secondary-action,.contact-links a{background:var(--panel-bg)}.hero-visual{isolation:isolate;grid-area:visual;max-width:100%;animation:7.5s ease-in-out infinite float-slow;position:relative}.hero-visual:before,.hero-visual:after{z-index:-1;content:"";position:absolute}.hero-visual:before{border:2px solid var(--frame-border);inset:32px 0 -16px 42px}.hero-visual:after{background:repeating-linear-gradient(-22deg, var(--accent-green) 0 10px, var(--accent-green) 10px 18px, transparent 18px 31px);width:52%;height:76%;animation:3.2s linear infinite stripe-shift;bottom:70px;right:0}.portrait-frame{border:2px solid var(--border-strong);background:var(--panel-bg);box-shadow:16px 16px 0 var(--shadow-dark);transition:transform .26s,box-shadow .26s;overflow:hidden}.portrait-frame:hover{box-shadow:21px 21px 0 var(--shadow-dark);transform:rotate(-1.5deg)translateY(-4px)}.portrait-frame img{aspect-ratio:1;object-fit:cover;width:100%}.signal-panel{border:2px solid var(--border-strong);background:var(--panel-bg);max-width:280px;box-shadow:8px 8px 0 var(--accent-yellow);padding:18px;animation:5.8s ease-in-out infinite card-hover;position:absolute;bottom:18px;right:0}.signal-panel span,.signal-panel small{color:var(--text-soft);font-weight:800;display:block}.signal-panel strong{color:var(--accent-green);margin:4px 0;font-size:2.1rem;line-height:.92;display:block}.stats-strip{border-block:2px solid var(--border-strong);grid-template-columns:repeat(3,1fr);margin-bottom:54px;display:grid}.stat-item{padding:26px 22px;transition:background .18s,transform .18s}.stat-item:hover{background:var(--panel-bg);transform:translateY(-3px)}.stat-item+.stat-item{border-left:2px solid var(--border-strong)}.stat-item strong,.stat-item span{display:block}.stat-item strong{color:var(--accent-green);font-size:clamp(1.75rem,3vw,3rem);line-height:1}.stat-item span{color:var(--text-muted);margin-top:8px;font-weight:750}.section{padding:68px 0}.section-heading{margin-inline:0;text-align:left;max-width:840px;margin-bottom:36px}.section-heading.compact{max-width:min(100%,980px)}.section-heading h2,.contact-section h2{font-size:clamp(2.35rem,5vw,5rem)}.section-heading p:not(.eyebrow){color:var(--text-body);margin:22px 0 0;font-size:1.08rem;line-height:1.8}.vietdon-showcase{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:stretch;gap:28px;display:grid}.family-section{grid-template-columns:minmax(320px,.82fr) minmax(0,1fr);align-items:center;gap:34px;display:grid}.family-gallery{gap:26px;display:grid}.family-photo{border:2px solid var(--border-strong);background:var(--panel-bg);box-shadow:14px 14px 0 var(--shadow-dark);position:relative;overflow:hidden}.family-photo:first-child{z-index:2;width:88%;transform:rotate(-1.6deg)}.family-photo:nth-child(2){z-index:1;justify-self:end;width:88%;transform:rotate(1.8deg)}.family-photo:hover{z-index:3}.family-photo:after{background:linear-gradient(180deg, transparent 55%, var(--media-green-wash)), linear-gradient(115deg, var(--media-red-wash), transparent 40%);content:"";mix-blend-mode:soft-light;position:absolute;inset:0}.family-photo img{aspect-ratio:1/1.08;object-fit:cover;width:100%;transition:transform .52s}.family-photo:nth-child(2) img{aspect-ratio:1.25}.family-photo:hover img{transform:scale(1.035)}.family-content .section-heading{margin-bottom:22px}.quote-list{gap:14px;display:grid}.quote-card{border:2px solid var(--border-strong);background:var(--panel-bg);margin:0;padding:22px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.quote-card:hover{box-shadow:9px 9px 0 var(--shadow-dark);transform:translate(-3px,-3px)}.quote-card:before{color:var(--mystic-glow);content:"“";font-size:6rem;font-weight:950;line-height:1;position:absolute;top:2px;right:18px}.quote-card blockquote{color:var(--text-main);margin:0;font-size:clamp(1.2rem,2.1vw,1.75rem);font-weight:900;line-height:1.22;position:relative}.quote-card figcaption{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.quote-card figcaption strong{color:var(--accent-green)}.live-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.live-card{border:2px solid var(--border-strong);background:linear-gradient(135deg, var(--media-red-wash), transparent 38%), linear-gradient(315deg, var(--media-green-wash), transparent 40%), var(--panel-bg);flex-direction:column;justify-content:space-between;min-height:300px;padding:24px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.live-card:before{border:1px solid var(--border-faint);background-image:linear-gradient(90deg, var(--mystic-line) 1px, transparent 1px), linear-gradient(0deg, var(--mystic-line) 1px, transparent 1px);content:"";opacity:.55;background-size:34px 34px;position:absolute;inset:-2px}.live-card:after{background:radial-gradient(circle, var(--mystic-glow), transparent 68%);content:"";height:42%;animation:5.5s ease-in-out infinite radar-rise;position:absolute;inset:auto 0 0;transform:translateY(42%)}.live-card:hover{box-shadow:12px 12px 0 var(--shadow-dark);transform:translateY(-6px)}.live-card>*{z-index:1;position:relative}.live-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-card-head p,.live-card>p,.live-card small{color:var(--text-body);line-height:1.6}.live-card-head p{color:var(--accent-red);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:950}.live-card-head button,.live-card a{border:2px solid var(--border-strong);background:var(--text-strong);min-height:38px;color:var(--text-invert);cursor:pointer;font:inherit;justify-content:center;align-items:center;padding:0 12px;font-size:.82rem;font-weight:900;display:inline-flex}.live-card>strong,.live-big,.live-clock{color:var(--text-main);font-size:clamp(1.8rem,3vw,3rem);line-height:1.04;display:block}.live-clock{color:var(--accent-green);font-variant-numeric:tabular-nums}.live-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.live-metrics span{border-left:4px solid var(--accent-yellow);background:var(--panel-muted);color:var(--text-muted);padding:10px;font-size:.78rem;font-weight:800;line-height:1.35}.live-metrics strong{color:var(--accent-green);margin-bottom:5px;font-size:1.25rem;line-height:1;display:block}.live-orb{border:1px solid var(--border-soft);opacity:.5;z-index:2;pointer-events:none;border-radius:999px;width:84px;height:84px;animation:4.4s linear infinite orb-scan;position:absolute;bottom:20px;right:20px}.live-orb:before,.live-orb:after{background:var(--accent-green);content:"";height:1px;position:absolute;inset:50% 0 auto}.live-orb:after{width:1px;height:auto;inset:0 auto 0 50%}:root[data-theme=light] .live-orb{border-color:color-mix(in srgb, var(--accent-green) 65%, var(--text-main) 35%);background:radial-gradient(circle, transparent 55%, color-mix(in srgb, var(--accent-yellow) 28%, transparent));opacity:.78}:root[data-theme=light] .live-orb:before,:root[data-theme=light] .live-orb:after{background:color-mix(in srgb, var(--accent-red) 58%, var(--accent-green) 42%)}.signal-loader{text-align:center;place-items:center;gap:14px;min-height:150px;display:grid}.signal-loader span{border:2px solid var(--border-soft);border-top-color:var(--accent-red);border-right-color:var(--accent-yellow);border-bottom-color:var(--accent-green);border-radius:999px;width:74px;height:74px;animation:.82s linear infinite signal-spin;position:relative}.signal-loader span:before,.signal-loader span:after{border:1px solid var(--border-soft);border-radius:inherit;content:"";position:absolute;inset:14px}.signal-loader span:after{background:var(--accent-green);transform-origin:0;border:0;border-radius:0;width:32px;height:2px;animation:1.2s linear infinite radar-arm;inset:50% auto auto 50%}.signal-loader strong{color:var(--text-main);font-size:1rem}.vietdon-media,.flow-board,.belief-panel,.timeline-item,.project-card{border:2px solid var(--border-strong);background:var(--panel-bg)}.vietdon-media{background:linear-gradient(135deg, var(--media-red-wash), transparent 34%), linear-gradient(315deg, var(--media-green-wash), transparent 38%), var(--dark-panel);place-items:center;min-height:450px;padding:34px;display:grid;position:relative;overflow:hidden}.vietdon-media:before{background:linear-gradient(90deg, transparent 35%, var(--shine-line), transparent 65%);content:"";opacity:.36;animation:6s ease-in-out infinite sweep-light;position:absolute;inset:-80% -10%;transform:rotate(18deg)}.vietdon-media img{z-index:1;filter:drop-shadow(0 20px 20px var(--logo-shadow));animation:6.5s ease-in-out infinite logo-hover;position:relative}.flow-board{gap:14px;padding:24px;display:grid;position:relative;overflow:hidden}.round-logo{opacity:.16;width:260px;animation:24s linear infinite sigil-rotate;position:absolute;top:-112px;right:-94px}.flow-step{border-left:6px solid var(--accent-red);background:var(--panel-muted);padding:22px;transition:transform .2s,box-shadow .2s,background .2s;position:relative}.flow-step:hover{box-shadow:8px 8px 0 var(--shadow-dark);transform:translate(6px)}.flow-step:nth-of-type(3){border-color:var(--accent-green)}.flow-step:nth-of-type(4){border-color:var(--accent-yellow)}.flow-step span{color:var(--accent-red);font-weight:950}.flow-step strong,.timeline-item h3,.project-card h3{margin-top:8px;font-size:1.45rem;line-height:1.1;display:block}.flow-step p,.timeline-item p,.project-card p,.belief-panel p{color:var(--text-body);line-height:1.7}.split-section{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);align-items:start;gap:28px;display:grid}.split-section .section-heading{grid-column:1/-1;margin-bottom:0}.stack-cloud{flex-wrap:wrap;gap:12px;display:flex}.stack-cloud span{border:2px solid var(--border-strong);background:var(--text-strong);color:var(--text-invert);padding:12px 16px;font-weight:900;transition:transform .17s,filter .17s}.stack-cloud span:hover{filter:brightness(1.12);transform:translateY(-5px)rotate(-1deg)}.stack-cloud span:nth-child(3n+2){background:var(--accent-red)}.stack-cloud span:nth-child(3n){background:var(--accent-green)}.belief-panel{box-shadow:10px 10px 0 var(--accent-yellow);padding:28px;animation:5.4s ease-in-out infinite alternate panel-glow}.belief-panel h3{margin:0;font-size:2rem}.timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.timeline-item{padding:28px;transition:transform .2s,box-shadow .2s}.timeline-item:hover{box-shadow:10px 10px 0 var(--shadow-dark);transform:translateY(-5px)}.timeline-item>span,.project-card>span{color:var(--accent-red);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:950}.company-link{color:var(--accent-green);margin-top:8px;font-weight:900;display:block}.company-link:hover{color:var(--accent-red);text-underline-offset:4px;text-decoration:underline}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.projects-grid .section-heading{grid-column:1/-1;margin-bottom:0}.project-card{flex-direction:column;min-height:360px;padding:26px;transition:transform .18s,box-shadow .18s;display:flex}.project-card:hover{box-shadow:10px 10px 0 var(--shadow-dark);transform:translate(-4px,-4px)}.project-tech{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.project-tech small{border:1px solid var(--border-soft);background:var(--panel-muted);color:var(--accent-green);padding:8px 9px;font-size:.74rem;font-weight:900;line-height:1.1}.project-card ul{gap:9px;margin:20px 0 0;padding-left:18px;display:grid}.project-feature-list{max-height:500px;transition:max-height .24s,margin-top .24s;overflow:hidden}.project-summary,.project-card li{overflow-wrap:anywhere}.project-actions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px;display:flex}.project-actions a,.project-toggle{border:2px solid var(--border-strong);background:var(--panel-bg);min-height:38px;color:var(--text-main);cursor:pointer;font:inherit;justify-content:center;align-items:center;padding:0 12px;font-size:.8rem;font-weight:900;display:inline-flex}.project-actions a{background:var(--text-strong);color:var(--text-invert)}.project-toggle{background:var(--panel-muted)}.project-card li{color:var(--text-body);line-height:1.6}.reveal{opacity:0;transition:opacity .72s,transform .72s cubic-bezier(.2,.85,.22,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)scale(.985)}.reveal.is-visible,.reveal[data-reveal=visible]{opacity:1;transform:translateY(0)scale(1)}.stat-item:nth-child(2),.flow-step:nth-of-type(3),.timeline-item:nth-child(2),.project-card:nth-of-type(3){--reveal-delay:.11s}.stat-item:nth-child(3),.flow-step:nth-of-type(4){--reveal-delay:.22s}.stack-cloud span:nth-child(odd){animation:4.8s ease-in-out infinite tag-breathe}.stack-cloud span:nth-child(2n){animation:5.8s ease-in-out infinite reverse tag-breathe}.contact-section{border-top:2px solid var(--border-strong);grid-template-columns:1fr;align-items:start;gap:28px;margin:38px 0 24px;padding:46px 0 30px;display:grid}.contact-links{justify-content:flex-start}.contact-links a{flex-direction:column;align-items:flex-start;min-width:180px;min-height:70px;padding:12px 14px 12px 52px;position:relative}.contact-links span{color:var(--accent-red);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.contact-links strong{color:var(--text-main);overflow-wrap:anywhere;word-break:break-word;font-size:.98rem;line-height:1.2}.social-icon{fill:none;width:26px;height:26px;stroke:var(--accent-green);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;position:absolute;top:15px;left:14px}.contact-links a:hover .social-icon{stroke:var(--accent-red);animation:.52s icon-spark}@media (width<=860px){.site-shell{width:min(100% - 24px,680px)}.topbar{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding-block:12px;padding-inline:12px}.header-controls{flex-wrap:nowrap;align-items:center;gap:8px;width:auto;display:flex;position:relative}.topbar nav{z-index:22;background:radial-gradient(circle at 85% 12%, var(--media-green-wash), transparent 42%), radial-gradient(circle at 8% 90%, var(--media-red-wash), transparent 44%), color-mix(in srgb, var(--panel-bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(340px,100vw - 24px);max-height:0;box-shadow:0 18px 42px color-mix(in srgb, var(--shadow-dark) 42%, transparent);opacity:0;border:0;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;transition:max-height .3s cubic-bezier(.22,1,.36,1),padding .26s,border .22s,opacity .22s,transform .26s;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-8px)scale(.985)}.topbar nav.is-open{border:1px solid var(--border-soft);opacity:1;max-height:300px;padding:10px;display:grid;transform:translateY(0)scale(1)}.menu-backdrop{z-index:21;background:color-mix(in srgb, var(--shadow-dark) 45%, transparent);opacity:0;pointer-events:none;border:0;transition:opacity .22s;position:fixed;inset:0}.menu-backdrop.is-open{opacity:1;pointer-events:auto;display:block}.topbar nav a{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-bg) 95%, transparent);color:var(--text-body);text-align:center;opacity:0;padding:12px;font-weight:800;animation:.26s forwards menu-item-in;transform:translateY(6px)}.topbar nav a:nth-child(2){animation-delay:35ms}.topbar nav a:nth-child(3){animation-delay:70ms}.topbar nav a:nth-child(4){animation-delay:.105s}.topbar nav a:nth-child(5){animation-delay:.14s}.topbar nav a:nth-child(6){animation-delay:.175s}.topbar nav a:hover{background:var(--text-strong);color:var(--text-invert);transform:translateY(-2px)}.menu-toggle{display:inline-flex}.menu-toggle.is-open{background:var(--accent-red);color:var(--text-invert)}.menu-toggle.is-open span{background:0 0}.menu-toggle.is-open span:before{top:0;transform:rotate(45deg)}.menu-toggle.is-open span:after{top:0;transform:rotate(-45deg)}.language-toggle,.menu-toggle,.theme-toggle{width:auto;min-width:0}.hero,.vietdon-showcase,.family-section,.live-grid,.split-section,.timeline,.projects-grid,.contact-section{grid-template-columns:1fr}.hero{grid-template-areas:"copy""visual""actions";gap:22px;min-height:auto;padding:14px 0 30px}.hero-visual{width:min(100%,430px);max-width:520px;margin-inline:auto}.stats-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:34px}.stat-item+.stat-item{border-left:2px solid var(--border-strong);border-top:0}.stat-item span{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:.86rem;line-height:1.35;overflow:hidden}.section{padding:34px 0}.family-content,.flow-board,.belief-panel,.timeline-item,.project-card,.live-card{box-shadow:6px 6px 0 var(--shadow-dark)}.section-heading{margin-bottom:20px}.section-heading h2,.contact-section h2{font-size:clamp(2rem,10vw,3.7rem);line-height:1}.section-heading p:not(.eyebrow),.hero-text{font-size:.96rem;line-height:1.58}.family-section,.vietdon-showcase,.split-section,.timeline,.projects-grid,.live-grid{gap:14px}.family-content{order:1}.family-gallery{order:2}.vietdon-media{min-height:300px;padding:22px}.contact-links{justify-content:flex-start}}@media (width<=1040px){.live-grid{grid-template-columns:1fr}}@media (width<=520px){body{background:radial-gradient(circle at 14% 12%, color-mix(in srgb, var(--mystic-glow) 42%, transparent), transparent 16rem), radial-gradient(circle at 84% 26%, color-mix(in srgb, var(--hero-green-wash) 36%, transparent), transparent 20rem), var(--page-bg)}.site-shell{width:min(100% - 16px,100%)}.topbar{justify-content:space-between;align-items:center;gap:10px;padding-block:10px;display:flex}.brand{min-width:0}.brand-mark{width:42px;height:42px}.brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-controls{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.topbar nav{width:min(300px,100vw - 16px)}.language-toggle,.menu-toggle,.theme-toggle{min-width:44px;min-height:40px;padding-inline:9px;font-size:.78rem}.language-toggle{width:auto}.menu-toggle,.theme-toggle{gap:0;width:46px;font-size:0}.theme-icon{font-size:.72rem}.hero h1{font-size:clamp(1.95rem,9.8vw,2.85rem);line-height:1.02}.hero-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:20px;display:-webkit-box;overflow:hidden}.hero-actions{gap:8px;margin-top:0}.hero-actions a,.contact-links a{width:100%}.section{padding:26px 0}.hero-visual{animation:none}.hero-visual:before{inset:18px -6px -9px 18px}.signal-panel{max-width:none;margin-top:18px;padding:15px;position:relative;bottom:auto;right:auto}.signal-panel strong{font-size:1.75rem}.portrait-frame{box-shadow:10px 10px 0 var(--shadow-dark)}.hero-visual:after{display:none}.stats-strip{margin-bottom:18px}.stat-item{padding:20px 16px}.stat-item strong{font-size:clamp(1.2rem,5vw,1.7rem)}.stat-item span{font-size:.74rem}.live-card{gap:18px;min-height:auto;padding:18px}.live-card-head{flex-direction:column;align-items:flex-start}.live-card-head button,.live-card a{width:100%}.live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.live-metrics span:last-child{grid-column:1/-1}.live-orb{width:62px;height:62px;bottom:12px;right:12px}.vietdon-media{min-height:210px;padding:16px}.flow-board,.quote-card,.belief-panel,.timeline-item,.project-card{padding:16px}.family-gallery{justify-items:center;gap:14px;min-height:0;display:grid}.family-photo,.family-photo:nth-child(2){width:min(100%,420px);position:relative;top:auto;right:auto;transform:none}.flow-step{padding:18px}.flow-step:hover,.timeline-item:hover,.project-card:hover{box-shadow:none;transform:none}.round-logo{width:210px;top:-92px;right:-92px}.stack-cloud{flex-wrap:wrap;gap:8px}.stack-cloud span{padding:10px 12px;font-size:.86rem}.belief-panel h3{font-size:1.65rem}.project-card{min-height:auto}.project-summary.is-collapsed{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-feature-list.is-collapsed{max-height:0;margin-top:0}.project-actions{margin-top:14px}.project-actions a,.project-toggle{flex:100%}.project-tech{flex-wrap:wrap;padding-bottom:0;overflow-x:visible}.project-tech small{padding:7px 8px}.topbar nav{grid-template-columns:1fr}.topbar nav a{text-align:left}.project-card ul{margin-top:16px;padding-left:16px}.contact-section{gap:22px;margin-top:26px;padding-top:32px}.contact-links{gap:10px}}@media (width<=380px){.brand{max-width:100%}.brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero h1{font-size:clamp(1.75rem,9.8vw,2.35rem)}.eyebrow{font-size:.7rem}.primary-action,.secondary-action,.contact-links a{min-height:46px}.contact-links a{min-width:0;padding-left:48px}}@keyframes mystic-drift{0%{background-position:0 0,100% 30%,0 0,0 0,0 0}to{background-position:10% 4%,88% 44%,0 0,0 0,0 0}}@keyframes grid-breathe{0%{opacity:.35;transform:translateY(0)}to{opacity:.75;transform:translateY(-12px)}}@keyframes sigil-pulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 5px var(--mystic-glow)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes stripe-shift{to{background-position:42px 0}}@keyframes card-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sweep-light{0%,42%{transform:translate(-45%)rotate(18deg)}68%,to{transform:translate(45%)rotate(18deg)}}@keyframes logo-hover{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes sigil-rotate{to{transform:rotate(360deg)}}@keyframes panel-glow{0%{box-shadow:10px 10px 0 var(--accent-yellow)}to{box-shadow:14px 14px 0 var(--accent-yellow)}}@keyframes tag-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes radar-rise{0%,to{opacity:.25;transform:translateY(42%)}50%{opacity:.65;transform:translateY(18%)}}@keyframes orb-scan{to{transform:rotate(360deg)}}@keyframes signal-spin{to{transform:rotate(360deg)}}@keyframes radar-arm{to{transform:rotate(360deg)}}@keyframes icon-spark{0%,to{transform:scale(1)rotate(0)}45%{transform:scale(1.18)rotate(-7deg)}}@keyframes theme-sweep{0%{opacity:0;transform:translate(-120%)skew(-14deg)}18%{opacity:.95}58%{opacity:.95}to{opacity:0;transform:translate(120%)skew(-14deg)}}@keyframes theme-pop{0%,to{filter:none}45%{filter:saturate(1.35)brightness(1.1)}}@keyframes menu-item-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}