@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--radius: 0;--font-serif: "Fraunces Variable", Georgia, "Times New Roman", serif}:root,:root[data-theme=dark]{--bg: #0e110c;--ink: #9ddca9;--ink-dim: rgba(157, 220, 169, .62);--accent: #c6f4cf;--accent-ink: #0e110c;--line: rgba(157, 220, 169, .18);--line-strong: rgba(157, 220, 169, .34);--grain-opacity: .05;--grain-blend: overlay;--vignette: rgba(0, 0, 0, .52);--scanline: .55;color-scheme:dark}:root[data-theme=light]{--bg: #eef1ea;--ink: #16241a;--ink-dim: rgba(22, 36, 26, .62);--accent: #2f6b42;--accent-ink: #eef1ea;--line: rgba(22, 36, 26, .18);--line-strong: rgba(22, 36, 26, .32);--grain-opacity: .04;--grain-blend: multiply;--vignette: transparent;--scanline: 0;color-scheme:light}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}input,button,textarea,select{font:inherit;color:inherit}button{padding:0;background:none;border:0;cursor:pointer}img,svg,canvas{display:block;max-width:100%}p,h1,h2,h3,h4{overflow-wrap:break-word}body{min-height:100dvh;line-height:1.5;background-color:var(--bg);background-image:radial-gradient(120% 95% at 50% 42%,transparent 34%,var(--vignette, transparent) 100%);background-attachment:fixed;color:var(--ink);font-family:var(--font-serif);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;will-change:transform;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--grain-opacity, .04);mix-blend-mode:var(--grain-blend, overlay);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.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;will-change:opacity;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:var(--scanline, 0);background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.24) 0px,rgba(0,0,0,.24) var(--scan-line, 1px),transparent var(--scan-line, 1px),transparent var(--scan-period, 3px));animation:crt-flicker 5s steps(40) infinite}@keyframes crt-flicker{0%,to{opacity:var(--scanline, 0)}48%{opacity:calc(var(--scanline, 0) * .86)}52%{opacity:calc(var(--scanline, 0) * .94)}}@media(prefers-reduced-motion:reduce){body:after{animation:none}}a{color:inherit;text-decoration:none}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.ph{image-rendering:pixelated}.ph-box{overflow:hidden}.ph-box .ph{position:absolute;left:0}.icon{display:block;flex:none}main{display:flow-root;position:relative;z-index:1;min-height:100dvh;padding:0 1.5rem 1.5rem}.stamp{position:fixed;color:var(--line-strong);pointer-events:none}.stamp[hidden]{display:none}.stamp svg{width:100%;height:100%}.card{--gutter: 1rem;margin:0 auto;display:flex;flex-direction:column;width:min(620px,100%);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.7rem var(--gutter);border-bottom:1px solid var(--line)}.brand{font-family:var(--font-serif);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim)}.theme{display:flex;padding:.4rem;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-dim);transition:none}.theme:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent);border-color:var(--line-strong)}.id{display:flex;align-items:center;gap:1rem;padding:var(--gutter)}.avatar{flex:none;width:96px;height:96px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg)}.avatar .ph-box{position:relative;width:100%;height:100%}.id-text{display:flex;flex-direction:column;gap:.3rem;min-width:0}.name{margin:0;font-family:var(--font-serif);font-size:1.9rem;font-weight:600;line-height:1;letter-spacing:-.01em}.meta{margin:0;font-size:.74rem;color:var(--ink-dim)}.age{color:inherit}.age .d{display:inline-block;width:.6em;text-align:center}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tab{padding:.6rem .4rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);border-right:1px solid var(--line);transition:none}.tab:last-child{border-right:0}.tab:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.tab[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.content{flex:1 1 auto;min-height:0;padding:var(--gutter);display:flex;flex-direction:column}.content{position:relative}.tab-pane{display:flex;flex-direction:column;flex:1 0 auto}.tab-pane-leaving{position:absolute;top:0;left:0;right:0;padding:var(--gutter);z-index:1;background:var(--bg);pointer-events:none}.tab-pane-leaving>.work-section{flex:1;display:flex;flex-direction:column}.tab-pane-leaving .timeline{flex:1}.timeline{position:relative}.tl-detail-leaving{position:absolute;z-index:1;background:var(--bg);pointer-events:none}.about-split{display:grid;grid-template-columns:1fr 180px;align-items:stretch;margin:calc(-1 * var(--gutter));flex:1}.about-text{padding:var(--gutter);display:flex;flex-direction:column;gap:.75rem}.about-text p{font-size:.78rem;line-height:1.7;color:var(--ink)}.about-photo{position:relative;border-left:1px solid var(--line);overflow:hidden;background:var(--bg);display:flex}.about-photo .ph-box{position:absolute;top:0;right:0;bottom:0;left:0}:root[data-theme=dark] .card[data-trail] :is(.avatar,.about-photo,.work-photo){background:transparent;filter:var(--trail-filter, none)}.btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;margin-top:.3rem;padding:.5rem .85rem;border:1px solid var(--line-strong);border-radius:var(--radius);font-size:.72rem;letter-spacing:.06em;color:var(--ink);background:transparent;transition:none}.btn:hover{background-color:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.timeline{display:grid;grid-template-columns:14.5rem 1fr;margin:calc(-1 * var(--gutter));overflow:hidden}.tl-list{list-style:none;margin:0;padding:0;border-right:1px solid var(--line)}.tl-list li{border-top:1px solid var(--line)}.tl-list li:first-child{border-top:0}.tl-item{display:grid;gap:.1rem;width:100%;padding:.55rem .7rem;text-align:left}.tl-item:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.tl-item[aria-current=true]{box-shadow:inset 2px 0 0 var(--accent);background:color-mix(in srgb,var(--ink) 8%,transparent)}.tl-item[aria-current=true] .tl-place{color:var(--ink)}.tl-years{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.tl-place{font-family:var(--font-serif);font-size:.82rem;color:var(--ink)}.tl-job{font-size:.68rem;color:var(--ink-dim)}.tl-detail{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1rem;contain:size;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.work-photo{margin:-.9rem -1rem .5rem;border-bottom:1px solid var(--line);overflow:hidden;flex:none}.work-photo canvas{width:100%;height:auto;display:block}.tl-detail p{margin:.25rem 0 0;font-size:.75rem;line-height:1.65;color:var(--ink)}.tl-points{display:grid;gap:.2rem;margin:.35rem 0 0;padding-left:1rem;font-size:.75rem;line-height:1.6;color:var(--ink)}.tl-points li::marker{color:var(--ink-dim)}.skill-groups{display:flex;flex-direction:column;gap:1.15rem;padding:1.4rem var(--gutter) 1.5rem}.skill-group h3{margin-bottom:.55rem;font-family:var(--font-serif);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.tags li{padding:.2rem .55rem;border:1px solid var(--line);border-radius:var(--radius);font-size:.72rem;color:var(--ink)}.contact{margin:calc(-1 * var(--gutter))}.c-grid{display:grid;grid-template-columns:1fr 1fr}.c-tile{display:flex;flex-direction:column;gap:.3rem;padding:1.1rem var(--gutter) 1.15rem;border-bottom:1px solid var(--line);min-width:0}.c-tile:nth-child(odd){border-right:1px solid var(--line)}.c-tile:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.c-label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.c-value{font-size:.85rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem var(--gutter);font-size:.74rem;color:var(--ink)}.c-where,.c-avail{display:flex;align-items:center;gap:.5rem}.sq{flex:none;width:8px;height:8px;background:var(--accent)}@media(max-width:560px){main{display:block;padding:0}.card{width:100%;min-height:100dvh;border:0;overflow:clip}.topbar{padding:.7rem 1rem}.id{gap:.9rem;padding:1rem}.avatar{width:64px;height:64px}.name{font-size:1.5rem}.tabs{position:sticky;top:0;z-index:3;background:var(--bg)}.tab{letter-spacing:.08em}.content{padding:1rem}.tab-pane{flex:none}.tab-pane-leaving{padding:1rem}.about-split{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;margin:-1rem}.about-text{padding:1rem;align-self:start}.about-photo{border-left:0;border-top:1px solid var(--line);height:170px}.timeline{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;margin:-1rem}.tab-pane-leaving .timeline{grid-template-rows:auto 1fr;align-content:start}.tab-pane-leaving .tl-list{flex:none;height:auto;align-self:start}.tl-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-right:0;border-bottom:1px solid var(--line)}.tl-list li{flex:0 0 auto;border-top:0;border-right:1px solid var(--line);scroll-snap-align:start}.tl-item{min-width:11rem;padding:.7rem 1rem}.tl-item[aria-current=true]{box-shadow:inset 0 -2px 0 var(--accent)}.tl-detail{contain:none;overflow-y:visible;padding:1rem}.work-photo{order:1;margin:.5rem -1rem -1rem;border-bottom:0;border-top:1px solid var(--line)}.skill-groups{padding:1.2rem 1rem 1.3rem}.contact{margin:-1rem}.c-grid{grid-template-columns:1fr}.c-tile{padding:.9rem 1rem}.c-tile:nth-child(odd){border-right:0}.c-foot{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem 1rem}}