@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-20C4,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-20C4,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-20C4,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-20C4,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-20C4,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-20C4,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-20C4,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{margin-block:-.1em;padding-block:.1em;display:block;overflow:hidden}.hero h1 .line>span{animation:maskup .9s var(--ease) both;display:inline-block}.hero h1 .line:nth-child(2)>span{animation-delay:.12s}.hero h1 .line:nth-child(3)>span{animation-delay:.24s}@keyframes maskup{0%{transform:translateY(110%)}to{transform:none}}.hero .bubble{animation:.75s cubic-bezier(.34,1.56,.64,1) .7s both pop,4s ease-in-out 1.6s infinite bob}@keyframes pop{0%{opacity:0;transform:scale(.2)rotate(-14deg)}to{opacity:1;transform:none}}@keyframes bob{0%,to{translate:0;rotate:none}50%{translate:0 -5px;rotate:2deg}}.readouts dd .num{font-variant-numeric:tabular-nums}.js .grid>.reveal:nth-child(3n+2),.js .goals>.reveal:nth-child(2),.js .jobs>.reveal:nth-child(2n){transition-delay:80ms}.js .grid>.reveal:nth-child(3n),.js .goals>.reveal:nth-child(3){transition-delay:.16s}.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}.story{height:calc(100svh + (var(--stops,7) * 72svh) + 45svh);background:var(--panel);--hh:56px;position:relative}.story-pin{top:var(--hh);height:calc(100svh - var(--hh));background:#f6d8a0;position:sticky;overflow:hidden}.story-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.story-slot{pointer-events:none;opacity:0;visibility:hidden;will-change:opacity, transform;align-items:flex-end;padding-bottom:2.2rem;display:flex;position:absolute;inset:0}.story-slot>.wrap{display:flex}.story-slot.hero-slot{opacity:1;visibility:visible}.story-card{border-radius:var(--radius-lg);max-width:31rem;color:var(--panel-ink);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1730eb;padding:1.25rem 1.4rem 1.4rem;box-shadow:0 18px 40px -16px #050a1899}.story-card h2{font-family:var(--font-display);color:var(--panel-ink);margin-top:.3rem;font-size:clamp(1.4rem,1.1rem + 1.4vw,2.1rem);line-height:1.2}.story-card>p:not(.kicker){color:var(--panel-muted);margin-top:.6rem;line-height:1.7}.story-card .kicker{color:var(--volt)}.story-no{background:var(--volt);color:var(--on-volt);font-family:var(--font-display);border-radius:4px;margin-right:.35rem;padding:.05rem .45rem;font-size:.8rem;font-weight:700;display:inline-block}.story-formula{border:1px dashed var(--volt);color:var(--volt);border-radius:6px;margin-top:.6rem;padding:.2rem .7rem;font-family:ui-monospace,monospace;display:inline-block}.story-chips{gap:.4rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.story-chips li{border-left:3px solid var(--volt);color:var(--panel-ink);background:#ffffff0f;padding:.35rem .7rem;font-size:.88rem;line-height:1.45}.story .story-card.hero{isolation:auto;max-width:36rem;padding:1.5rem 1.6rem;overflow:visible}.story .story-card.hero:before,.story .story-card.hero:after{display:none}@media (min-width:900px){.story .story-card.hero{padding-top:1.7rem}.story-slot.hero-slot{align-items:center;padding-bottom:0}.story-card{margin-left:0}}@media (max-width:899px){.story-slot{padding-bottom:1rem}.story-card,.story .story-card.hero{max-width:none;padding:1rem 1.1rem}.story .story-card.hero .hero-text{display:none}.story .story-card.hero h1{font-size:clamp(1.6rem,7vw,2.2rem)}}.story-progress{background:#ffffff40;height:4px;position:absolute;bottom:0;left:0;right:0}.story-progress span{background:var(--volt);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.story-skip{z-index:3;color:var(--panel-ink);border:1px solid var(--panel-line);background:#0c1730cc;border-radius:999px;padding:.3rem .8rem;font-size:.85rem;position:absolute;top:.8rem;right:1rem}.story-skip:hover{border-color:var(--volt);color:var(--volt)}.sheet{z-index:5;margin-top:-45svh;position:relative}.sheet-top{border-radius:28px 28px 0 0;padding:1.4rem 0 1.6rem;overflow:visible;box-shadow:0 -22px 50px -10px #050a1873}.sheet-top.hero:before,.sheet-top.hero:after{display:none}.sheet-top .readouts{border-top:0;margin-top:0}.sheet-body{background:var(--bg);padding-bottom:1px}.story-static{padding-top:3rem}.story-list{counter-reset:none;gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.story-list li{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--volt);border-radius:var(--radius-lg);grid-template-columns:auto 1fr;gap:1rem;padding:1.2rem 1.3rem;display:grid}.story-list .story-no{align-self:start;margin:0}.story-list h3{margin:.1rem 0 .3rem}.story-list .story-chips li{border:0;border-left:3px solid var(--volt);background:var(--lavender);color:var(--ink);border-radius:0;padding:.35rem .7rem;display:block}html:not(.js) .story-list{display:grid}.sheet-body.round{border-radius:28px 28px 0 0;box-shadow:0 -22px 50px -10px #050a1873}.dots{background:var(--panel);--hh:56px;height:500svh;position:relative}.dots-pin{top:var(--hh);height:calc(100svh - var(--hh));position:sticky;overflow:hidden}.dots-canvas{width:100%;height:100%;font-family:var(--font-display);display:block;position:absolute;inset:0}.dots-layer{pointer-events:none;will-change:opacity, transform;color:var(--panel-ink);padding-inline:1rem;position:absolute;left:0;right:0}.dots-layer .kicker{color:var(--volt)}.dots-first{text-align:center;bottom:2.2rem}.dots-hint{color:var(--panel-muted);margin-top:.4rem;font-size:.95rem}.dots-hint:after{content:" ↓";animation:1.4s ease-in-out infinite hop;display:inline-block}.dots-cap{text-align:center;bottom:2.4rem}.dots-cap h2{font-family:var(--font-display);color:var(--panel-ink);font-size:clamp(1.5rem,1rem + 2.4vw,2.6rem)}.dots-name{text-align:center;color:var(--panel-ink);font-size:1.15rem;bottom:2.4rem}.dots-sheet{max-width:min(40rem,52vw);color:var(--primary);flex-direction:column;justify-content:center;padding-left:max(1.25rem,6vw);display:flex;top:0;bottom:0}.dots-sheet .kicker{color:#13254bb3}.dots-sheet h2{font-family:var(--font-display);color:var(--primary);margin-top:.3rem;font-size:clamp(1.7rem,1.1rem + 2.6vw,3rem);line-height:1.1}.dots-stats{grid-template-columns:repeat(3,auto);justify-content:start;gap:1rem 2rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.dots-stats b{color:var(--primary);font-size:clamp(2.2rem,1.4rem + 3.4vw,4.2rem);line-height:1;display:block}.dots-stats li>span{color:#13254bc7;margin-top:.3rem;font-size:.95rem;font-weight:600;display:block}@media (max-width:719px){.dots-sheet{justify-content:flex-start;max-width:none;padding:1.4rem 1.25rem 0;top:0;bottom:auto}.dots-stats{gap:.8rem 1.2rem;margin-top:1rem}}.dots-static{background:var(--panel);color:var(--panel-ink);margin-top:2rem;padding-block:3rem}.dots-static .section-title{color:var(--panel-ink)}.dots-static .dots-stats b,.dots-static .dots-stats li>span{color:var(--volt)}.dots-static .dots-stats li>span{color:var(--panel-muted)}.showcase{background:var(--panel);color:var(--panel-ink);border-radius:0 0 28px 28px;padding:3.5rem 0 4rem}.showcase .section-head{margin-bottom:1.2rem}.showcase h2{color:var(--panel-ink);font-family:var(--font-display);font-size:clamp(1.8rem,1.2rem + 2.4vw,3rem)}.showcase .kicker,.showcase .more-link{color:var(--volt)}.showcase-rail{position:relative}.showcase-slides{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;margin:0;padding:1rem calc(50% - min(39vw,450px));list-style:none;display:flex;overflow-x:auto}.showcase-slides::-webkit-scrollbar{display:none}.showcase-slide{scroll-snap-align:center;transform:scale(calc(1 - var(--d,0) * .12));opacity:calc(1 - var(--d,0) * .5);transition:transform .25s var(--ease), opacity .25s;flex:0 0 min(78vw,900px)}.showcase-card{aspect-ratio:16/9;color:#fff;background:#0a1428;border-radius:18px;display:block;position:relative;overflow:hidden;box-shadow:0 20px 40px -20px #000000b3}.showcase-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.showcase-card:hover img{transform:scale(1.04)}.showcase-shade{background:linear-gradient(#080f20b8 0%,#080f2000 42%,#080f20c7 100%);position:absolute;inset:0}.showcase-title{font-family:var(--font-display);text-shadow:0 2px 12px #0000008c;font-size:clamp(1.05rem,.7rem + 1.8vw,2rem);font-weight:600;line-height:1.2;position:absolute;top:clamp(.8rem,2.4vw,1.6rem);left:clamp(.9rem,3vw,2rem);right:25%}.showcase-foot{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;display:flex;position:absolute;bottom:clamp(.8rem,2.4vw,1.5rem);left:clamp(.9rem,3vw,2rem);right:1rem}.showcase-btn{color:var(--primary);background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.92rem;font-weight:600;display:inline-flex}.showcase-meta{color:#ffffffe0;font-size:.92rem}.showcase-nav{z-index:2;width:44px;height:44px;color:var(--panel-ink);border:1px solid var(--panel-line);cursor:pointer;background:#0c1730d1;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.showcase-nav:hover{border-color:var(--volt);color:var(--volt)}.showcase-nav.prev{left:max(.6rem,50% - min(39vw,450px) - 3.4rem)}.showcase-nav.next{right:max(.6rem,50% - min(39vw,450px) - 3.4rem)}@media (max-width:640px){.showcase-slide{flex-basis:86vw}.showcase-slides{padding-inline:calc(50% - 43vw)}.showcase-title{right:6%}.showcase-nav{display:none}}.section-head h2{font-family:var(--font-display);letter-spacing:.005em;font-size:clamp(1.9rem,1.2rem + 2.6vw,3.2rem);line-height:1.08}.jobs{padding-left:2.1rem;display:block;position:relative}.jobs:before{content:"";background:linear-gradient(var(--volt), var(--line));border-radius:2px;width:3px;position:absolute;top:.5rem;bottom:.5rem;left:.5rem}.jobs li{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 0 2rem}.jobs li:before{background:var(--volt);width:16px;height:16px;box-shadow:0 0 0 5px var(--bg);border-radius:50%;top:.45rem;bottom:auto;left:-2.1rem}.job-org{font-size:clamp(1.3rem,1rem + 1.2vw,1.9rem);line-height:1.15}.job-role{font-size:1.05rem}#awards{background:var(--panel);color:var(--panel-ink);border-radius:28px;margin-top:4.5rem;padding:3.5rem 0 3.8rem}#awards .section-head h2,#awards .kicker{color:var(--panel-ink)}#awards .kicker,#awards .more-link{color:var(--volt)}#awards .award-list li{border-color:var(--panel-line);background:#ffffff0d}#awards .award-list b{color:var(--panel-ink)}#awards .award-list small{color:var(--panel-muted)}#awards .hl-icon{background:var(--volt);width:44px;height:44px;color:var(--on-volt);border-radius:50%}.dots-me{flex-direction:column;justify-content:center;max-width:min(34rem,50vw);padding-left:max(1.25rem,6vw);display:flex;top:0;bottom:0}.dots-me h2{font-family:var(--font-display);color:var(--panel-ink);margin-top:.3rem;font-size:clamp(1.8rem,1.1rem + 2.8vw,3.2rem);line-height:1.1}.dots-tag{color:var(--panel-ink);opacity:.92;margin-top:.5rem;font-size:clamp(1.05rem,.9rem + .6vw,1.35rem);line-height:1.5}.dots-me .dots-stats b{color:var(--volt)}.dots-me .dots-stats li>span{color:var(--panel-muted)}@media (max-width:719px){.dots-me{justify-content:flex-end;max-width:none;padding:0 1.25rem;top:auto;bottom:1.2rem}.dots-me h2{font-size:1.6rem}.dots-stats{gap:.6rem 1.2rem;margin-top:.8rem}.dots-stats b{font-size:1.8rem}}.dots-static-in{align-items:center;gap:1.5rem;display:grid}.dots-static-in img{border-radius:var(--radius-lg);width:min(100%,16rem);height:auto}@media (min-width:720px){.dots-static-in{grid-template-columns:auto 1fr}}.js .reveal-text{clip-path:inset(0 0 100%);transition:clip-path .9s var(--ease), transform .9s var(--ease);transform:translateY(.5em)}.js .reveal-text.in{clip-path:inset(-.2em 0);transform:none}.marquee{gap:.8rem;margin:0 calc(50% - 50vw) 1.4rem;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-row{overflow:hidden}.marquee-track{gap:.8rem;width:max-content;animation:70s linear infinite marquee;display:flex}.marquee-row.rev .marquee-track{animation-duration:85s;animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}.marquee img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-lg);flex:none;width:auto;height:clamp(8rem,18vw,12.5rem)}@keyframes marquee{to{transform:translate(-50%)}}.story-pin:after{content:"";pointer-events:none;background:linear-gradient(#ffffff29,#0000 38%),radial-gradient(120% 80% at 50% 120%,#080e1e59,#0000 60%);position:absolute;inset:0}.story-slot{z-index:2}.story-card{border-radius:20px}.visit-count{opacity:.75;font-size:.82rem}.visit-count b{font-weight:600}.branches{background:var(--panel);color:var(--panel-ink);border-radius:0 0 28px 28px;padding:3.5rem 0 3rem}.branches .section-head{margin-bottom:1rem}.branches h2{color:var(--panel-ink)}.branches .kicker{color:var(--volt)}.branch-rail{position:relative}.branch-slides{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;margin:0;padding:.8rem calc(50% - min(39vw,460px));list-style:none;display:flex;overflow-x:auto}.branch-slides::-webkit-scrollbar{display:none}.branch-slide{scroll-snap-align:center;transform:scale(calc(1 - var(--d,0) * .1));opacity:calc(1 - var(--d,0) * .55);transition:transform .25s var(--ease), opacity .25s;flex:0 0 min(78vw,920px)}.branch-card{aspect-ratio:16/8.2;color:#fff;background:radial-gradient(circle at 70% 30%,#1f3a6e,#0a1428 70%);border-radius:20px;display:block;position:relative;overflow:hidden;box-shadow:0 22px 44px -22px #000000bf}.branch-card img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease);position:absolute;inset:0}.branch-card:hover img{transform:scale(1.05)}.branch-art{place-items:center end;padding-right:8%;display:grid;position:absolute;inset:0}.branch-art svg{width:46%;height:100%}.branch-shade{background:linear-gradient(90deg,#080f20db 0%,#080f2073 45%,#080f200d 75%),linear-gradient(#0000 55%,#080f2099);position:absolute;inset:0}.branch-title{font-family:var(--font-display);letter-spacing:.01em;text-shadow:0 4px 18px #00000073;font-size:clamp(2rem,1rem + 5vw,5rem);font-weight:600;line-height:.95;position:absolute;top:clamp(.8rem,2.6vw,1.8rem);left:clamp(1rem,3.5vw,2.4rem)}.branch-foot{justify-items:start;gap:.5rem;display:grid;position:absolute;bottom:clamp(.9rem,2.6vw,1.7rem);left:clamp(1rem,3.5vw,2.4rem);right:30%}.branch-sub{color:var(--volt);font-size:clamp(1rem,.85rem + .6vw,1.35rem);font-weight:700}.branch-works{color:#ffffffdb;gap:.15rem;font-size:.9rem;display:grid}.branch-works span:before{content:"• ";color:var(--volt)}.branch-btn{color:var(--primary);background:#fff;border-radius:999px;align-items:center;gap:.4rem;margin-top:.3rem;padding:.45rem 1rem;font-size:.92rem;font-weight:600;display:inline-flex}.branch-nav{z-index:2;width:44px;height:44px;color:var(--panel-ink);border:1px solid var(--panel-line);cursor:pointer;background:#0c1730d1;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.branch-nav:hover{border-color:var(--volt);color:var(--volt)}.branch-nav.prev{left:max(.6rem,50% - min(39vw,460px) - 3.4rem)}.branch-nav.next{right:max(.6rem,50% - min(39vw,460px) - 3.4rem)}.branch-tabs{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.6rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.branch-tabs button{text-align:left;border:1px solid var(--panel-line);width:100%;color:var(--panel-muted);cursor:pointer;background:#ffffff0a;border-radius:12px;gap:.1rem;padding:.7rem .9rem;transition:border-color .2s,background .2s,color .2s;display:grid}.branch-tabs b{font-family:var(--font-display);letter-spacing:.02em;color:var(--panel-ink);font-size:1.05rem}.branch-tabs span{font-size:.82rem}.branch-tabs button.on,.branch-tabs button:hover{border-color:var(--volt);background:#f5b8001a}.branch-tabs button.on b{color:var(--volt)}@media (max-width:640px){.branch-slide{flex-basis:88vw}.branch-slides{padding-inline:calc(50% - 44vw)}.branch-card{aspect-ratio:4/4.4}.branch-foot{right:1rem}.branch-nav{display:none}.branch-tabs{grid-template-columns:repeat(2,1fr)}}.dots-hero{padding:0;inset:0}.dots-hero-copy{left:var(--hero-left,1.25rem);top:var(--hero-top,50%);gap:.2rem;max-width:min(38rem,52vw);display:grid;position:absolute}.dots-hero-copy .hero-text{color:var(--panel-muted);margin-top:.4rem;font-size:1.05rem;line-height:1.7}.dots-hero-copy .hero-actions{margin-top:1.2rem}.dots-hero-copy .status{margin-bottom:.3rem}.dots-hero-stage{width:min(23rem,32vw);position:absolute;top:50%;right:max(1.25rem,50% - 37rem);translate:0 -50%}.dots-hero-stage .stage{width:100%}.dots-hero .dots-hint{text-align:center;position:absolute;bottom:1.4rem;left:0;right:0}@media (max-width:719px){.dots-hero-copy{max-width:none;right:1rem}.dots-hero-copy .hero-text,.dots-hero-stage{display:none}}.story-big{z-index:1;font-family:var(--font-display);color:#0000;-webkit-text-stroke:2px #ffffff8c;pointer-events:none;font-size:clamp(6rem,4rem + 10vw,15rem);font-weight:700;line-height:1;position:absolute;top:.4rem;right:max(1rem,5vw)}.story-tags{flex-wrap:wrap;gap:.4rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.story-tags li{color:var(--volt);border:1px solid #f5b8008c;border-radius:999px;padding:.25rem .7rem;font-size:.85rem;font-weight:600}.story-nav{z-index:3;gap:.35rem;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:50%;right:1rem;translate:0 -50%}.story-nav button{cursor:pointer;color:#ffffffd9;text-shadow:0 1px 4px #0009;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:.5rem;width:100%;padding:.15rem 0;font-size:.8rem;display:flex}.story-nav button:after{content:"";background:0 0;border:2px solid;border-radius:50%;width:10px;height:10px;transition:background .2s,transform .2s}.story-nav button span{opacity:0;transition:opacity .2s,transform .2s;transform:translate(6px)}.story-nav button:hover span,.story-nav button.on span{opacity:1;transform:none}.story-nav button.on{color:var(--volt)}.story-nav button.on:after{background:var(--volt);transform:scale(1.25)}.story-avatar{filter:drop-shadow(0 8px 16px #00000073);width:6.5rem;height:auto;margin-bottom:.4rem}@media (max-width:719px){.story-nav{display:none}.story-big{font-size:5.5rem;top:.2rem}.story-avatar{width:4.5rem}}.odm-band{background:var(--panel);color:var(--panel-ink);margin-top:4.5rem;padding:4rem 0 3rem}.odm-band .section-head h2,.odm-band .section-head p{color:var(--panel-ink)}.odm-band .section-head p{opacity:.8}.odm-band .kicker,.odm-band .more-link{color:var(--volt)}.odm-band .pill{border-color:var(--panel-line);color:var(--panel-ink);background:#ffffff0f}.odm-band .pill[aria-pressed=true],.odm-band .pill.on{background:var(--volt);color:var(--on-volt);border-color:var(--volt)}.odm{margin-top:1rem;position:relative}.odm-rail{margin-bottom:.9rem;position:relative}.odm-slides{scroll-snap-type:x mandatory;scrollbar-width:none;gap:.8rem;margin:0;padding:0 calc(50% - min(31vw,450px));list-style:none;display:flex;overflow-x:auto}.odm-slides::-webkit-scrollbar{display:none}.odm-slide{scroll-snap-align:center;transform:scale(calc(1 - var(--d,0) * .04));opacity:calc(1 - var(--d,0) * .35);transition:transform .3s var(--ease), opacity .3s;flex:0 0 min(62vw,900px)}.odm-card{aspect-ratio:16/9;color:#fff;cursor:pointer;text-align:left;width:100%;font:inherit;background:#0a1428;border:0;border-radius:14px;padding:0;display:block;position:relative;overflow:hidden}.odm-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease);position:absolute;inset:0}.odm-card:hover img{transform:scale(1.05)}.odm-tint{background:radial-gradient(circle at 75% 35%,#2a4a86,#0b1630 70%);position:absolute;inset:0}.odm-shade{background:linear-gradient(90deg,#060c1cc7 0%,#060c1c4d 55%,#060c1c00 80%),linear-gradient(#0000 60%,#060c1c8c);transition:opacity .3s;position:absolute;inset:0}.odm-text{gap:.25rem;transition:opacity .3s,transform .3s;display:grid;position:absolute;top:50%;left:6%;right:30%;translate:0 -50%}.odm-kicker{color:var(--volt);font-size:clamp(.72rem,.6rem + .35vw,.9rem);font-weight:600}.odm-title{font-family:var(--font-display);text-shadow:0 2px 12px #00000080;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(1.05rem,.8rem + 1vw,1.7rem);font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.odm-card.big .odm-text{top:1.4rem;left:2.2rem;right:35%;translate:none}.odm-card.big .odm-title{-webkit-line-clamp:3;font-size:clamp(1.6rem,1rem + 2.6vw,3.3rem);line-height:1.05}.odm-card.big .odm-kicker{font-size:1rem}.odm-foot{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex;position:absolute;bottom:1.6rem;left:2.2rem}.odm-pill{color:var(--primary);background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.9rem;font-weight:700;display:inline-flex}.odm-meta{color:#ffffffe6;font-size:.92rem}.odm-hover{opacity:0;transition:opacity .25s;top:50%;bottom:auto;left:50%;translate:-50% -50%}.odm-card:not(.big):hover .odm-hover,.odm-card:not(.big):focus-visible .odm-hover{opacity:1}.odm-card:not(.big):hover .odm-text{opacity:.25}.odm-nav{z-index:2;color:#fff;cursor:pointer;filter:drop-shadow(0 2px 6px #0009);background:0 0;border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:50%;translate:0 -50%}.odm-nav:hover{color:var(--volt)}.odm-nav.prev{left:max(.4rem,50% - min(31vw,450px) - 3.6rem)}.odm-nav.next{right:max(.4rem,50% - min(31vw,450px) - 3.6rem)}.odm-row{padding:.4rem 0;overflow:hidden}.odm-track{width:max-content;animation:odm-drift calc(var(--n,8) * 6s) linear infinite;gap:.8rem;display:flex}.odm-row.rev .odm-track{animation-direction:reverse}.odm-row:hover .odm-track,.odm.paused .odm-track{animation-play-state:paused}.odm-track .odm-card{flex:none;width:clamp(15rem,23vw,22rem)}@keyframes odm-drift{to{transform:translate(-50%)}}.odm-pause{width:38px;height:38px;color:inherit;cursor:pointer;opacity:.8;background:0 0;border:2px solid;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2.9rem;right:1.2rem}.odm-pause:hover{opacity:1;color:var(--volt)}.odm-all{justify-content:center;margin-top:1.4rem;display:flex}.odm-allbtn{border:2px solid var(--panel-ink);color:var(--panel-ink);cursor:pointer;font-weight:700;font:inherit;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-weight:700;display:inline-flex}.odm-allbtn:hover{border-color:var(--volt);color:var(--volt)}.odm-allbtn.light{border-color:var(--ink);color:var(--ink)}#gallery .odm{color:var(--ink)}@media (max-width:640px){.odm-slide{flex-basis:86vw}.odm-slides{padding-inline:calc(50% - 43vw)}.odm-card.big .odm-text{top:1rem;left:1rem;right:1rem}.odm-foot{bottom:1rem;left:1rem}.odm-nav{display:none}.odm-track .odm-card{width:70vw}}.dots-3d{pointer-events:none;opacity:0}.elec-tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.elec-tag{white-space:nowrap;will-change:transform, opacity;gap:.15rem;padding-left:3.2rem;display:grid;position:absolute;top:0;left:0;translate:0 -50%}.elec-tag:before{content:"";background:#e5484d;width:2.8rem;height:2px;position:absolute;top:50%;left:0}.elec-tag:after{content:"";background:#e5484d;border-radius:50%;width:9px;height:9px;position:absolute;top:calc(50% - 4px);left:-4px}.elec-tag b{font-family:var(--font-display);color:#263840;font-size:clamp(1.15rem,.9rem + 1vw,1.9rem);line-height:1.1}.elec-tag span{color:#5b6b78;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:.95rem}@media (max-width:719px){.elec-tag b{font-size:1.05rem}.elec-tag{padding-left:2rem}.elec-tag:before{width:1.6rem}}.dots-flash{pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 30%,#fffbe8,#fffbe899 40%,#fffbe800 80%);position:absolute;inset:0}.learn-hero{background:radial-gradient(120% 90% at 50% 10%, #1b3466, var(--panel) 65%);min-height:calc(100svh - 56px);color:var(--panel-ink);text-align:center;isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.learn-traces{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.lt-base{fill:none;stroke:#9fc0ff47;stroke-width:2px;stroke-dasharray:900;stroke-dashoffset:900px;animation:lt-draw 2.2s var(--ease) forwards}.lt-pulse{fill:none;stroke:var(--volt);stroke-width:3px;stroke-linecap:round;stroke-dasharray:26 900;stroke-dashoffset:26px;opacity:0;filter:drop-shadow(0 0 6px #f5b800e6);animation:3.2s linear infinite lt-flow}@keyframes lt-draw{to{stroke-dashoffset:0}}@keyframes lt-flow{0%{stroke-dashoffset:26px;opacity:1}90%{opacity:1}to{stroke-dashoffset:-880px;opacity:0}}.learn-hero-in{justify-items:center;gap:.6rem;padding-block:3rem;display:grid;position:relative}.learn-mascot{filter:drop-shadow(0 10px 18px #00000059);animation:3.2s ease-in-out infinite bob}.learn-title{font-family:var(--font-display);color:var(--panel-ink);text-shadow:0 0 28px #f5b80040;margin:.4rem 0 0;font-size:clamp(3rem,1.6rem + 7vw,7rem);font-weight:700;line-height:1.05}.learn-title span{opacity:0;animation:.7s cubic-bezier(.34,1.56,.64,1) forwards learn-letter;display:inline-block;transform:translateY(.5em)scale(.8)}.learn-title span:nth-child(odd){color:var(--volt)}@keyframes learn-letter{to{opacity:1;transform:none}}.learn-sub{opacity:0;animation:rise .7s var(--ease) 1.2s forwards;font-size:clamp(1.15rem,.95rem + .9vw,1.6rem);font-weight:700}.learn-intro{max-width:38rem;color:var(--panel-muted);opacity:0;animation:rise .7s var(--ease) 1.4s forwards;line-height:1.75}.learn-enter{opacity:0;animation:rise .7s var(--ease) 1.65s forwards, pulse 2.4s 2.6s ease-in-out infinite;margin-top:1rem;box-shadow:0 0 #f5b80099}.learn-enter svg{animation:1.4s ease-in-out infinite hop}.learn-chip{z-index:0;color:var(--volt);font-family:var(--font-display);letter-spacing:.04em;opacity:0;animation:learn-chip-in .6s var(--ease) calc(1.8s + var(--i) * .12s) forwards, bob calc(3s + var(--i) * .4s) ease-in-out calc(2.4s + var(--i) * .2s) infinite;background:#0c173099;border:1px solid #f5b80080;border-radius:999px;padding:.35rem .8rem;font-size:.95rem;font-weight:600;position:absolute}.learn-chip:first-of-type{top:18%;left:8%}.learn-chip:nth-of-type(2){top:22%;right:9%}.learn-chip:nth-of-type(3){bottom:20%;left:12%}.learn-chip:nth-of-type(4){bottom:18%;right:12%}.learn-chip:nth-of-type(5){top:9%;left:24%}.learn-chip:nth-of-type(6){top:10%;right:26%}.learn-chip:nth-of-type(7){bottom:8%;left:26%}.learn-chip:nth-of-type(8){bottom:7%;right:25%}@keyframes learn-chip-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.learn-menu{padding-top:3.5rem;scroll-margin-top:4rem}.js .learn-grid>.reveal:nth-child(3n+2){transition-delay:.1s}.js .learn-grid>.reveal:nth-child(3n){transition-delay:.2s}@media (max-width:640px){.learn-chip{font-size:.8rem}.learn-chip:nth-of-type(n+5){display:none}}.welcome-dots{background:radial-gradient(120% 90% at 50% 10%, #1b3466, var(--panel) 65%);--hh:56px;height:400svh;position:relative}.welcome-pin{top:var(--hh);height:calc(100svh - var(--hh));isolation:isolate;position:sticky;overflow:hidden}.welcome-canvas{width:100%;height:100%;font-family:var(--font-display);display:block;position:absolute;inset:0}.welcome-over{pointer-events:none;position:absolute;inset:0}.welcome-over .learn-chip,.welcome-over .welcome-mascot,.welcome-over .welcome-enter{pointer-events:auto}.welcome-mascot{position:absolute;top:4%;left:50%;translate:-50%}.welcome-enter{position:absolute;bottom:8%;left:50%;translate:-50%}.welcome-cap{text-align:center;color:var(--panel-ink);font-size:clamp(1rem,.9rem + .5vw,1.3rem);font-weight:700;position:absolute;bottom:7%;left:0;right:0}.learn-title-sm{font-family:var(--font-display);gap:.3rem;margin:.6rem 0;display:grid}.learn-title-sm .wl-0{color:var(--panel-ink);font-size:1.4rem}.learn-title-sm .wl-1{color:var(--volt);font-size:clamp(2.2rem,1.4rem + 4vw,4rem)}.learn-title-sm .wl-2{color:#9fc0ff;font-size:1.3rem}@media (max-width:640px){.welcome-mascot{top:2%}}.welcome-flash{pointer-events:none;opacity:0;background:radial-gradient(circle at 55% 25%,#fff,#fffbe8 35%,#fffbe8bf 70%,#fffbe873);position:absolute;inset:0}@media (max-width:719px){.welcome-mascot{transform-origin:top;top:2%;scale:.78}.welcome-over .learn-chip{padding:.25rem .6rem;font-size:.78rem}.welcome-over .learn-chip:first-of-type{top:7%;bottom:auto;left:5%}.welcome-over .learn-chip:nth-of-type(2){inset:7% 5% auto auto}.welcome-over .learn-chip:nth-of-type(3){top:auto;bottom:17%;left:6%}.welcome-over .learn-chip:nth-of-type(4){inset:auto 6% 17% auto}.welcome-enter{bottom:5%}.welcome-cap{padding-inline:1rem;bottom:6%}}.js .learn-grid>.reveal{box-shadow:0 0 #f5b80000}.js .learn-grid>.reveal.in{animation:learn-charge 1.1s var(--ease) both}.js .learn-grid>.reveal:nth-child(3n+2).in{animation-delay:.1s}.js .learn-grid>.reveal:nth-child(3n).in{animation-delay:.2s}@keyframes learn-charge{0%{box-shadow:0 0 #f5b80000}35%{box-shadow:0 0 0 3px #f5b800bf,0 0 26px #f5b80073}to{box-shadow:var(--shadow-sm)}}.brand-text b,.brand-text small{white-space:nowrap}@media (max-width:480px){.brand-text small{display:none}.brand-text b{font-size:1.05rem}.dots-hero-copy .hero-actions{gap:.5rem;margin-top:.9rem}.dots-hero-copy .hero-actions .btn{padding:.6rem 1rem;font-size:.95rem}.dots-hero-copy .social a{width:36px;height:36px}.dots-me .dots-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem .8rem}.dots-me .dots-stats b{font-size:1.7rem}.dots-me .dots-stats li>span{font-size:.78rem;line-height:1.3}.dots-me .dots-tag{font-size:.98rem}.dots-me{padding-right:4.5rem}}@media (max-width:480px) and (max-height:760px){.dots-hero .dots-hint{display:none}.dots-hero-copy .hero-name{font-size:.95rem}}.welcome-text{pointer-events:none;position:absolute;inset:0}.wt-row{text-align:center;white-space:nowrap;line-height:1;position:absolute;left:0;right:0;transform:translateY(-82%)}.wt-0{color:#eef3fb}.wt-2{color:#b9cdf7}.wt-gold{color:#fcc419;background:linear-gradient(#ffe27a,#f59e0b);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px #f5b80073);-webkit-background-clip:text;background-clip:text}.wt-rule{background:#f5b800b3;height:2px;position:absolute;left:50%;translate:-50%}