:root{--bg:#0d0f14;--surface:#151822;--text:#eef1f6;--text-dim:#9aa3b7;--accent:#5b6ef5;--accent-bright:#7c8cff;--font-display:"Manrope","IBM Plex Sans Thai","Segoe UI",sans-serif;--font-body:"IBM Plex Sans","IBM Plex Sans Thai","Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","IBM Plex Sans Thai",ui-monospace,monospace;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:6rem;--space-7:8rem;--radius:14px;--radius-sm:8px;--border:1px solid #eef1f617;--content-width:72rem}*{box-sizing:border-box}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:#5b6ef573 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#5b6ef573 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-bright);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-display);margin:0;font-weight:700;line-height:1.15}p{margin:0}a{text-decoration:none}a,a:hover{color:var(--accent-bright)}a:hover{text-decoration:underline}[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}.wrap{max-width:var(--content-width);padding-inline:var(--space-3);margin:0 auto}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright);font-size:.72rem}.section{padding-block:var(--space-6)}.section-title{margin-top:var(--space-1);font-size:clamp(1.7rem,1.3rem + 1.6vw,2.4rem)}.card{background:var(--surface);border:var(--border);border-radius:var(--radius)}.pill{font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-dim);background:#eef1f60f;border-radius:999px;padding:.3rem .75rem;font-size:.7rem;display:inline-block}.mono[data-v-93e746f4]{font-family:var(--font-mono)}.lang-switch[data-v-93e746f4]{top:var(--space-2);right:var(--space-2);z-index:50;border:var(--border);letter-spacing:.02em;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#151822d9;border-radius:999px;gap:.35rem;padding:.35rem .7rem;font-size:.75rem;display:inline-flex;position:fixed}.lang-switch[data-v-93e746f4]:hover{border-color:#7c8cff80}.lang-switch span.active[data-v-93e746f4]{color:var(--accent-bright)}.sep[data-v-93e746f4]{opacity:.5}.hero[data-v-30e2d5b3]{padding-block:var(--space-7) var(--space-6);position:relative;overflow:hidden}.hero-glow[data-v-30e2d5b3]{pointer-events:none;background:radial-gradient(closest-side,#5b6ef547,#0000 70%);height:42rem;position:absolute;inset:-20% -10% auto}.hero-inner[data-v-30e2d5b3]{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex;position:relative}.status-pill[data-v-30e2d5b3]{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-dim);border:var(--border);margin-bottom:var(--space-2);background:#eef1f60f;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.78rem;display:inline-flex}.status-dot[data-v-30e2d5b3]{background:#3ddc84;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite blink-30e2d5b3;box-shadow:0 0 6px #3ddc84}@keyframes blink-30e2d5b3{0%,to{opacity:1}50%{opacity:.35}}.hero-name[data-v-30e2d5b3]{font-size:clamp(2.4rem,1.6rem + 3.5vw,4rem);font-weight:800}.hero-alias[data-v-30e2d5b3]{font-family:var(--font-display);color:var(--accent-bright);margin-top:.35rem;font-size:1.15rem;font-weight:700}.hero-role[data-v-30e2d5b3]{margin-top:var(--space-2);color:var(--text-dim);max-width:34rem;font-size:1.05rem}.hero-actions[data-v-30e2d5b3]{justify-content:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.btn[data-v-30e2d5b3]{border-radius:999px;padding:.75rem 1.6rem;font-size:.9rem;font-weight:600;transition:transform .15s,background .15s,border-color .15s,color .15s}.btn-primary[data-v-30e2d5b3]{background:var(--accent);color:#fff}.btn-primary[data-v-30e2d5b3]:hover{background:var(--accent-bright);color:#fff;text-decoration:none;transform:translateY(-1px)}.btn-ghost[data-v-30e2d5b3]{color:var(--text);border:var(--border)}.btn-ghost[data-v-30e2d5b3]:hover{border-color:var(--accent-bright);color:var(--accent-bright);text-decoration:none;transform:translateY(-1px)}.hero-skills[data-v-30e2d5b3]{margin-top:var(--space-5);flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:40rem;display:flex}@media (prefers-reduced-motion:reduce){.status-dot[data-v-30e2d5b3]{animation:none}}.detail[data-v-486ae9cd]{margin-top:var(--space-3);padding:var(--space-3);border-color:#7c8cff59;animation:.3s both detail-in-486ae9cd;display:block}@keyframes detail-in-486ae9cd{0%{opacity:0;transform:translateY(-8px)}}.detail-meta[data-v-486ae9cd]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:.5rem 1rem;font-size:.68rem;line-height:1;display:flex}.detail-meta[data-v-486ae9cd],.status-tag[data-v-486ae9cd]{color:var(--text-dim);align-items:center}.status-tag[data-v-486ae9cd]{gap:.4rem;display:inline-flex}.status-tag[data-v-486ae9cd]:before{content:"";background:currentColor;border-radius:50%;width:.4rem;height:.4rem}.status-tag.is-award[data-v-486ae9cd],.status-tag.is-live[data-v-486ae9cd]{color:var(--accent-bright)}.status-tag.is-award[data-v-486ae9cd]:before{content:"★";background:0 0;width:auto;height:auto;font-size:.8rem}.close-btn[data-v-486ae9cd]{cursor:pointer;font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--text-dim);border-radius:var(--radius-sm);background:0 0;border:0;margin-left:auto;padding:.4rem .6rem;line-height:1}.close-btn[data-v-486ae9cd]:hover{color:var(--text);background:#eef1f614}.detail-title[data-v-486ae9cd]{margin-top:.9rem;font-size:clamp(1.2rem,1rem + .9vw,1.65rem)}.detail-tagline[data-v-486ae9cd]{max-width:46rem;color:var(--accent-bright);font-family:var(--font-display);margin-top:.5rem;font-weight:600}.detail-tags[data-v-486ae9cd]{margin-top:var(--space-2);flex-wrap:wrap;gap:.4rem;display:flex}.detail-body[data-v-486ae9cd]{gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--border);grid-template-columns:minmax(0,24rem) minmax(0,1fr);display:grid}.detail-rail[data-v-486ae9cd]{gap:var(--space-3);flex-direction:column;display:flex}.rail-label[data-v-486ae9cd]{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:.68rem}.detail-gallery[data-v-486ae9cd]{flex-direction:column;gap:.5rem;display:flex}.detail-figure[data-v-486ae9cd]{margin:0}.detail-figure img[data-v-486ae9cd]{border-radius:var(--radius-sm);aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%}.detail-thumbs[data-v-486ae9cd]{gap:.5rem;display:flex}.detail-thumb[data-v-486ae9cd]{cursor:pointer;border-radius:var(--radius-sm);opacity:.5;background:0 0;border:0;flex:1;min-width:0;padding:0;transition:opacity .2s;overflow:hidden}.detail-thumb[data-v-486ae9cd]:focus-visible,.detail-thumb[data-v-486ae9cd]:hover{opacity:.85}.detail-thumb.active[data-v-486ae9cd]{opacity:1;outline:2px solid var(--accent-bright);outline-offset:1px}.detail-thumb img[data-v-486ae9cd]{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%;display:block}.description[data-v-486ae9cd]{color:var(--text-dim);max-width:60ch}.thread[data-v-486ae9cd]{margin-top:var(--space-4)}.beat[data-v-486ae9cd]{padding-left:1.6rem;padding-bottom:var(--space-3);animation:.4s both beat-in-486ae9cd;position:relative}.beat[data-v-486ae9cd]:last-child{padding-bottom:0}.beat[data-v-486ae9cd]:nth-child(2){animation-delay:70ms}.beat[data-v-486ae9cd]:nth-child(3){animation-delay:.14s}@keyframes beat-in-486ae9cd{0%{opacity:0;transform:translateY(8px)}}.beat[data-v-486ae9cd]:before{content:"";background:#7c8cff4d;width:1px;position:absolute;top:.5rem;bottom:0;left:.31rem;transform:translate(-50%)}.beat[data-v-486ae9cd]:last-child:before{display:none}.beat[data-v-486ae9cd]:after{content:"";border:1.5px solid var(--accent-bright);background:var(--surface);border-radius:50%;width:.62rem;height:.62rem;position:absolute;top:.2rem;left:0}.beat[data-v-486ae9cd]:last-child:after{background:var(--accent-bright)}.beat-label[data-v-486ae9cd]{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-bright);font-size:.7rem;line-height:1.4}.beat-text[data-v-486ae9cd]{color:var(--text-dim);max-width:62ch;margin-top:.35rem;font-size:.92rem}.award[data-v-486ae9cd]{margin-top:var(--space-4);color:var(--accent-bright);font-size:.9rem}.tag-list[data-v-486ae9cd]{gap:.5rem}.collaborator-list[data-v-486ae9cd],.tag-list[data-v-486ae9cd]{flex-wrap:wrap;margin-top:.6rem;display:flex}.collaborator-list[data-v-486ae9cd]{color:var(--text-dim);gap:.4rem 1rem;font-size:.92rem}.collaborator-list a[data-v-486ae9cd]{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.2em}.collaborator-list a[data-v-486ae9cd]:hover{color:var(--accent-bright)}@media (width<=720px){.detail-body[data-v-486ae9cd]{gap:var(--space-3);grid-template-columns:1fr}.detail-rail[data-v-486ae9cd]{display:contents}.detail-gallery[data-v-486ae9cd]{order:1}.detail-info[data-v-486ae9cd]{order:2}.rail-group[data-v-486ae9cd]{order:3}}.grid[data-v-8daaf89f]{margin-top:var(--space-4);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));align-items:stretch;display:grid}.project-cell[data-v-8daaf89f]{transition:border-color .2s,transform .2s;overflow:hidden}.project-cell[data-v-8daaf89f]:focus-within,.project-cell[data-v-8daaf89f]:hover{border-color:#7c8cff66;transform:translateY(-2px)}.project-cell.active[data-v-8daaf89f]{border-color:var(--accent)}.project-cell[data-v-8daaf89f]:has(.project-summary:focus-visible){outline:2px solid var(--accent-bright);outline-offset:3px}.project-summary[data-v-8daaf89f]:focus-visible{outline:none}.project-summary[data-v-8daaf89f]{cursor:pointer;text-align:left;flex-direction:column;height:100%;display:flex}.project-media[data-v-8daaf89f]{aspect-ratio:16/10;position:relative;overflow:hidden}.project-media img[data-v-8daaf89f]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .35s}.project-media[data-v-8daaf89f]:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0d0f14a6);height:45%;position:absolute;inset:auto 0 0}.project-cell:hover .project-media img[data-v-8daaf89f]{transform:scale(1.04)}.project-body[data-v-8daaf89f]{padding:var(--space-3);flex-direction:column;flex:1;display:flex}.status-tag[data-v-8daaf89f]{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:.4rem;font-size:.64rem;line-height:1;display:inline-flex}.status-tag[data-v-8daaf89f]:before{content:"";background:currentColor;border-radius:50%;width:.4rem;height:.4rem}.status-tag.is-award[data-v-8daaf89f],.status-tag.is-live[data-v-8daaf89f]{color:var(--accent-bright)}.status-tag.is-award[data-v-8daaf89f]:before{content:"★";background:0 0;width:auto;height:auto;font-size:.8rem}.status-tag.on-media[data-v-8daaf89f]{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0f14b8;border:1px solid #eef1f624;border-radius:999px;padding:.35rem .65rem;position:absolute;bottom:.7rem;left:.7rem}.status-tag.on-media.is-award[data-v-8daaf89f]{border-color:#7c8cff73}.project-title[data-v-8daaf89f]{font-size:1.05rem}.project-tagline[data-v-8daaf89f],.project-title[data-v-8daaf89f]{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-tagline[data-v-8daaf89f]{color:var(--text-dim);margin-top:.5rem;font-size:.9rem}.project-foot[data-v-8daaf89f]{padding-top:var(--space-2);border-top:var(--border);justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;display:flex}.foot-period[data-v-8daaf89f]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.68rem;overflow:hidden}.foot-cue[data-v-8daaf89f]{width:1.8rem;height:1.8rem;color:var(--accent-bright);border:1px solid #7c8cff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.project-cell:focus-within .foot-cue[data-v-8daaf89f],.project-cell:hover .foot-cue[data-v-8daaf89f]{background:var(--accent);border-color:var(--accent);color:#fff}.foot-arrow[data-v-8daaf89f]{transition:transform .25s;display:block}.project-cell.active .foot-cue[data-v-8daaf89f]{background:var(--accent);border-color:var(--accent);color:#fff}.project-cell.active .foot-arrow[data-v-8daaf89f]{transform:rotate(90deg)}.timeline[data-v-c03b7642]{margin-top:var(--space-4);gap:var(--space-5);border-left:2px solid #eef1f61f;flex-direction:column;padding-left:28px;display:flex}.entry[data-v-c03b7642]{position:relative}.entry[data-v-c03b7642]:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;position:absolute;top:.4rem;left:-34px}.entry-period[data-v-c03b7642]{font-family:var(--font-mono);color:var(--text-dim);font-size:.78rem}.entry h3[data-v-c03b7642]{margin-top:.35rem;font-size:1.2rem}.entry-org[data-v-c03b7642]{color:var(--accent-bright);margin-top:.2rem;font-size:.85rem}.entry-desc[data-v-c03b7642]{margin-top:var(--space-2)}.abstract[data-v-c03b7642],.entry-desc[data-v-c03b7642]{max-width:46rem;color:var(--text-dim)}.abstract[data-v-c03b7642]{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#eef1f60a;border-left:2px solid #7c8cff66;font-size:.85rem;font-style:italic}.education[data-v-c03b7642]{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border)}.edu-title[data-v-c03b7642]{font-size:.85rem}.education ul[data-v-c03b7642]{margin-top:var(--space-2);color:var(--text-dim);flex-direction:column;gap:.5rem;display:flex}.edu-years[data-v-c03b7642]{font-family:var(--font-mono);color:var(--accent-bright)}.cert-groups[data-v-191607b1]{margin-top:var(--space-4);gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.cert-group h3[data-v-191607b1]{padding-bottom:var(--space-2);border-bottom:var(--border);font-size:.85rem}.cert-group ul[data-v-191607b1]{margin-top:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.cert-item[data-v-191607b1]{gap:var(--space-2);align-items:flex-start;display:flex}.check[data-v-191607b1]{width:20px;height:20px;color:var(--accent-bright);background:#7c8cff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.15rem;font-size:.7rem;display:inline-flex}.cert-name[data-v-191607b1]{font-size:.92rem}.cert-note[data-v-191607b1]{color:var(--text-dim);margin-top:.2rem;font-size:.78rem}.footer[data-v-f38da767]{border-top:var(--border);padding-block:var(--space-4)}.footer-inner[data-v-f38da767]{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--text-dim);flex-wrap:wrap;font-size:.85rem;display:flex}.footer-links[data-v-f38da767]{gap:var(--space-3);display:flex}