@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_49e0345a-module__2BQmUW__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_49e0345a-module__2BQmUW__variable{--font-noto:"Noto Sans Thai", "Noto Sans Thai Fallback"}
@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(../media/70dfb175aa4855bd-s.051xfa-xmbeg6.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d7751e4f22cc5dda-s.09g9-urqtlqr1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow Semi Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6a1d08cf467f0848-s.p.240fzfer9e_rh.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/4c8ff707cd9b2196-s.1z0v3pqxp4ndv.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/bd448a66dd9a8cdb-s.2ylfgty8kno_t.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/520c929efec0b33f-s.p.3arxh35s5-kc0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a60ff2ef47611254-s.2dyjx51u_9tv2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/72c7138918e4c44c-s.3jken16t28710.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/490cbca7f386131e-s.p.1zrwl0c4yv3pr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed Fallback;src:local(Arial);ascent-override:115.49%;descent-override:23.1%;line-gap-override:0.0%;size-adjust:86.59%}.barlow_semi_condensed_d20e321b-module__9CS2sq__className{font-family:Barlow Semi Condensed,Barlow Semi Condensed Fallback;font-style:normal}.barlow_semi_condensed_d20e321b-module__9CS2sq__variable{--font-barlow:"Barlow Semi Condensed", "Barlow Semi Condensed Fallback"}
:root{--bg:#f1f3f6;--surface:#fff;--surface-2:#e8ecf1;--ink:#111823;--muted:#4b5767;--body-strong:#27313f;--faint:#6f7b8c;--line:#d3d9e1;--primary:#13254b;--primary-hover:#0b1834;--on-primary:#fff;--link:#1c4fa6;--lavender:#e2e8f3;--mint:#e0ede6;--warm:#fbefc8;--accent-line:#2f6fe0;--dot:#13254b14;--ok:#1b7a50;--warn:#9a5a00;--danger:#b42318;--danger-soft:#fdecea;--shadow-sm:0 1px 2px #1118230f;--shadow-md:0 2px 4px #1118230d, 0 14px 30px -14px #13254b4d;--header-bg:#0a152ceb;--mascot-ring:#3a5687;--panel:#0c1730;--panel-2:#12213f;--panel-3:#1a2c52;--panel-line:#263b63;--panel-ink:#eef3fb;--panel-muted:#a3b3cc;--grid-line:#82a0d71c;--volt:#f5b800;--volt-hover:#ffc929;--amber:#ff7a1a;--on-volt:#111823;--cat-cctv:#2f6fe0;--cat-elec:#e08a00;--cat-hw:#1b8a63;--cat-lead:#8a4fd6;--cat-award:#c2410c;--cat-web:#4b5767;--cat-eng:#0e7490;--font:var(--font-noto), "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif;--font-display:var(--font-barlow), "Barlow Semi Condensed", var(--font-noto), "Noto Sans Thai", "Arial Narrow", sans-serif;--wrap:78rem;--radius:8px;--radius-lg:12px;--ease:cubic-bezier(.22, .61, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#080e19;--surface:#0f1726;--surface-2:#162034;--ink:#e7edf6;--muted:#9ba8bb;--body-strong:#ccd5e2;--faint:#7d8aa0;--line:#233049;--primary:#a9c4ff;--primary-hover:#c4d6ff;--on-primary:#080e19;--link:#9dbcff;--lavender:#18233c;--mint:#12302a;--warm:#3a2e10;--accent-line:#7aa6ff;--dot:#a0beff12;--ok:#5ccb9b;--warn:#f0b45a;--danger:#f2877c;--danger-soft:#3a1c1a;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 2px 4px #0000004d, 0 14px 30px -14px #000000b3;--header-bg:#060c18eb;--mascot-ring:#3a5687;--panel:#060d1b;--panel-2:#0c1730;--panel-3:#13234a;--panel-line:#1f3259;--cat-cctv:#6f9dff;--cat-elec:#ffb547;--cat-hw:#4fd19a;--cat-lead:#b892ff;--cat-award:#ff8a4c;--cat-web:#9ba8bb;--cat-eng:#4cc9e0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.75;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--link);text-underline-offset:4px;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--volt);outline-offset:3px;border-radius:4px}h1,h2,h3{color:var(--ink);letter-spacing:0;text-wrap:balance;margin:0;font-weight:700;line-height:1.3}p{margin:0}.pre{white-space:pre-line}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:1rem}@media (min-width:640px){.wrap{padding-inline:2rem}}.skip{z-index:100;border-radius:var(--radius);background:var(--volt);color:var(--on-volt);padding:.5rem 1rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.btn{border-radius:var(--radius);min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s,transform .12s,box-shadow .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);color:var(--on-primary)}.btn-volt{background:var(--volt);color:var(--on-volt)}.btn-volt:hover{background:var(--volt-hover);color:var(--on-volt)}.btn-line{color:var(--panel-ink);border-color:color-mix(in srgb, var(--panel-ink) 35%, transparent);background:0 0}.btn-line:hover{border-color:var(--volt);color:var(--volt)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--faint);color:var(--ink)}.btn-soft{background:var(--lavender);color:var(--ink)}.btn-soft:hover{background:color-mix(in srgb, var(--lavender) 75%, var(--accent-line) 25%);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.92);color:#fff}.btn-sm{min-height:40px;padding:.4rem .95rem;font-size:.95rem}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.icon-btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;font:inherit;place-items:center;font-size:.85rem;font-weight:600;transition:border-color .18s,background-color .18s,color .18s;display:inline-grid}.icon-btn:hover{border-color:var(--faint)}.icon-btn[disabled]{opacity:.4;cursor:not-allowed}.arrow-link{color:var(--link);white-space:nowrap;align-items:center;gap:.4rem;font-weight:600;text-decoration:none;display:inline-flex}.arrow-link svg{transition:transform .18s var(--ease)}.arrow-link:hover svg,.card:hover .arrow-link svg{transform:translate(3px)}.more-link{color:var(--link);align-items:center;gap:.35rem;font-weight:600;text-decoration:none;display:inline-flex}.more-link:hover{text-decoration:underline}.site-header{z-index:40;background:var(--header-bg);color:var(--panel-ink);border-bottom:1px solid var(--panel-line);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);position:sticky;top:0}.site-header:after{content:"";background:var(--volt);width:7rem;height:2px;position:absolute;bottom:-1px;left:0}.nav{align-items:center;gap:.75rem;min-height:68px;display:flex}.brand{color:var(--panel-ink);align-items:center;gap:.65rem;margin-right:auto;line-height:1.15;text-decoration:none;display:inline-flex}.brand-face{border-radius:var(--radius);background:var(--panel-3);border:1px solid var(--panel-line);place-items:end center;width:38px;height:38px;display:grid;overflow:hidden}.brand-text b{font-family:var(--font-display);letter-spacing:.02em;font-size:1.15rem;font-weight:700;display:block}.brand-text small{color:var(--panel-muted);font-size:.78rem;display:block}.nav-links{gap:.15rem;margin:0;padding:0;list-style:none;display:none}.nav-links a{border-radius:var(--radius);color:var(--panel-muted);padding:.45rem .8rem;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s;display:block}.nav-links a:hover{color:var(--panel-ink);background:var(--panel-3)}.nav-links a[aria-current=page]{color:var(--panel-ink);box-shadow:inset 0 -2px 0 var(--volt);border-radius:0}.nav-tools{align-items:center;gap:.4rem;display:flex}.site-header .icon-btn{color:var(--panel-ink);border-color:var(--panel-line);background:0 0}.site-header .icon-btn:hover{border-color:var(--volt);color:var(--volt)}.nav-contact{display:none}.mobile-menu{border-top:1px solid var(--panel-line);padding:.25rem 0 1.25rem}.mobile-menu ul{margin:0;padding:0;list-style:none}.mobile-menu li a{border-bottom:1px solid var(--panel-line);color:var(--panel-ink);padding:.85rem .25rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:block}.mobile-menu li a[aria-current=page]{color:var(--volt)}.mobile-menu>.btn{width:100%;margin-top:1rem}@media (min-width:960px){.nav-links{display:flex}.nav-contact{margin-left:.35rem;display:inline-flex}.menu-btn,.mobile-menu{display:none}}.hero{isolation:isolate;background:var(--panel);color:var(--panel-ink);padding:2.5rem 0 0;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#2f6fe047,#0000);border-radius:50%;width:40rem;height:40rem;position:absolute;top:-8rem;right:-10rem}.hero h1,.hero h2,.hero h3{color:var(--panel-ink)}.hero-grid{align-items:center;gap:2.5rem;display:grid}.hero-copy{min-width:0}.status{border:1px solid var(--panel-line);border-radius:var(--radius);background:var(--panel-2);color:var(--panel-muted);align-items:center;gap:.55rem;padding:.3rem .8rem;font-size:.9rem;font-weight:500;display:inline-flex}.status i{background:var(--volt);border-radius:50%;width:9px;height:9px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #f5b8002e}.hero-name{color:var(--panel-muted);margin-top:1.25rem;font-size:1.05rem}.hero-name b{color:var(--panel-ink);font-weight:600}.hero h1{font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;margin-top:.4rem;font-size:clamp(2rem,1.2rem + 3.4vw,3.6rem);font-weight:700;line-height:1.04}.hero h1 .line{display:block}.hero h1 .line+.line{margin-top:.12em}.hero h1 .line:nth-child(2){color:var(--volt)}.hero h1 .line:nth-child(3){color:#9fc0ff}.hero-text{max-width:36rem;color:var(--panel-muted);margin-top:1.4rem;font-size:1.08rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.stage{aspect-ratio:1;justify-self:center;width:min(100%,24rem);position:relative}.stage-disc{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 38%, #1f3a6e 0, var(--panel-2) 70%);border:1px solid var(--panel-line);place-items:end center;display:grid;position:absolute;inset:0;overflow:hidden}.stage-corners{pointer-events:none;position:absolute;inset:-8px}.stage-corners i{border-color:var(--volt);border-style:solid;border-width:0;width:22px;height:22px;position:absolute}.stage-corners i:first-child{border-top-width:2px;border-left-width:2px;top:0;left:0}.stage-corners i:nth-child(2){border-top-width:2px;border-right-width:2px;top:0;right:0}.stage-corners i:nth-child(3){border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.stage-corners i:nth-child(4){border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.stage-label{z-index:2;color:var(--panel-muted);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#060d1bb3;border-radius:4px;align-items:center;gap:.4rem;padding:.15rem .55rem;font-size:.8rem;display:inline-flex;position:absolute;top:10px;left:12px}.stage-label i{background:#3ddc84;border-radius:50%;width:7px;height:7px}.stage-disc .mascot{margin-bottom:-6%;width:78%!important}.stage-disc .mascot svg{width:100%;height:auto}.mascot3d{cursor:pointer;place-items:end center;display:grid;position:absolute;inset:0}.mascot3d>.mascot{margin-bottom:-6%;width:78%!important}.mascot3d>.mascot svg{width:100%;height:auto}.mascot3d-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.bubble{z-index:2;border-radius:var(--radius) var(--radius) var(--radius) 2px;background:var(--volt);color:var(--on-volt);white-space:nowrap;box-shadow:var(--shadow-md);padding:.45rem .9rem;font-size:.92rem;font-weight:600;position:absolute;top:10%;right:-6%}.readouts{border-top:1px solid var(--panel-line);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));margin-top:3rem;display:grid}.readouts>div{gap:.15rem;min-width:0;padding:1.1rem 1.25rem 1.3rem 0;display:grid}.readouts dt{color:var(--panel-muted);font-size:.85rem}.readouts dd{color:var(--panel-ink);margin:0;font-weight:600;line-height:1.45}@media (min-width:900px){.hero{padding-top:4rem}.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:4rem}.readouts>div+div{border-left:1px solid var(--panel-line);padding-left:1.25rem}}@media (max-width:520px){.stage{width:min(86%,19rem)}.bubble{font-size:.85rem;right:-4%}}.rise{animation:rise .6s var(--ease) both}.rise-1{animation-delay:80ms}.rise-2{animation-delay:.16s}.rise-3{animation-delay:.24s}.rise-4{animation-delay:.32s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 7px #f5b80000}}.js .reveal{opacity:0;transition:opacity .55s var(--ease), transform .55s var(--ease);transform:translateY(16px)}.js .reveal.in{opacity:1;transform:none}main{min-height:60vh}.section{padding-block:4.5rem 0;scroll-margin-top:4.5rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 2rem;margin-bottom:1.75rem;display:flex}.section-head h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem)}.section-head p{color:var(--muted);max-width:40rem;margin-top:.35rem}.kicker{color:var(--faint);font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:.6rem;margin-bottom:.4rem;font-size:.95rem;font-weight:600;display:flex}.kicker:before{content:"";background:var(--volt);width:1.4rem;height:3px}.page-head{max-width:48rem;padding-block:3.5rem 2rem}.page-head h1{font-size:clamp(2.1rem,1.5rem + 2.6vw,3.2rem)}.page-head p{color:var(--muted);margin-top:.9rem;font-size:1.1rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s;position:relative}a.card,.card.hoverable{color:inherit}.card.hoverable:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--line) 50%, var(--volt) 50%);transform:translateY(-3px)}.grid{gap:1.25rem;display:grid}@media (min-width:720px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-3{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}.project-card{--cat:var(--cat-web);flex-direction:column;display:flex;overflow:hidden}.project-card:before{content:"";z-index:1;background:var(--cat);width:100%;height:3px;position:absolute;top:0;left:0}.project-card .cover{aspect-ratio:16/10;background:var(--surface-2);border-bottom:1px solid var(--line);overflow:hidden}.project-card .cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.project-card:hover .cover img{transform:scale(1.03)}.cover-placeholder{width:100%;height:100%;color:var(--cat,var(--faint));background-color:color-mix(in srgb, var(--cat,var(--faint)) 9%, var(--surface-2));background-image:linear-gradient(var(--dot) 1px, transparent 1px), linear-gradient(90deg, var(--dot) 1px, transparent 1px);background-size:20px 20px;place-items:center;display:grid}.cover-placeholder svg{opacity:.8}.project-card .body{flex-direction:column;flex:1;gap:.45rem;padding:1.15rem 1.25rem 1.3rem;display:flex}.project-card h3{font-size:1.2rem;line-height:1.4}.project-card h3 a{color:inherit;text-decoration:none}.project-card h3 a:after{content:"";border-radius:inherit;z-index:2;position:absolute;inset:0}.project-card h3 a:focus-visible{outline:none}.project-card:has(h3 a:focus-visible){outline:2px solid var(--volt);outline-offset:3px}.project-card .summary{color:var(--muted);font-size:.98rem}.project-card .role{color:var(--muted);font-size:.92rem}.project-card .role b{color:var(--ink);font-weight:600}.project-card .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:.6rem;display:flex}.cat-label{color:var(--cat);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.cat-label:before{content:"";background:var(--cat);border-radius:2px;width:8px;height:8px}.c-cctv{--cat:var(--cat-cctv)}.c-elec{--cat:var(--cat-elec)}.c-hw{--cat:var(--cat-hw)}.c-lead{--cat:var(--cat-lead)}.c-eng{--cat:var(--cat-eng)}.c-award{--cat:var(--cat-award)}.c-web{--cat:var(--cat-web)}.meta{color:var(--faint);flex-wrap:wrap;align-items:center;gap:.3rem .85rem;font-size:.88rem;display:flex}.tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tag{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:.08rem .6rem;font-size:.82rem;display:inline-flex}.chip{color:var(--muted);white-space:nowrap;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:inline-flex}.chip:before{content:"";background:var(--faint);border-radius:50%;width:8px;height:8px}.chip-ready:before,.chip-done:before{background:var(--ok)}.chip-dev:before,.chip-active:before{background:var(--warn)}.chip-maintenance:before,.chip-paused:before{background:var(--danger)}.chip-draft:before{background:var(--faint)}.about-grid-home{gap:2rem;display:grid}.about-grid-home .lead{color:var(--body-strong);font-size:clamp(1.1rem,1rem + .5vw,1.3rem);line-height:1.8}.goals{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.goals li{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--volt);border-radius:var(--radius);grid-template-columns:auto 1fr;gap:.2rem 1rem;padding:1rem 1.2rem;display:grid}.goals b{font-family:var(--font-display);letter-spacing:.01em;font-size:1.15rem}.goals span{color:var(--muted);grid-column:1/-1;font-size:.97rem}@media (min-width:900px){.about-grid-home{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:3.5rem}}.comp-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.comp{flex-direction:column;display:flex;overflow:hidden}.comp-head{background:var(--panel);color:var(--panel-ink);align-items:center;gap:.75rem;padding:.9rem 1.1rem;display:flex}.comp-head h3{color:var(--panel-ink);font-family:var(--font-display);letter-spacing:.01em;font-size:1.15rem}.comp-icon{background:var(--panel-3);width:36px;height:36px;color:var(--volt);border-radius:6px;flex:none;place-items:center;display:grid}.comp ul{gap:.45rem;margin:0;padding:.9rem 1.1rem 1.1rem;list-style:none;display:grid}.comp li{color:var(--body-strong);align-items:baseline;gap:.6rem;font-size:.98rem;line-height:1.5;display:flex}.comp li:before{content:"";background:var(--volt);flex:none;width:6px;height:6px;transform:translateY(-2px)}.filters{gap:1rem;margin-bottom:1.75rem;display:grid}.search{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%238a91a3' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 1rem center;width:100%;min-height:48px;font:inherit;color:var(--ink);padding:.6rem 1rem .6rem 2.75rem}.search:focus{outline:2px solid var(--volt);outline-offset:1px}.pills{flex-wrap:wrap;gap:.5rem;display:flex}.pill{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--muted);font:inherit;cursor:pointer;align-items:center;gap:.45rem;padding:.3rem .95rem;font-size:.95rem;font-weight:500;transition:all .15s;display:inline-flex}.pill:hover{color:var(--ink);border-color:var(--faint)}.pill[aria-pressed=true]{background:var(--panel);border-color:var(--panel);color:var(--panel-ink)}.pill[aria-pressed=true]:after{content:"";background:var(--volt);border-radius:50%;width:6px;height:6px}.pill[class*=\ c-]:before{content:"";background:var(--cat);border-radius:2px;width:8px;height:8px}.pill .n{color:var(--faint);font-size:.85rem}.pill[aria-pressed=true] .n{color:var(--panel-muted)}@media (min-width:760px){.filters.has-search{grid-template-columns:minmax(16rem,22rem) 1fr;align-items:center}}.masonry{columns:3 15rem;column-gap:1rem}.masonry figure{break-inside:avoid;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);margin:0 0 1rem;position:relative;overflow:hidden}.masonry button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.masonry img{width:100%;height:auto;transition:transform .4s var(--ease)}.masonry figure:hover img{transform:scale(1.03)}.masonry figcaption{color:#eef3fb;pointer-events:none;background:linear-gradient(#0000,#060d1bd9);padding:1.6rem .75rem .55rem;font-size:.85rem;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.masonry figcaption span{color:var(--volt);font-size:.75rem;font-weight:600;display:block}.award-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.award-list li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:.85rem;padding:.95rem 1.1rem;display:flex}.award-list b{font-weight:600;line-height:1.5;display:block}.award-list small{color:var(--muted);margin-top:.15rem;font-size:.88rem;display:block}.hl-icon{background:var(--warm);width:36px;height:36px;color:var(--cat-award);border-radius:6px;flex:none;place-items:center;display:grid}.learning-card{flex-direction:column;gap:.7rem;padding:1.4rem;display:flex;overflow:hidden}.learning-card:before{content:"";background:var(--tint,var(--accent-line));height:3px;position:absolute;inset:0 0 auto}.learning-card .top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.learning-card .code{background:var(--panel);color:var(--panel-ink);font-family:var(--font-display);letter-spacing:.04em;border-radius:4px;padding:.1rem .55rem;font-size:.95rem;font-weight:700;display:inline-flex}.learning-card h3{font-size:1.2rem}.learning-card .desc{color:var(--muted);font-size:.98rem}.learning-card .who{color:var(--body-strong);background:var(--surface-2);border-radius:var(--radius);padding:.6rem .8rem;font-size:.92rem}.learning-card .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.4rem;display:flex}.tint-ee{--tint:var(--accent-line)}.tint-basic{--tint:var(--cat-hw)}.tint-other{--tint:var(--volt)}.no-link{color:var(--faint);font-size:.92rem}.entry-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem;display:grid}.entry{align-items:center;gap:1rem;padding:1.15rem 1.3rem;text-decoration:none;display:flex}.entry>span:nth-child(2){flex:1;min-width:0}.entry b{color:var(--ink);font-size:1.08rem;display:block}.entry small{color:var(--muted);font-size:.92rem;display:block}.entry svg:last-child{color:var(--link);transition:transform .18s var(--ease)}.entry:hover svg:last-child{transform:translate(3px)}.entry-icon{border-radius:var(--radius);background:var(--panel);width:48px;height:48px;color:var(--volt);flex:none;place-items:center;display:grid}.tool-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tool-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.4rem 1rem;padding:1.1rem 1.25rem;display:grid}.tool-icon{border-radius:var(--radius);background:var(--panel);width:52px;height:52px;color:var(--volt);place-items:center;display:grid;overflow:hidden}.tool-icon img{object-fit:cover;width:100%;height:100%}.tool-row h3{font-size:1.1rem}.tool-row .desc{color:var(--muted);font-size:.97rem}.tool-row details{color:var(--muted);margin-top:.3rem;font-size:.93rem}.tool-row summary{cursor:pointer;color:var(--link);font-weight:600}.tool-row .side{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (min-width:760px){.tool-row{grid-template-columns:auto minmax(0,1fr) auto}.tool-row .side{grid-column:auto;justify-content:flex-end}}.contact-band{border-radius:var(--radius-lg);background:var(--panel);color:var(--panel-ink);border:1px solid var(--panel-line);gap:1.5rem;margin-top:4.5rem;padding:2.25rem 1.5rem;display:grid;position:relative;overflow:hidden}.contact-band:before{content:"";pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0}.contact-band>*{position:relative}.contact-band h2{color:var(--volt);font-size:clamp(1.6rem,1.2rem + 1.5vw,2.2rem)}.contact-band .sub{color:var(--panel-muted);max-width:30rem;margin-top:.4rem}.contact-rows{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.contact-rows li{border:1px solid var(--panel-line);border-radius:var(--radius);background:var(--panel-2);flex-wrap:wrap;align-items:center;gap:.5rem .9rem;padding:.7rem .9rem;display:flex}.contact-rows .lbl{color:var(--panel-muted);min-width:5.5rem;font-size:.85rem}.contact-rows a{color:var(--panel-ink);overflow-wrap:anywhere;font-weight:600;text-decoration:none}.contact-rows a:hover{color:var(--volt);text-decoration:underline}.copy-btn{border:1px solid var(--panel-line);min-height:36px;color:var(--panel-muted);font:inherit;cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:.25rem .75rem;font-size:.85rem}.copy-btn:hover{color:var(--volt);border-color:var(--volt)}@media (min-width:860px){.contact-band{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:3rem;padding:3rem}}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:2.75rem 1.5rem}.empty strong{color:var(--ink);margin-bottom:.3rem;display:block}.alert{border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);padding:.9rem 1.1rem}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--surface-2), var(--surface), var(--surface-2));background-size:200% 100%;min-height:220px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.avatar{border-radius:var(--radius-lg);background:var(--panel-2);border:1px solid var(--line);place-items:end center;width:168px;height:168px;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.timeline{border-left:2px solid var(--line);margin:0;padding:0;list-style:none}.timeline li{padding:0 0 1.5rem 1.4rem;position:relative}.timeline li:before{content:"";background:var(--bg);border:3px solid var(--volt);width:12px;height:12px;position:absolute;top:.55rem;left:-7px}.timeline .period{color:var(--faint);font-size:.92rem}.prose{max-width:46rem}.prose h2{border-left:3px solid var(--volt);margin:2.25rem 0 .7rem;padding-left:.75rem;font-size:1.3rem}.prose p{color:var(--muted)}.detail-cover{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-2);margin-block:.5rem 2.5rem;overflow:hidden}.gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.gallery figure{margin:0}.gallery img{border-radius:var(--radius);border:1px solid var(--line)}.gallery figcaption{color:var(--faint);margin-top:.4rem;font-size:.88rem}.facts{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--volt);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem 1.5rem;max-width:46rem;padding:1.1rem 1.25rem;display:grid}.facts dt{color:var(--faint);font-size:.85rem}.facts dd{margin:0;font-weight:600}.site-footer{background:var(--panel);color:var(--panel-muted);border-top:2px solid var(--volt);margin-top:5rem;padding-block:2.5rem 7rem;font-size:.97rem}.footer-grid{gap:2rem;display:grid}@media (min-width:760px){.footer-grid{grid-template-columns:1.6fr 1fr 1fr}}.site-footer h2{color:var(--panel-muted);margin-bottom:.6rem;font-size:.95rem;font-weight:500}.site-footer ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--panel-ink);text-decoration:none}.site-footer a:hover{color:var(--volt);text-decoration:underline}.site-footer .foot-brand{font-family:var(--font-display);color:var(--panel-ink);letter-spacing:.02em;font-size:1.2rem;font-weight:700}.link-btn{font:inherit;color:var(--link);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.site-footer .link-btn{color:var(--panel-ink)}.mascot svg{display:block;overflow:visible}.mascot .arm-r{transform-box:view-box;transform-origin:164px 196px;transition:transform .35s var(--ease)}.mascot[data-state=wave] .arm-r{animation:.5s ease-in-out 5 alternate wave;transform:rotate(-150deg)}.mascot[data-state=point] .arm-r{transform:rotate(-115deg)}.mascot[data-state=happy] .arm-r{transform:rotate(-160deg)}.mascot[data-state=happy] .bot{animation:.45s ease-out 2 hop}.mascot .eye-happy{display:none}.mascot[data-state=happy] .eye-happy,.mascot[data-state=wave] .eye-happy{display:block}.mascot[data-state=happy] .eye-open,.mascot[data-state=wave] .eye-open{display:none}.mascot[data-still=true] *{transition:none!important;animation:none!important}@keyframes wave{0%{transform:rotate(-165deg)}to{transform:rotate(-130deg)}}@keyframes hop{50%{transform:translateY(-8px)}}.helper{z-index:50;flex-direction:column;align-items:flex-end;gap:.6rem;display:flex;position:fixed;bottom:1rem;right:1rem}.helper-btn{border:2px solid var(--volt);background:var(--panel-2);width:60px;height:60px;box-shadow:var(--shadow-md);cursor:pointer;border-radius:50%;place-items:end center;padding:0;display:grid;overflow:hidden}.helper-panel{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--volt);border-radius:var(--radius-lg);width:min(20rem,100vw - 2rem);box-shadow:var(--shadow-md);padding:1.1rem}.helper-panel p{color:var(--muted);margin-bottom:.75rem;font-size:.97rem}.helper-links{gap:.4rem;margin-bottom:.75rem;display:grid}.helper-links a{border-radius:var(--radius);background:var(--surface-2);color:var(--ink);padding:.6rem .85rem;font-weight:600;text-decoration:none;display:block}.helper-links a:hover{background:var(--lavender)}.helper-tools{border-top:1px solid var(--line);flex-wrap:wrap;gap:.4rem;padding-top:.75rem;display:flex}@media (max-width:640px){.helper-btn{width:52px;height:52px}}.section-title{margin-bottom:1.25rem;font-size:clamp(1.4rem,1.15rem + 1vw,1.8rem)}.profile-head{align-items:center;gap:1.5rem;padding-block:3rem 1rem;display:grid}@media (min-width:760px){.profile-head{grid-template-columns:auto 1fr;gap:2.25rem}}.profile-head h1{font-size:clamp(1.9rem,1.4rem + 2vw,2.7rem);font-weight:700}.profile-field{color:var(--link);font-weight:600}.profile-bio{color:var(--body-strong);max-width:44rem}.profile-jump{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.profile-jump a{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);align-items:center;padding:.3rem .95rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.profile-jump a:hover{border-color:var(--volt)}.profile-section{padding-top:2.75rem;scroll-margin-top:5rem}.profile-section>h2{margin-bottom:1.1rem;font-size:clamp(1.4rem,1.15rem + 1vw,1.8rem)}.exp-title{margin-bottom:1rem;font-size:1.12rem}.exp-group .timeline h4{margin:0;font-size:1.02rem;font-weight:600;line-height:1.5}.skill-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.skill-list li{gap:.2rem;padding:.9rem 1.1rem;display:grid}.skill-works{color:var(--muted);font-size:.9rem}.tag-lg{padding:.3rem .85rem;font-size:.95rem}.contact-list{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.owner-link{font-size:.88rem;color:var(--panel-muted)!important}.thumb-btn{cursor:zoom-in;border-radius:var(--radius);background:0 0;border:0;width:100%;padding:0;display:block}.thumb-btn img{aspect-ratio:4/3;object-fit:cover;width:100%}dialog.lightbox{border-radius:var(--radius);background:var(--surface);max-width:min(92vw,70rem);max-height:92vh;color:var(--ink);border:0;padding:0;overflow:auto}dialog.lightbox::backdrop{background:#040812d9}dialog.lightbox figure{margin:0}dialog.lightbox img{width:auto;max-height:84vh;margin:0 auto}dialog.lightbox figcaption{color:var(--muted);padding:.75rem 1rem}.lightbox-close{position:absolute;top:.6rem;right:.6rem}.exp-groups{gap:1.25rem;display:grid}@media (min-width:900px){.exp-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.exp-group{padding:1.5rem 1.5rem .5rem}.exp-group h2{margin-bottom:1.1rem;font-size:1.2rem}.exp-group .timeline h3{font-size:1.02rem;font-weight:600;line-height:1.5}.exp-group .period{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.exp-group .org{color:var(--muted);font-size:.95rem}.exp-group .timeline p{color:var(--muted);margin-top:.3rem;font-size:.95rem}.stage-tag{color:var(--link);font-weight:600}.resume{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--volt);border-radius:var(--radius-lg);max-width:52rem;margin:2.5rem auto 0;padding:2.5rem}.resume header{border-bottom:1px solid var(--line);gap:.3rem;padding-bottom:1.1rem;display:grid}.resume h1{font-size:1.9rem}.resume .role-line{font-family:var(--font-display);color:var(--link);letter-spacing:.01em;font-size:1.1rem;font-weight:600}.resume .contact-line{color:var(--muted);flex-wrap:wrap;gap:.25rem 1.2rem;font-size:.95rem;display:flex}.resume section{padding-top:1.1rem}.resume h2{text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;font-family:var(--font-display);color:var(--ink);align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.resume h2:after{content:"";background:var(--line);flex:1;height:1px}.resume ul{gap:.2rem;margin:0;padding-left:1.1rem;display:grid}.resume .row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.resume .row b{flex:auto;min-width:0}.resume .row span{color:var(--faint);flex:none;font-size:.92rem}.resume .skills-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.4rem 1.5rem;display:grid}.resume .skills-grid b{font-size:.95rem;display:block}.resume .skills-grid p{color:var(--muted);font-size:.93rem;line-height:1.55}.resume-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;max-width:52rem;margin:1rem auto 0;display:flex}@media (max-width:640px){.resume{padding:1.4rem}}@media print{@page{size:A4;margin:12mm}html,body{font-size:10.5pt;line-height:1.5;background:#fff!important}.site-header,.site-footer,.helper,.resume-actions,.skip{display:none!important}.resume{border:0;max-width:none;margin:0;padding:0}}.notfound{text-align:center;justify-items:center;gap:1rem;padding-block:4rem;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.js .reveal{opacity:1;transform:none}}.social{flex-wrap:wrap;gap:.5rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex}.social a{border:1px solid var(--panel-line);width:40px;height:40px;color:var(--panel-ink);background:var(--panel-2);border-radius:50%;place-items:center;transition:color .15s,border-color .15s,transform .15s;display:grid}.social a:hover{color:var(--volt);border-color:var(--volt);transform:translateY(-2px)}.dl-row{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.contact-rows .ci{background:var(--panel-3);width:34px;height:34px;color:var(--volt);border-radius:8px;flex:none;place-items:center;display:grid}.foot-about{max-width:30rem;line-height:1.7}.foot-contact{align-items:center;gap:.45rem;display:inline-flex}.jobs{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.jobs li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:.2rem;padding:1.1rem 1.2rem 1.15rem 1.35rem;display:grid;position:relative}.jobs li:before{content:"";background:var(--volt);border-radius:2px;width:3px;position:absolute;top:.9rem;bottom:.9rem;left:0}.job-org{font-family:var(--font-display);color:var(--ink);letter-spacing:.01em;font-size:1.15rem;font-weight:700}.job-role{color:var(--body-strong);font-weight:600}.job-period{color:var(--faint);font-size:.9rem}.jobs p{color:var(--muted);margin-top:.25rem;font-size:.95rem}.road-map{--map-bg:#eef6e4;--map-dot:#46783c1f;--road:#4a5a7a;--road-edge:#d9cba7;--road-line:#fff7d6;--leaf:#7cc47a;--leaf2:#5aa95c;--trunk:#8a6a4f;--wall:#fff4e2;--roof:#ef8f6c;--door:#8a6a4f;--cloud:#fff;--pond:#bfe3f5;--card:#fff;--card-ink:#1f2a37;--card-muted:#5d6b7c;background-color:var(--map-bg);background-image:radial-gradient(var(--map-dot) 1.5px, transparent 1.6px);background-size:22px 22px;border-block:2px dashed #46783c40;margin-top:.5rem;padding-block:2.5rem 4rem}:root[data-theme=dark] .road-map{--map-bg:#13241c;--map-dot:#96dca014;--road:#2b3954;--road-edge:#4b4434;--road-line:#f5d76e;--leaf:#3f8f52;--leaf2:#2f7542;--trunk:#6a5240;--wall:#e9dcc5;--roof:#c86c4f;--door:#6a5240;--cloud:#c9d6e8;--pond:#2d5f78;--card:#18263a;--card-ink:#e7edf6;--card-muted:#a6b3c6}.road-inner{gap:1.5rem;display:grid;position:relative}.road-svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.road-edge{fill:none;stroke:var(--road-edge);stroke-width:34px;stroke-linecap:round}.road-base{fill:none;stroke:var(--road);stroke-width:24px;stroke-linecap:round}.road-line{fill:none;stroke:var(--road-line);stroke-width:3px;stroke-dasharray:12 12;stroke-linecap:round}.sc-leaf{fill:var(--leaf)}.sc-leaf2{fill:var(--leaf2)}.sc-trunk{fill:var(--trunk)}.sc-wall{fill:var(--wall)}.sc-roof{fill:var(--roof)}.sc-door{fill:var(--door)}.sc-cloud ellipse{fill:var(--cloud);opacity:.9}.sc-pond{fill:var(--pond)}.road-row{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:1rem;display:grid;position:relative}.road-pin{z-index:1;background:var(--volt);color:#111823;border:4px solid #fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:1.05rem;font-weight:800;display:grid;position:relative;box-shadow:0 6px 16px -6px #00000059}.road-row.left .road-pin{transform:translate(-6px)}.road-row.right .road-pin{transform:translate(10px)}.start-pin{background:#fff;place-items:end center;overflow:hidden}.road-buddy{display:block;transform:translateY(12px)}.finish-pin{background:#fff}.road-flag,.road-now{z-index:1;background:var(--card);color:var(--card-ink);border-radius:14px;align-self:center;gap:.15rem;padding:.6rem 1rem;font-weight:700;display:inline-grid;position:relative;box-shadow:0 8px 20px -12px #00000059}.road-now span{color:var(--card-muted);font-size:.95rem;font-weight:500}.road-side{align-self:center}.road-cards{z-index:1;gap:.6rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.road-card{background:var(--card);color:var(--card-ink);border:2px solid #0000;border-radius:16px;align-items:flex-start;gap:.75rem;padding:.75rem .9rem;display:flex;box-shadow:0 8px 22px -14px #00000073}.road-card img{object-fit:cover;border-radius:12px;flex:none;width:64px;height:64px}.road-card>div{gap:.1rem;min-width:0;display:grid}.road-card b,.road-card a{color:var(--card-ink);font-weight:600;line-height:1.45;text-decoration:none}.road-card a:hover{text-decoration:underline}.road-card small{color:var(--card-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.rc-kind{color:var(--k,#4b5767);align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;display:inline-flex}.k-project{--k:#2f6fe0;border-color:#2f6fe040}.k-award{--k:#c2410c;border-color:#c2410c40}.k-role{--k:#8a4fd6;border-color:#8a4fd640}.k-work{--k:#b7791f;border-color:#b7791f4d}.k-training{--k:#1b8a63;border-color:#1b8a6340}:root[data-theme=dark] .rc-kind{filter:brightness(1.5)}@media (min-width:860px){.road-inner{gap:2rem}.road-row{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr)}.road-row .road-pin{grid-area:1/2;justify-self:center}.road-row.left .road-cards{grid-area:1/1}.road-row.right .road-cards{grid-area:1/3}.road-row.left .road-pin{transform:translate(60px)}.road-row.right .road-pin{transform:translate(-60px)}.road-row.start .road-side,.road-row.finish .road-now{grid-area:1/3;justify-self:start}.road-pin{width:76px;height:76px;font-size:1.15rem}}.full-portfolio .fp-work{border-bottom:1px dashed var(--line);padding-block:1.1rem}.full-portfolio .fp-work:last-child{border-bottom:0}.fp-summary{color:var(--body-strong);margin-top:.3rem}.fp-role{color:var(--muted);margin-top:.35rem;font-size:.95rem}.fp-role b{color:var(--ink)}.fp-sec{margin-top:.5rem}.fp-sec h4{color:var(--ink);margin:0;font-size:.92rem}.fp-sec p{color:var(--muted);font-size:.95rem}.fp-photos{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.7rem;display:grid}.fp-photos.n1{grid-template-columns:minmax(0,.6fr)}.fp-photos.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-photos.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.fp-photos figure{margin:0}.fp-photos img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:6px;width:100%}.fp-photos figcaption{color:var(--faint);margin-top:.2rem;font-size:.75rem;line-height:1.35}@media print{.fp-work{break-inside:avoid}}.helper-btn{position:relative}.helper-dot{border:2px solid var(--panel-2);background:#3ddc84;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;right:4px}.helper-panel.chat{border-top:0;flex-direction:column;width:min(23rem,100vw - 2rem);height:min(34rem,100vh - 7rem);padding:0;display:flex;overflow:hidden}.chat-head{background:var(--panel);color:var(--panel-ink);border-bottom:3px solid var(--volt);align-items:center;gap:.7rem;padding:.75rem .9rem;display:flex}.chat-avatar{background:#fff;border-radius:50%;flex:none;place-items:end center;width:42px;height:42px;display:grid;overflow:hidden}.chat-title{flex:1;min-width:0;line-height:1.3;display:grid}.chat-title b{font-size:1rem}.chat-title small{color:var(--panel-muted);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.chat-title small i{background:#3ddc84;border-radius:50%;width:7px;height:7px}.chat-x{border:1px solid var(--panel-line);width:36px;height:36px;color:var(--panel-ink);cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:grid}.chat-x:hover{color:var(--volt);border-color:var(--volt)}.chat-list{background:var(--bg);overscroll-behavior:contain;flex-direction:column;flex:1;gap:.55rem;padding:.9rem;display:flex;overflow-y:auto}.bubble-a,.bubble-u{overflow-wrap:anywhere;border-radius:16px;max-width:86%;padding:.55rem .8rem;font-size:.95rem;line-height:1.55}.bubble-a{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}.bubble-u{background:var(--primary);color:var(--on-primary);border-bottom-right-radius:4px;align-self:flex-end}.bubble-a p,.bubble-u p{color:inherit;font-size:inherit;margin:0}.bubble-a p+p{margin-top:.3rem}.bubble-a .chat-li{padding-left:.9rem;position:relative}.bubble-a .chat-li:before{content:"";background:var(--volt);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:.1rem}.bubble-a a{color:var(--link);font-weight:600}.bubble-a.err{border-color:var(--danger);color:var(--danger)}.bubble-a.typing{gap:4px;padding:.75rem .9rem;display:flex}.bubble-a.typing span{background:var(--faint);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite blinkdot}.bubble-a.typing span:nth-child(2){animation-delay:.15s}.bubble-a.typing span:nth-child(3){animation-delay:.3s}@keyframes blinkdot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.chat-chips{flex-wrap:wrap;gap:.4rem;margin-top:.2rem;display:flex}.chat-chips button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:.35rem .75rem;font-size:.85rem}.chat-chips button:hover{border-color:var(--volt)}.chat-form{border-top:1px solid var(--line);background:var(--surface);align-items:flex-end;gap:.5rem;padding:.6rem;display:flex}.chat-form textarea{resize:none;border:1px solid var(--line);background:var(--bg);min-height:42px;max-height:120px;color:var(--ink);font:inherit;border-radius:12px;flex:1;padding:.6rem .75rem;font-size:.95rem;line-height:1.4}.chat-form textarea:focus{outline:2px solid var(--volt);outline-offset:0}.chat-send{background:var(--volt);width:42px;height:42px;color:var(--on-volt);cursor:pointer;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.chat-send[disabled]{opacity:.45;cursor:not-allowed}.chat-foot{background:var(--surface);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.4rem .75rem 0;font-size:.82rem;display:flex}.chat-foot nav{gap:.75rem;display:flex}.chat-foot a{color:var(--link);font-weight:600;text-decoration:none}.chat-foot span{gap:.75rem;display:flex}.chat-foot .link-btn{color:var(--muted);font-size:.82rem}.chat-note{background:var(--surface);color:var(--faint);margin:0;padding:.15rem .75rem .55rem;font-size:.72rem}.doc-box{max-width:46rem;margin-top:2.25rem}.doc-box h2{border-left:3px solid var(--volt);margin-bottom:.7rem;padding-left:.75rem;font-size:1.3rem}.doc-box ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.doc-box a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);align-items:center;gap:.6rem;padding:.75rem 1rem;font-weight:600;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.doc-box a:hover{border-color:var(--volt);transform:translateY(-1px)}.doc-box svg{color:var(--cat-award);flex:none}.doc-kind{background:var(--surface-2);color:var(--muted);border-radius:4px;margin-left:auto;padding:.05rem .5rem;font-size:.78rem;font-weight:600}