/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-amber-50:oklch(98.7% .022 95.277);--color-amber-500:oklch(76.9% .188 70.08);--color-teal-500:oklch(70.4% .14 182.503);--color-indigo-500:oklch(58.5% .233 277.117);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-900:oklch(21% .034 264.665);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-white:#fff;--spacing:.25rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-2{top:calc(var(--spacing)*-2)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[60\]{z-index:60}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-12{height:calc(var(--spacing)*12)}.h-\[5px\]{height:5px}.h-\[70vh\]{height:70vh}.h-\[100dvh\]{height:100dvh}.h-\[300vh\]{height:300vh}.h-full{height:100%}.h-screen{height:100vh}.min-h-\[100dvh\]{min-height:100dvh}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-\[75px\]{width:75px}.w-\[calc\(33\%-1rem\)\]{width:calc(33% - 1rem)}.w-full{width:100%}.w-screen{width:100vw}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[65ch\]{max-width:65ch}.max-w-\[1400px\]{max-width:1400px}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\[1px\]{--tw-translate-y: -1px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-\[0\.98\]{scale:.98}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-100{border-color:var(--color-gray-100)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-white{background-color:var(--color-white)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-cover{object-fit:cover}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-8{padding-block:calc(var(--spacing)*8)}.py-16{padding-block:calc(var(--spacing)*16)}.py-24{padding-block:calc(var(--spacing)*24)}.py-32{padding-block:calc(var(--spacing)*32)}.py-48{padding-block:calc(var(--spacing)*48)}.pt-24{padding-top:calc(var(--spacing)*24)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10\.5px\]{font-size:10.5px}.text-\[11px\]{font-size:11px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\],.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}@media (hover:hover){.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media (min-width:40rem){.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-5{padding:calc(var(--spacing)*5)}.sm\:p-12{padding:calc(var(--spacing)*12)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-16{padding:calc(var(--spacing)*16)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}@media (min-width:64rem){.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:gap-16{gap:calc(var(--spacing)*16)}.lg\:p-24{padding:calc(var(--spacing)*24)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:80rem){.xl\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}@media (prefers-color-scheme:dark){.dark\:bg-zinc-950{background-color:var(--color-zinc-950)}.dark\:text-gray-100{color:var(--color-gray-100)}}}:root{--bg:#070b16;--surface:#0c1324;--surface-raised:#111c32;--surface-strong:#1b2a49;--text:#f4f7ff;--text-muted:#9fb0c9;--text-faint:#667796;--line:#89b2e84d;--line-subtle:#89b2e829;--pill-dark:#14223c;--pill-light:#ffcf4a;--nav-text:#0a1020;--accent:#ffcf4a;--accent-strong:#f4b942;--focus:#ffcf4a;--ease-out:cubic-bezier(.23,1,.32,1);--nav-shadow:4px 4px 0 #0000008c;--font-sans:"Courier New",Consolas,"Liberation Mono",monospace;--font-thai:"Prompt","Noto Sans Thai","Segoe UI",system-ui,sans-serif;--font-display:"BubbledotICG-FinePos","Geist Pixel Circle","Courier New",monospace;--page-max:75rem;--page-gutter:clamp(1rem,3vw,2rem);--section-space:clamp(4.5rem,9vw,8rem);--radius-card:0;--radius-pill:.2rem;--z-base:0;--z-header:400;--z-backdrop:500;--z-sheet:700}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth;scrollbar-color:#626262 #0b0b0b;scrollbar-width:thin;scroll-padding-top:6rem}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}html[lang=th] body,html[lang=th] button,html[lang=th] input,html[lang=th] textarea{font-family:var(--font-thai)}body.menu-open{overflow:hidden}body::selection{color:#fff;background:#ffffff3d}::-webkit-scrollbar{width:.72rem;height:.72rem}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#626262;border:.19rem solid #0b0b0b}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button:not(:disabled),a[href]{cursor:pointer}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:4px}.skip-link{z-index:calc(var(--z-sheet) + 1);pointer-events:auto;border-radius:var(--radius-pill);color:#000;background:#fff;padding:.7rem 1rem;font-weight:700;transition:transform .18s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-main{min-width:0}.site-header{z-index:var(--z-header);padding:max(.75rem,env(safe-area-inset-top))var(--page-gutter)0;pointer-events:none;transition:background-color .22s,-webkit-backdrop-filter .22s,backdrop-filter .22s;position:fixed;inset:0 0 auto}.site-header.is-scrolled,.site-header--detail{-webkit-backdrop-filter:blur(18px);background:#000c}.header-shell{width:min(100%,var(--page-max));pointer-events:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.75rem,2vw,1.5rem);margin:0 auto;display:grid}.header-brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:.65rem;min-width:0;font-size:clamp(.85rem,1.5vw,1rem);font-weight:600;display:inline-flex}.brand-avatar{width:clamp(2.5rem,4.4vw,2.9rem);height:clamp(2.5rem,4.4vw,2.9rem);box-shadow:var(--nav-shadow);background:#fff;border-radius:50%;place-items:center;transition:transform .18s;display:grid;overflow:hidden}.header-brand:hover .brand-avatar{transform:scale(1.04)}.brand-avatar img{object-fit:cover;object-position:top;border-radius:50%;width:72%;height:72%}.header-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.desktop-nav{border-radius:var(--radius-pill);min-width:0;max-width:32rem;box-shadow:var(--nav-shadow);background:#fff;justify-content:center;justify-self:center;align-items:center;gap:.2rem;padding:.28rem;display:flex}.desktop-nav a{border-radius:var(--radius-pill);color:#2e2e2e9e;white-space:nowrap;min-height:2.45rem;padding:.69rem clamp(.7rem,1.5vw,1rem) .75rem;font-size:clamp(.75rem,1.25vw,.88rem);font-weight:500;line-height:1;transition:color .16s,background-color .16s;position:relative}.desktop-nav a:hover{color:#2e2e2e;background:#f0f0f0}.desktop-nav a[aria-current=page]{color:#111;font-weight:600}.desktop-nav a[aria-current=page]:after{content:"";background:#000;border-radius:50%;width:.18rem;height:.18rem;position:absolute;bottom:.28rem;left:50%;transform:translate(-50%);box-shadow:-.34rem 0 #000,.34rem 0 #000}.header-tools{align-items:center;gap:.55rem;display:flex}.header-contact,.header-document,.mobile-document,.button-primary,.button-secondary,.footer-contact-link,.back-link,.detail-action,.carousel-control,.project-pagination a{border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;align-items:center;min-height:2.7rem;padding:.72rem 1.05rem;font-size:.82rem;font-weight:600;line-height:1;transition:transform .18s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.header-contact,.button-primary,.detail-action--primary{color:#060606;box-shadow:var(--nav-shadow);background:#fff}.header-contact:hover,.button-primary:hover,.detail-action--primary:hover{background:#eaeaea;transform:translateY(-2px)}.language-switcher{border-radius:var(--radius-pill);color:#252525;background:#e8e8e8;border:1px solid #0000001f;gap:.15rem;padding:.23rem;display:inline-flex}.language-option{border-radius:var(--radius-pill);color:#656565;background:0 0;border:0;min-width:2rem;min-height:2rem;font-size:.65rem;font-weight:700;transition:background-color .16s,color .16s}.language-option[data-active=true]{color:#151515;background:#fff;box-shadow:0 1px 2px #0000001f}.mobile-menu-toggle{background:var(--pill-dark);width:3rem;height:3rem;box-shadow:var(--nav-shadow);border:0;border-radius:50%;display:none}.menu-bars,.menu-bars:before,.menu-bars:after{content:"";background:#fff;border-radius:1rem;width:1.15rem;height:.1rem;transition:transform .18s,background-color .18s;display:block}.menu-bars{position:relative}.menu-bars:before,.menu-bars:after{position:absolute;left:0}.menu-bars:before{transform:translateY(-.38rem)}.menu-bars:after{transform:translateY(.38rem)}.mobile-menu-toggle[aria-expanded=true]{background:#fff}.mobile-menu-toggle[aria-expanded=true] .menu-bars{background:0 0}.mobile-menu-toggle[aria-expanded=true] .menu-bars:before{background:#111;transform:rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .menu-bars:after{background:#111;transform:rotate(-45deg)}.mobile-menu-backdrop{z-index:var(--z-backdrop);pointer-events:auto;-webkit-backdrop-filter:blur(6px);background:#000000ad;border:0;position:fixed;inset:0}.mobile-menu{top:max(5.4rem,calc(env(safe-area-inset-top) + 4.9rem));right:var(--page-gutter);left:var(--page-gutter);z-index:var(--z-sheet);width:min(100% - (var(--page-gutter)*2),32rem);pointer-events:auto;color:#161616;background:#fff;border-radius:1.75rem;margin:0 auto;padding:1.15rem;position:fixed;box-shadow:0 20px 60px #00000073}.mobile-menu:not([hidden]){animation:.28s cubic-bezier(.22,1,.36,1) both menu-in}.mobile-menu nav,.mobile-menu-actions{gap:.25rem;display:grid}.mobile-menu nav a{color:#282828;border-radius:.8rem;padding:.9rem .75rem;font-size:1rem;font-weight:600}.mobile-menu nav a[aria-current=page],.mobile-menu nav a:hover{background:#eee}.mobile-menu-actions{border-top:1px solid #e5e5e5;grid-template-columns:1fr auto;align-items:center;margin-top:.9rem;padding-top:.9rem}.mobile-document{color:#fff;background:#202020;border:1px solid #202020}.mobile-document:hover{background:#414141}@keyframes menu-in{0%{opacity:0;transform:translateY(-.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.home-hero{isolation:isolate;color:#fff;background:#000;min-height:100dvh;display:grid;position:relative;overflow:hidden}.home-hero__media,.home-hero__scrim{z-index:-2;position:absolute;inset:0}.home-hero__media{background:#000;overflow:hidden}.home-hero__media video{object-fit:cover;filter:saturate(.55)contrast(1.04)brightness(.52);width:100%;height:100%}.home-hero__scrim{z-index:-1;background:linear-gradient(#000000b8,#00000042 43%,#000000d1)}.home-hero.video-unavailable .home-hero__media video{visibility:hidden}.hero-card-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.hero-card-island{pointer-events:none;position:absolute;inset:0}.hero-card-canvas{pointer-events:auto;touch-action:pan-y;position:absolute;inset:0}.hero-card-canvas canvas{display:block}.hero-inner{z-index:2;pointer-events:none;width:min(100%,var(--page-max));min-height:inherit;padding:clamp(6rem,11vh,7.5rem)var(--page-gutter)max(1.5rem,env(safe-area-inset-bottom));grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(16rem,.72fr);column-gap:clamp(2.5rem,5vw,5rem);margin:0 auto;display:grid;position:relative}.hero-copy{pointer-events:auto;text-align:left;flex-direction:column;grid-area:1/1;justify-content:center;place-self:center start;align-items:flex-start;max-width:38rem;margin:0;display:flex}.hero-kicker{color:#ffffffb8;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .75rem;font-size:clamp(.7rem,1.15vw,.82rem);font-weight:600}.hero-greeting{color:#ffffffad;margin:0;font-size:clamp(.85rem,1.4vw,1rem)}.hero-headline{color:#fff;max-width:100%;font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(2.6rem,7vw,5.6rem);font-weight:400;line-height:1.06}.hero-headline span{display:block}html[lang=th] .hero-headline{font-family:var(--font-thai);letter-spacing:-.04em;font-size:clamp(2.25rem,6.8vw,4.6rem);font-weight:700;line-height:1.2}.hero-role{letter-spacing:-.015em;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.15rem 0 0;font-size:clamp(1.15rem,2.3vw,1.55rem);font-weight:700;line-height:1.3;display:inline-flex}.hero-role-item--highlight{color:var(--accent);text-shadow:0 0 24px #ffcf4a73;transition:text-shadow .2s,transform .2s}.hero-role-item--highlight:hover{text-shadow:0 0 32px #ffcf4abf}.hero-role-divider{color:#ffcf4a8c;font-size:1.05em;line-height:1}.hero-subrole{color:var(--text-muted);margin:.45rem 0 0;font-size:clamp(.92rem,1.4vw,1.05rem);font-weight:500;line-height:1.5}.hero-summary{color:#ffffffb8;max-width:36rem;margin:.6rem 0 0;font-size:clamp(.85rem,1.38vw,.96rem);line-height:1.68}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:.6rem;margin-top:1.5rem;display:flex}.button-secondary,.detail-action--secondary,.back-link,.project-pagination a,.footer-contact-link{border:1px solid var(--line);color:#f4f4f4;background:#0000005c}.button-secondary:hover,.detail-action--secondary:hover,.back-link:hover,.project-pagination a:hover,.footer-contact-link:hover{background:#ffffff1a;border-color:#ffffff6b;transform:translateY(-2px)}.hero-card-reserve{pointer-events:none;grid-area:1/2;justify-content:center;align-items:flex-end;min-height:0;padding-bottom:1.5rem;display:flex;position:relative}.hero-card-contact-links{z-index:4;pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin:0 0 1rem;display:flex;position:relative}.hero-card-contact-links a{border-radius:var(--radius-pill);color:#fffc;-webkit-backdrop-filter:blur(10px);background:#00000061;border:1px solid #ffffff38;align-items:center;min-height:2.1rem;padding:.5rem .78rem;font-size:.7rem;font-weight:600;transition:transform .18s,border-color .18s,background-color .18s;display:inline-flex}.hero-card-contact-links a:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.hero-card-fallback-slot{z-index:3;pointer-events:auto;width:min(38vw,21rem);position:absolute;top:clamp(7rem,17vh,10rem);right:clamp(1.5rem,9vw,8rem)}.hero-card-fallback,.hero-card-static{aspect-ratio:1029/1500;color:#fff;transition:transform .4s var(--ease-out);background:#080b12;border:0;border-radius:1.2rem;padding:0;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:0 1.6rem 4rem #00000061,inset 0 0 0 .35rem #ffffff14}.hero-card-fallback__artwork,.hero-card-static__artwork{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.hero-card-island>.hero-card-static{z-index:3;pointer-events:auto;width:min(38vw,21rem);position:absolute;top:clamp(7rem,17vh,10rem);right:clamp(1.5rem,9vw,8rem)}.hero-card-fallback:hover,.hero-card-static:hover{transform:rotate(0)translateY(-.3rem)}.hero-card-fallback__topline,.hero-card-static__topline{color:#d6e7ff;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:.52rem;font-weight:700;display:flex}.hero-card-fallback__name-row,.hero-card-static__name-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.36rem;display:flex}.hero-card-fallback h2,.hero-card-static h2{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:clamp(.7rem,1.1vw,.95rem);font-weight:700;overflow:hidden}.hero-card-fallback__type-mark,.hero-card-static__name-row>span{color:#8ec5ff;border:1px solid #8ec5ff;border-radius:50%;flex:none;place-items:center;width:1.45rem;height:1.45rem;font-size:.48rem;font-weight:800;display:grid}.hero-card-fallback__photo,.hero-card-static__photo{background:linear-gradient(145deg,#1b4673,#725f4f);border:1px solid #8ec5ff8c;border-radius:.55rem;height:39%;margin-top:.55rem;position:relative;overflow:hidden}.hero-card-fallback__photo:after,.hero-card-static__photo:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 .38rem,#a0d2ff1f .4rem);position:absolute;inset:0}.hero-card-fallback__binary{z-index:1;color:#ffffff5c;font-family:monospace;font-size:.35rem;line-height:1.4;position:absolute;top:.28rem;left:.28rem;right:.28rem}.hero-card-fallback__photo img,.hero-card-static__photo img{object-fit:cover;object-position:top;opacity:.92;width:100%;height:100%}.hero-card-fallback__face-box{z-index:2;color:#8dffb4;border:1px solid #8dffb4;width:27%;height:55%;font-family:monospace;font-size:.34rem;position:absolute;top:27%;left:37%}.hero-card-fallback__face-box:after{content:"Phuchit 0.99";white-space:nowrap;position:absolute;top:-.42rem;left:0}.hero-card-fallback__tagline,.hero-card-static p{color:#8ec5ff;margin:.5rem 0 0;font-size:.48rem;font-weight:700;line-height:1.3}.hero-card-fallback__attacks{gap:.26rem;margin:.45rem 0 0;padding:0;list-style:none;display:grid}.hero-card-fallback__attacks li{background:#ffffff1a;border-radius:.34rem;justify-content:space-between;align-items:center;gap:.3rem;padding:.32rem .4rem;font-size:.45rem;font-weight:600;display:flex}.hero-card-fallback__attacks strong{font-size:.66rem}.hero-card-fallback__footer,.hero-card-static__footer{color:#ffffffad;justify-content:space-between;font-size:.4rem;font-weight:600;display:flex;position:absolute;bottom:.52rem;left:.72rem;right:.72rem}.hero-card-static{align-content:start;display:grid}.hero-card-static__photo{height:43%}.hero-card-static p{font-size:.55rem}.hero-card-static__footer{bottom:.68rem}@keyframes card-drop-bounce{0%{opacity:.2;translate:0 -1.7rem}25%{opacity:1;translate:0 .9rem}45%{translate:0 -.34rem}66%{translate:0 .16rem}84%{translate:0 -.06rem}to{translate:0}}.hero-card-static{animation:.98s cubic-bezier(.22,1,.36,1) both card-drop-bounce}.hero-card-hint{bottom:max(5rem,env(safe-area-inset-bottom,1rem) + 3.5rem);z-index:4;color:#fff9;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;margin:0;font-size:.7rem;font-weight:600;transition:opacity .22s;position:absolute;right:clamp(1rem,5vw,4.5rem)}.hero-card-hint[hidden]{display:none}.hero-stats{pointer-events:auto;border-top:1px solid #ffffff2e;grid-area:2/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin-top:.25rem;padding-top:1.25rem;display:grid}.hero-stat{border-right:1px solid #ffffff1f;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.5rem;padding:0 1.25rem 0 0;display:grid}.hero-stat:first-child{padding-left:0}.hero-stat:last-child{border-right:0}.hero-stat-symbol{font-family:var(--font-display);color:#fff9;grid-row:1/span 2;font-size:clamp(1.35rem,2.6vw,1.85rem);line-height:1}.hero-stat-value{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700}.hero-stat-label{color:var(--text-muted);font-size:clamp(.64rem,1vw,.75rem);line-height:1.3}.hero-animate,.hero-headline span{opacity:1;transform:none}.home-hero[data-motion-ready=true] .hero-animate{opacity:.48;animation:reveal-up .42s var(--ease-out)var(--delay,0s)both;transform:translateY(.65rem)}.home-hero[data-motion-ready=true] .hero-headline span{opacity:.46;animation:headline-in .52s var(--ease-out)both;transform:translateY(.48rem)}.home-hero[data-motion-ready=true] .hero-headline span:first-child{animation-delay:40ms}.home-hero[data-motion-ready=true] .hero-headline span:nth-child(2){animation-delay:.1s}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}@keyframes headline-in{to{opacity:1;transform:translateY(0)}}.page-section{border-top:1px solid var(--line-subtle);background:var(--bg);padding:var(--section-space)var(--page-gutter);position:relative}.section-inner{width:min(100%,var(--page-max));margin:0 auto}.section-heading{max-width:43rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.section-heading h2,.about-copy h2,.timeline-heading h2{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,4.25rem);font-weight:600;line-height:1}.section-heading p{max-width:39rem;color:var(--text-muted);margin:1rem 0 0;font-size:clamp(.95rem,1.6vw,1.08rem);line-height:1.65}.projects-archive{background:#080808;padding-block:clamp(3.25rem,6vw,5.5rem)}.projects-archive .section-heading{max-width:34rem;margin-bottom:clamp(1.6rem,3vw,2.4rem)}.projects-archive .section-heading h2{font-size:clamp(1.55rem,3vw,2.5rem)}.projects-archive .section-heading p{font-size:.9rem}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:1rem;display:grid}.featured-stack{display:contents}.feature-project{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-raised);grid-template-rows:auto 1fr;min-width:0;height:100%;display:grid;overflow:hidden}.feature-project--lead{grid-row:auto}.feature-project__media{background:#0a0a0a;display:block;overflow:hidden}.feature-project--lead .feature-project__media,.feature-project:not(.feature-project--lead) .feature-project__media{aspect-ratio:16/9}.feature-project__media img,.project-card__media img,.carousel-slide img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .36s cubic-bezier(.22,1,.36,1)}.feature-project:hover img,.project-card:hover .project-card__media img{transform:scale(1.025)}.feature-project__content{flex-direction:column;min-height:0;padding:1.1rem 1.15rem 1.25rem;display:flex}.feature-project__content p{color:var(--text-muted);margin:.45rem 0 0;font-size:.88rem;line-height:1.5}.project-type{color:var(--text-faint);font-size:.72rem;font-weight:600}.feature-project h3,.project-card h3{color:#fff;letter-spacing:-.035em;margin:.45rem 0 0;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:600;line-height:1.16}.filter-bar{flex-wrap:wrap;gap:.55rem;margin-bottom:2rem;display:flex}.project-filter-btn{border:1px solid var(--line);border-radius:var(--radius-pill);min-height:2.55rem;color:var(--text-muted);background:0 0;padding:.6rem .95rem;font-size:.79rem;font-weight:600;transition:background-color .16s,color .16s,border-color .16s}.project-filter-btn:hover,.project-filter-btn[aria-pressed=true]{color:#111;background:#fff;border-color:#fff}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);grid-template-rows:auto 1fr;min-width:0;transition:border-color .18s,transform .18s;display:grid;overflow:hidden}.project-card:hover{border-color:#ffffff6b;transform:translateY(-.2rem)}.project-card__media{aspect-ratio:16/9;background:#0a0a0a;display:block;overflow:hidden}.project-card__content{flex-direction:column;gap:.9rem;padding:1.15rem;display:flex}.project-card__content p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.55}.project-card__footer{border-top:1px solid var(--line-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-top:auto;padding-top:.9rem;display:flex}.project-stack{flex-wrap:wrap;gap:.38rem;display:flex}.project-stack span,.skill-token,.detail-tech-tag,.project-status{border:1px solid var(--line);border-radius:var(--radius-pill);color:#dadada;background:#ffffff0d;padding:.35rem .58rem;font-size:.7rem;line-height:1.2}.project-repository{color:#fff;text-underline-offset:.22rem;font-size:.76rem;font-weight:600;text-decoration:underline}.filter-empty{border:1px dashed var(--line);border-radius:var(--radius-card);color:var(--text-muted);text-align:center;margin:1.2rem 0 0;padding:2rem}.about-layout{display:block}.about-copy{grid-template-columns:minmax(12rem,.38fr) minmax(0,1fr);align-items:start;gap:0 clamp(2rem,7vw,6rem);display:grid}.about-copy h2{grid-area:1/1/span 2}.about-copy>p{color:#dedede;grid-column:2;max-width:50rem;margin:0;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.72}.about-copy>.about-copy__experience{color:var(--text-muted);margin-top:1rem;font-size:clamp(.9rem,1.35vw,1rem);line-height:1.7}.about-education-card{-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);transition:border-color .25s var(--ease-out),box-shadow .25s var(--ease-out),transform .25s var(--ease-out);background:linear-gradient(135deg,#0d182bbf,#080f1ce6);border:1px solid #89b2e833;border-radius:6px;grid-column:2;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:1.25rem;margin-top:1.5rem;padding:1.15rem 1.6rem;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 30px -4px #00000080,inset 0 1px #ffffff14}.about-education-card:before{content:"";background:linear-gradient(90deg,var(--accent)0%,#ffcf4a73 40%,transparent 100%);height:2px;position:absolute;top:0;left:0;right:0}.about-education-card:hover{border-color:#ffcf4a59;transform:translateY(-2px);box-shadow:0 12px 36px -4px #0009,inset 0 1px #ffffff1f}.about-education-left{text-align:left;justify-self:start;align-items:center;gap:.85rem;display:flex}.about-edu-logo-wrap{width:2.75rem;height:2.75rem;transition:transform .25s var(--ease-out),border-color .25s var(--ease-out);background:#ffffff0d;border:1px solid #89b2e833;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.15rem;display:flex;box-shadow:0 2px 8px #00000059}.about-education-card:hover .about-edu-logo-wrap{border-color:#ffcf4a73;transform:scale(1.05)}.about-edu-logo{object-fit:contain;filter:drop-shadow(0 1px 3px #00000080);width:100%;height:100%}.about-education-school{color:#fff;letter-spacing:-.01em;font-size:1.05rem;font-weight:700;line-height:1.35}.about-education-center{text-align:center;border-left:1px solid #89b2e81f;border-right:1px solid #89b2e81f;flex-direction:column;justify-self:center;align-items:center;gap:.35rem;width:100%;padding:0 1rem;display:flex}.about-education-degree{color:var(--text-muted);letter-spacing:-.01em;font-size:.92rem;font-weight:600;line-height:1.3}.about-education-gpa{background:#ffcf4a14;border:1px solid #ffcf4a4d;border-radius:4px;align-items:center;gap:.35rem;padding:.2rem .65rem;line-height:1.2;display:inline-flex}.about-education-gpa-label{color:var(--text-faint);letter-spacing:.08em;font-size:.72rem;font-weight:700}.about-education-gpa-val{color:var(--accent);letter-spacing:.02em;font-size:.9rem;font-weight:700}.about-education-right{text-align:right;justify-self:end;align-items:center;gap:.55rem;display:flex}.about-edu-status-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex-shrink:0;animation:2.4s cubic-bezier(.4,0,.6,1) infinite eduPulse;display:inline-block}@keyframes eduPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.about-education-period{color:var(--text-muted);letter-spacing:.02em;font-size:.88rem;font-weight:500;line-height:1.3}@media (max-width:768px){.about-education-card{grid-column:1;grid-template-columns:1fr;gap:1rem;padding:1.15rem 1.25rem}.about-education-center{text-align:left;border:1px solid #89b2e81f;border-left:none;border-right:none;flex-flow:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 0}.about-education-gpa{flex-shrink:0}.about-education-right{text-align:left;justify-self:start}}.about-internship{border-top:2px solid var(--line-subtle);grid-column:1/-1;margin-top:clamp(2rem,4vw,3rem);padding-top:1.5rem}.about-internship .timeline-list{margin-top:1rem}.about-skills{border-top:2px solid var(--line-subtle);grid-column:1/-1;margin-top:clamp(2rem,4vw,3rem);padding-top:1.5rem}.about-subheading,.about-skills__heading{color:var(--accent);letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:700}.skills-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.skills-group{border:1px solid var(--line-subtle);background:var(--surface);min-width:0;padding:.9rem}.skills-group__title{color:var(--accent);letter-spacing:.04em;margin:0;font-size:.78rem;font-weight:700}.skills-list{flex-wrap:wrap;gap:.55rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.skill-token{color:#ededed;align-items:center;gap:.42rem;padding:.55rem .78rem;font-size:.81rem;display:inline-flex}.skill-token__icon{flex:none;justify-content:center;align-items:center;width:1.05rem;height:1.05rem;display:inline-flex}.skill-token__icon-svg{width:100%;height:100%;display:block}.document-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.7rem;display:flex}.timeline-layout{grid-template-columns:minmax(14rem,.65fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,8vw,7rem);display:grid}.timeline-heading p{max-width:25rem;color:var(--text-muted);margin:1rem 0 0;line-height:1.6}.timeline-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.timeline-item{border-top:1px solid var(--line);padding:1.1rem 0 0}.timeline-item header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem 1rem;display:flex}.timeline-item h3{color:#fff;letter-spacing:-.025em;margin:0;font-size:1.15rem}.timeline-item header p,.timeline-item header time{color:var(--text-muted);margin:0;font-size:.85rem}.education-summary{max-width:44rem;color:var(--text-muted);margin:1.35rem 0 0;font-size:.95rem;line-height:1.7}.coursework-heading{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:1.75rem 0 .8rem;font-size:.78rem;font-weight:700}.coursework-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.coursework-group{border:1px solid var(--line-subtle);background:var(--surface);min-width:0;padding:1rem}.coursework-group__title{color:var(--text);margin:0;font-size:.9rem;font-weight:700;line-height:1.35}.timeline-item ul,.case-feature-list{gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.timeline-item .coursework-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .8rem;margin-top:.8rem}.timeline-item li,.case-feature-list li{color:#d7d7d7;padding-left:1rem;font-size:.92rem;line-height:1.6;position:relative}.coursework-list li{border:1px solid var(--line-subtle);background:var(--surface);padding:.7rem .75rem .7rem 1.55rem}.timeline-item li:before,.case-feature-list li:before{content:"";background:#fff;border-radius:50%;width:.34rem;height:.34rem;position:absolute;top:.65em;left:0}.site-footer{border-top:1px solid var(--line);padding:clamp(3rem,7vw,5rem)var(--page-gutter)max(1.5rem,env(safe-area-inset-bottom));background:#080808}.footer-inner{width:min(100%,var(--page-max));grid-template-columns:minmax(0,1fr) auto;gap:2rem;margin:0 auto;display:grid}.footer-intro h2{color:#fff;letter-spacing:-.05em;margin:0;font-size:clamp(1.75rem,4vw,3rem)}.footer-intro p{max-width:35rem;color:var(--text-muted);margin:.85rem 0 0;line-height:1.6}.footer-links{flex-wrap:wrap;place-content:start flex-end;gap:.6rem;display:flex}.footer-meta{width:min(100%,var(--page-max));border-top:1px solid var(--line-subtle);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:.8rem;margin:3rem auto 0;padding-top:1rem;font-size:.76rem;display:flex}.footer-meta nav{flex-wrap:wrap;gap:.9rem;display:inline-flex}.project-main{padding:clamp(6.5rem,11vw,8rem)var(--page-gutter)var(--section-space)}.project-detail-shell{width:min(100%,var(--page-max));margin:0 auto}.back-link{width:fit-content}.project-detail-hero{max-width:57rem;padding:clamp(2rem,7vw,5rem) 0 clamp(2.4rem,6vw,4rem)}.project-detail-hero__meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.project-detail-hero h1{color:#fff;letter-spacing:-.065em;margin:1rem 0 0;font-size:clamp(2.3rem,6.5vw,5.5rem);font-weight:600;line-height:.96}.project-detail-hero>p{color:#d4d4d4;max-width:48rem;margin:1.15rem 0 0;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.65}.detail-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.45rem;display:flex}.project-carousel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-raised);overflow:hidden}.carousel-slides{background:#060606}.carousel-slide{margin:0}.carousel-slide img{object-fit:contain;height:auto;min-height:14rem;max-height:min(68vh,44rem)}.carousel-empty{min-height:18rem;color:var(--text-muted);text-align:center;place-items:center;padding:2rem;display:grid}.carousel-toolbar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem;display:flex}.carousel-controls,.carousel-dots{align-items:center;gap:.45rem;display:flex}.carousel-control{border:1px solid var(--line);color:#f4f4f4;background:0 0;min-height:2.35rem;padding:.55rem .8rem;font-size:.74rem}.carousel-control:hover{background:#ffffff14;border-color:#fff}.carousel-counter{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.carousel-dot{background:#656565;border:0;border-radius:50%;width:.58rem;height:.58rem;padding:0}.project-detail-grid{grid-template-columns:minmax(0,1.45fr) minmax(15rem,.55fr);gap:clamp(2rem,7vw,6rem);margin-top:clamp(3rem,8vw,6rem);display:grid}.case-section+.case-section{margin-top:2.5rem}.case-section h2,.project-facts h2{color:#fff;letter-spacing:-.035em;margin:0;font-size:clamp(1.18rem,2vw,1.45rem)}.case-section>p{color:#d5d5d5;max-width:48rem;margin:.8rem 0 0;line-height:1.75}.case-feature-list strong{color:#fff}.case-steps{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.case-steps li{color:#d5d5d5;border-left:2px solid #fff;padding:.15rem 0 .15rem .85rem;line-height:1.65}.project-facts{border-top:1px solid var(--line);align-self:start}.project-fact{border-bottom:1px solid var(--line-subtle);padding:1.15rem 0}.project-fact h2{color:var(--text-muted);margin-bottom:.75rem;font-size:.72rem}.detail-tech-groups{gap:.75rem;display:grid}.detail-tech-group h3{color:var(--text-muted);margin:0 0 .42rem;font-size:.74rem;font-weight:600}.detail-tech-tags{flex-wrap:wrap;gap:.35rem;display:flex}.detail-tech-tag{display:inline-flex}.project-metrics{gap:.75rem;display:grid}.project-metric{gap:.22rem;display:grid}.project-metric dt{color:var(--text-muted);font-size:.74rem}.project-metric dd{color:#f0f0f0;margin:0;font-size:.92rem;font-weight:600}.project-context{color:#e2e2e2;font-size:.9rem;line-height:1.55}.project-navigation{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:clamp(3.5rem,8vw,6.5rem);padding-top:1rem;display:grid}.project-pagination a{text-overflow:ellipsis;justify-content:flex-start;min-width:0;min-height:3.1rem;padding:.8rem 1rem;overflow:hidden}.project-pagination a:last-child{text-align:right;justify-content:flex-end}.reveal-ready{opacity:0;transition:opacity .44s cubic-bezier(.22,1,.36,1),transform .44s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(1.1rem)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}@media (max-width:860px){.desktop-nav,.header-tools{display:none}.header-shell{grid-template-columns:1fr auto}.mobile-menu-toggle{place-items:center;display:inline-grid}}@media (max-width:760px){.featured-grid,.project-grid,.about-layout,.about-copy,.skills-groups,.timeline-layout,.project-detail-grid,.footer-inner{grid-template-columns:1fr}.about-copy{gap:0}.about-copy h2,.about-copy>p,.about-education-card,.about-internship,.about-skills{grid-column:1}.about-copy h2{grid-row:auto;margin-bottom:clamp(1rem,3vw,1.4rem)}.coursework-groups,.timeline-item .coursework-list{grid-template-columns:1fr}.feature-project--lead{grid-row:auto}.feature-project--lead .feature-project__media,.feature-project:not(.feature-project--lead) .feature-project__media{aspect-ratio:16/10}.footer-links{justify-content:flex-start}.footer-meta{margin-top:2rem}.home-hero__media video{display:none}.home-hero__media{opacity:.22}.home-hero__scrim{background:linear-gradient(#030711db,#030711b8 46%,#030711f0)}.hero-card-layer{height:clamp(20rem,44vh,24rem);inset:0 0 auto;overflow:hidden}.hero-inner{grid-template-rows:clamp(20rem,44vh,24rem) auto auto;grid-template-columns:1fr;row-gap:0;padding-top:5.8rem}.hero-card-reserve{grid-area:1/1;align-items:flex-end;min-height:18rem;padding-bottom:1.75rem}.hero-card-contact-links{margin-bottom:0}.hero-copy{text-align:center;grid-area:2/1;justify-self:stretch;align-items:center;max-width:100%;padding-top:1.5rem}.hero-actions{justify-content:center}.hero-card-fallback-slot{width:min(42vw,16rem);top:6.7rem;right:50%;transform:translate(50%)}.hero-card-island>.hero-card-static{width:min(42vw,16rem);top:6.7rem;right:50%;transform:translate(50%)rotate(2deg)}.hero-card-island>.hero-card-static:hover{transform:translate(50%)rotate(0)translateY(-.3rem)}.hero-card-hint{text-align:center;top:5rem;bottom:auto;right:50%;transform:translate(50%)}.hero-stats{grid-area:3/1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 0;margin-top:0}.hero-stat{padding:.1rem .75rem .1rem 0}.hero-stat:first-child{padding-left:0}.hero-stat:nth-child(2){border-right:0;padding-right:0}.hero-stat:nth-child(n+3){border-top:1px solid #ffffff1f;padding-top:.75rem}.project-navigation{grid-template-columns:1fr}.project-pagination a:last-child{text-align:left;justify-content:flex-start}}@media (max-width:480px){.header-name{max-width:10rem}.hero-inner{padding-top:5.75rem}.hero-headline{letter-spacing:-.08em;font-size:clamp(2.25rem,13vw,3.2rem)}html[lang=th] .hero-headline{font-size:clamp(2rem,11vw,2.9rem)}.hero-summary{font-size:.82rem}.hero-stats{margin-bottom:2.65rem}.hero-stat{padding-left:.55rem;padding-right:.55rem}.hero-stat-label{font-size:.63rem}.carousel-toolbar{flex-direction:column;align-items:flex-start}.about-education-card{gap:.85rem;margin-top:1.25rem;padding:1rem .95rem}.about-education-left{gap:.7rem}.about-edu-logo-wrap{width:2.35rem;height:2.35rem}.about-education-school{font-size:.95rem}.about-education-degree{font-size:.85rem}.about-education-gpa{padding:.15rem .5rem;font-size:.82rem}.about-education-period{font-size:.82rem}.about-subheading,.about-skills__heading{font-size:1.3rem}.skills-group{padding:.8rem .75rem}.skill-token{padding:.42rem .62rem;font-size:.75rem}}@media (max-height:700px) and (min-width:761px){.hero-inner{padding-top:5.75rem}.hero-kicker{margin-bottom:.55rem}.hero-role{margin-top:.65rem}.hero-summary{margin-top:.4rem}.hero-actions{margin-top:.9rem}.hero-stats{padding-top:.7rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.home-hero__media video{display:none}.hero-animate,.hero-headline span,.home-hero[data-motion-ready=true] .hero-animate,.home-hero[data-motion-ready=true] .hero-headline span,.reveal-ready,.reveal-ready.is-visible{opacity:1;transform:none;animation:none!important}.hero-stat-value{animation:none!important}}@media (forced-colors:active){:where(a,button,input,select,textarea):focus-visible{outline-color:highlight}.project-filter-btn[aria-pressed=true]{outline:2px solid highlight}}@media (prefers-reduced-transparency:reduce){.site-header.is-scrolled,.site-header--detail,.mobile-menu-backdrop{-webkit-backdrop-filter:none}}html{scrollbar-color:var(--accent)var(--bg)}body{background-color:var(--bg);background-image:none}body:before{display:none}body::selection{background:var(--accent);color:var(--nav-text)}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border-color:var(--bg);background:var(--accent);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--accent-strong)}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:4px;box-shadow:0 0 0 2px var(--bg),4px 4px 0 var(--accent)}.site-header{border-bottom:2px solid var(--line-subtle);-webkit-backdrop-filter:none;background:#070b16e6}.site-header.is-scrolled,.site-header--detail{border-bottom-color:var(--line);-webkit-backdrop-filter:none;background:#070b16f7}.header-brand{color:var(--text);font-family:var(--font-display);letter-spacing:.02em}.brand-avatar{border:2px solid var(--accent);background:var(--surface-raised);box-shadow:var(--nav-shadow);border-radius:0}.desktop-nav{border:2px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--nav-shadow)}.desktop-nav a{color:var(--text-muted);font-family:var(--font-sans);border-radius:0}.desktop-nav a:hover{background:var(--surface-strong);color:var(--text)}.desktop-nav a[aria-current=page]{background:var(--accent);color:var(--nav-text)}.desktop-nav a[aria-current=page]:after{background:var(--nav-text);width:.3rem;height:.3rem;box-shadow:none;border-radius:0;bottom:.22rem}.header-contact,.header-document,.mobile-document,.button-primary,.button-secondary,.footer-contact-link,.back-link,.detail-action,.carousel-control,.project-pagination a{border:2px solid var(--line);border-radius:var(--radius-pill);transition:transform .12s steps(2,end),background-color .12s steps(2,end),border-color .12s steps(2,end),color .12s steps(2,end);box-shadow:3px 3px #0000007a}.header-contact,.header-document,.mobile-document,.button-primary,.detail-action--primary{border-color:var(--accent);background:var(--accent);color:var(--nav-text)}.header-contact:hover,.header-document:hover,.button-primary:hover,.detail-action--primary:hover{background:var(--accent-strong);transform:translate(-2px,-2px);box-shadow:5px 5px #00000094}.button-secondary,.detail-action--secondary,.back-link,.project-pagination a,.footer-contact-link{border-color:var(--line);background:var(--surface);color:var(--text)}.button-secondary:hover,.detail-action--secondary:hover,.back-link:hover,.project-pagination a:hover,.footer-contact-link:hover{border-color:var(--accent);background:var(--surface-strong);color:var(--accent);transform:translate(-2px,-2px);box-shadow:5px 5px #00000094}.language-switcher{border:2px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--text)}.language-option{color:var(--text-muted);border-radius:0}.language-option[data-active=true]{background:var(--accent);color:var(--nav-text);box-shadow:2px 2px #00000080}.mobile-menu-toggle{border:2px solid var(--line);background:var(--surface);box-shadow:var(--nav-shadow);border-radius:0}.mobile-menu-toggle[aria-expanded=true]{border-color:var(--accent);background:var(--accent)}.mobile-menu-toggle[aria-expanded=true] .menu-bars:before,.mobile-menu-toggle[aria-expanded=true] .menu-bars:after{background:var(--nav-text)}.mobile-menu-backdrop{-webkit-backdrop-filter:none;background:#04070ecc}.mobile-menu{top:max(5.4rem,calc(env(safe-area-inset-top) + 4.9rem));border:2px solid var(--line);background:var(--surface);color:var(--text);border-radius:0;box-shadow:6px 6px #00000094}.mobile-menu nav a{color:var(--text-muted);border-radius:0}.mobile-menu nav a[aria-current=page],.mobile-menu nav a:hover{background:var(--accent);color:var(--nav-text)}.mobile-menu-actions{border-top-color:var(--line)}.mobile-document{border-color:var(--accent)}.home-hero{background:var(--bg)}.home-hero__media{background:#000}.home-hero__media video{filter:saturate(.3)contrast(1.2)brightness(.42)}.home-hero__scrim{background:linear-gradient(#070b16e6,#070b1652 42%,#070b16f2)}.home-hero.video-unavailable .home-hero__scrim{background:#000}.hero-kicker,.hero-role,.hero-summary,.hero-card-hint,.hero-stat-label{font-family:var(--font-sans)}.hero-headline,.hero-stat-symbol,.hero-stat-value,.section-heading h2,.about-copy h2,.timeline-heading h2,.footer-intro h2,.project-detail-hero h1{text-shadow:3px 3px #0000009e}.hero-headline{letter-spacing:.01em}.hero-stat-value{color:var(--accent);font-family:var(--font-display)}.hero-stat-symbol{color:var(--accent)}.hero-card-contact-links a{border:2px solid var(--line);background:var(--surface);color:var(--accent);-webkit-backdrop-filter:none;border-radius:0}.hero-card-contact-links a:hover{border-color:var(--accent);background:var(--surface-strong);color:var(--text)}.hero-card-fallback,.hero-card-static{border:2px solid var(--accent);background:var(--surface);border-radius:0;box-shadow:5px 5px #0000009e}.hero-card-fallback__photo,.hero-card-static__photo{border-color:var(--accent);border-radius:0}.hero-card-fallback__attacks li{border:1px solid var(--line-subtle);background:var(--surface-strong);border-radius:0}.hero-card-hint{color:var(--accent);text-shadow:2px 2px #0009}.hero-stats{border-top:2px solid var(--line)}.hero-stat{border-right:2px solid var(--line-subtle)}.page-section{border-top:2px solid var(--line-subtle);background:var(--bg);scroll-margin-top:clamp(4rem,8vw,6rem)}.page-section--surface{background:var(--surface)}.page-section>.section-inner,.site-footer>.footer-inner,.site-footer>.footer-meta{z-index:1;position:relative}.site-footer{scroll-margin-top:clamp(4rem,8vw,6rem);position:relative;overflow:hidden}.section-monster-layer{z-index:0;perspective:900px;transform-style:preserve-3d;pointer-events:none;background:linear-gradient(#0000 0 68%,#04070e70 68% 100%);position:absolute;inset:0;overflow:hidden}.section-monster-layer:after{display:none}.section-monster{aspect-ratio:1;background-image:var(--monster-image);background-repeat:no-repeat;background-position:var(--monster-column,0%)0%;width:clamp(3.75rem,7vw,5rem);image-rendering:pixelated;filter:drop-shadow(3px 3px #00000094);opacity:var(--monster-opacity,.72);transform:translate3d(var(--monster-x,0px),var(--monster-y,0px),var(--monster-z,0px))scale(var(--monster-scale,1));transform-origin:bottom;transition:transform var(--monster-duration,0s)linear,opacity var(--monster-duration,0s)linear;background-size:400% 400%;animation:.72s steps(3,end) infinite section-monster-walk;position:absolute;top:0;left:0}@keyframes section-monster-walk{0%{background-position-y:0%}to{background-position-y:100%}}.section-heading h2,.about-copy h2,.timeline-heading h2,.footer-intro h2,.project-detail-hero h1{font-family:var(--font-display)}.section-heading p,.about-copy>p,.about-copy>.about-copy__experience,.timeline-heading p,.footer-intro p,.case-section>p{font-family:var(--font-sans)}.section-heading p,.about-copy>p,.timeline-heading p,.footer-intro p,.education-summary,.timeline-item li,.feature-project__content p,.project-card__content p,.case-section>p{color:#edf3ff;text-shadow:2px 2px #000000e6;font-weight:600}.about-copy>.about-copy__experience{color:#cbd8ec}.education-record p,.education-record time{color:#dce7f7;text-shadow:2px 2px #000000e6;font-weight:600}.projects-archive{background:#080e1b}.feature-project,.project-card,.project-carousel{border:2px solid var(--line);border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:4px 4px #0000007a}.feature-project:hover,.project-card:hover{border-color:var(--accent);transform:translate(-3px,-3px);box-shadow:7px 7px #00000094}.feature-project__media,.project-card__media,.carousel-slides{background:#08101f}.feature-project h3,.project-card h3,.timeline-item h3,.case-section h2,.project-facts h2{font-family:var(--font-display);letter-spacing:.01em}.feature-project__content p,.project-card__content p,.timeline-item li,.case-feature-list li,.project-context{font-family:var(--font-sans)}.skills-group{border:2px solid var(--line);background:var(--surface-raised);box-shadow:4px 4px #0000006b}.skills-group__title{font-family:var(--font-display);letter-spacing:.03em}.project-filter-btn{border:2px solid var(--line);border-radius:var(--radius-pill);color:var(--text-muted);font-family:var(--font-sans);background:0 0}.project-filter-btn:hover,.project-filter-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--nav-text);box-shadow:3px 3px #0000007a}.project-stack span,.skill-token,.detail-tech-tag,.project-status{border:2px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);box-shadow:2px 2px #0000005c}.project-stack span:hover,.skill-token:hover,.detail-tech-tag:hover{border-color:var(--accent);color:var(--accent)}.skill-token__icon{image-rendering:pixelated}.document-actions{gap:.8rem}.timeline-item{border-top:2px solid var(--line)}.education-summary{font-family:var(--font-sans)}.coursework-heading{font-family:var(--font-sans);color:var(--accent)}.coursework-group{border:2px solid var(--line);background:var(--surface-raised);box-shadow:4px 4px #0000006b}.coursework-group__title{font-family:var(--font-display);color:var(--accent)}.coursework-list li{border:2px solid var(--line-subtle);background:var(--surface);box-shadow:3px 3px #00000057}.timeline-item li:before,.case-feature-list li:before{background:var(--accent);border-radius:0;width:.42rem;height:.42rem}.case-steps li{border-left:3px solid var(--accent)}.site-footer{border-top:2px solid var(--line);background:#060a14}.footer-meta{border-top:2px solid var(--line-subtle)}.footer-meta a:hover{color:var(--accent)}.project-page,.project-main{background:var(--bg)}.project-detail-hero__meta,.detail-tech-tags{font-family:var(--font-sans)}.project-carousel{box-shadow:6px 6px #0000008c}.carousel-toolbar{border-top:2px solid var(--line)}.carousel-control{border-color:var(--line);background:var(--surface);color:var(--accent)}.carousel-control:hover{border-color:var(--accent);background:var(--surface-strong)}.carousel-dot{background:var(--text-faint);border-radius:0}.carousel-dot[aria-current=true]{background:var(--accent)}.project-facts{border-top:2px solid var(--line)}.project-fact{border-bottom:2px solid var(--line-subtle)}.project-navigation{border-top:2px solid var(--line)}.education-shell{width:min(100%,var(--page-max))}.education-heading{border-bottom:2px solid var(--line);padding-bottom:1.2rem}.education-heading h2{color:var(--text);font-family:var(--font-display);text-shadow:4px 4px #0000009e;margin:0;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.95}.education-list{gap:1.5rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.education-item{border:2px solid var(--line);background:var(--surface-raised);padding:clamp(1rem,2.5vw,2rem);box-shadow:6px 6px #0000007a}.education-record{border-bottom:2px solid var(--line-subtle);justify-content:space-between;align-items:flex-start;gap:1rem 2rem;padding-bottom:1rem;display:flex}.education-record h3{color:var(--accent);font-family:var(--font-display);text-shadow:3px 3px #00000073;margin:0;font-size:clamp(1.55rem,3.4vw,2.6rem);line-height:1.15}.education-record p,.education-record time{color:#dce7f7;font-family:var(--font-sans);text-shadow:2px 2px #000000e6;margin:.45rem 0 0;font-size:.82rem;font-weight:600;line-height:1.5}.education-record__degree{color:var(--text)!important}.education-record time{color:var(--accent);flex:none;margin-top:.1rem}.education-summary{color:#edf3ff;max-width:68rem;font-family:var(--font-sans);text-shadow:2px 2px #000000e6;margin-top:1.25rem;font-size:.95rem;font-weight:600;line-height:1.7}.coursework-heading{color:var(--accent);font-family:var(--font-sans);letter-spacing:.1em;margin-top:1.8rem;font-size:.78rem}.coursework-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.85rem;display:grid}.coursework-group{border:2px solid var(--line);background:var(--surface);padding:1rem;transition:border-color .12s steps(2,end),box-shadow .12s steps(2,end);box-shadow:3px 3px #0000005c}.coursework-group:hover{border-color:var(--accent);box-shadow:5px 5px #00000080}.coursework-resource{border:2px solid var(--line);background:var(--surface);justify-content:center;align-items:center;min-height:9rem;padding:1rem;display:flex;box-shadow:3px 3px #0000005c}.coursework-resource__link{text-align:center;justify-content:center;width:100%}.coursework-group__title{color:var(--accent);font-family:var(--font-display);margin:0;font-size:.95rem;line-height:1.35}.education-item .coursework-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.education-item .coursework-list li{border:1px solid var(--line-subtle);background:var(--surface-raised);min-width:0;color:var(--text);font-family:var(--font-sans);padding:.65rem .65rem .65rem 1.35rem;font-size:.75rem;line-height:1.45;transition:transform .12s steps(2,end),border-color .12s steps(2,end),background-color .12s steps(2,end),box-shadow .12s steps(2,end);position:relative}.education-item .coursework-list li:hover{border-color:var(--accent);background:var(--surface-strong);transform:translate(-2px,-2px);box-shadow:4px 4px #00000080}.education-item .coursework-list li:before{background:var(--accent);content:"";width:.34rem;height:.34rem;position:absolute;top:.95rem;left:.55rem}.education-item .document-actions{margin-top:1.5rem}@media (min-width:761px){.coursework-groups{grid-auto-rows:auto;align-items:stretch}.coursework-group,.coursework-resource{box-sizing:border-box;height:auto;min-height:0}}@media (max-width:760px){.section-monster{width:4rem}.education-record{flex-direction:column;gap:.45rem}.education-record time{margin-top:0}.coursework-groups,.education-item .coursework-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){body:before{display:none}.section-monster{transition:none;animation:none}.feature-project:hover,.project-card:hover,.header-contact:hover,.header-document:hover,.button-primary:hover,.detail-action--primary:hover,.button-secondary:hover,.detail-action--secondary:hover,.back-link:hover,.project-pagination a:hover,.footer-contact-link:hover,.education-item .coursework-list li:hover{transform:none}}.feature-project,.project-card,.project-carousel,.skills-group,.coursework-group,.coursework-resource,.education-item,.education-item .coursework-list li{-webkit-backdrop-filter:blur(8px)saturate(1.08);backdrop-filter:blur(8px)saturate(1.08);background-color:#0d182b94}.education-item .coursework-list li:hover{background-color:#1f2f49b8}@media (prefers-reduced-transparency:reduce){.feature-project,.project-card,.project-carousel,.skills-group,.coursework-group,.coursework-resource,.education-item,.education-item .coursework-list li{background-color:var(--surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none}}.hero-kicker{color:var(--accent);font-family:var(--font-display);letter-spacing:.045em;text-shadow:4px 4px #000000d1;margin-bottom:clamp(.9rem,1.6vw,1.3rem);font-size:clamp(1.2rem,2.8vw,2.15rem);font-weight:700;line-height:1}html[lang=th] .hero-kicker{font-family:var(--font-thai);letter-spacing:0;font-size:clamp(1.2rem,3.6vw,2.15rem);line-height:1.2}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}