/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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;--spacing:.25rem;--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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}::-webkit-calendar-picker-indicator{line-height:1}:-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{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#f4f5f2;--screen:#090b0a;--panel:#101311;--green:#56d364;--green-dim:#2b7a39;--muted:#8a9090;--line:#292e2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--screen);color:var(--ink);font-family:var(--font-geist-mono), "Courier New", monospace;text-rendering:optimizelegibility;background-image:linear-gradient(#ffffff05 1px,#0000 1px);background-size:100% 4px;margin:0}body:before{content:"";z-index:50;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 160px #00000080}a{color:inherit;text-decoration:none}img{max-width:100%}.content-shell{width:min(1080px,100% - 140px);margin-inline:auto}.skip-link{z-index:100;background:var(--green);color:#050705;padding:12px 16px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.system-bar{border-bottom:1px solid var(--line);height:34px;color:var(--muted);letter-spacing:.14em;background:#121513;justify-content:center;align-items:center;gap:6vw;font-size:9px;font-weight:700;display:flex}.system-bar span:nth-child(2){color:var(--green)}.nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;letter-spacing:.08em;text-transform:uppercase;background:#090b0ae0;grid-template-columns:1fr auto 1fr;align-items:center;gap:42px;height:76px;padding:0 5vw;font-size:10px;font-weight:700;display:grid;position:sticky;top:0}.logo{width:max-content;color:var(--green);letter-spacing:-.035em;font-size:14px}.logo:before{content:"[";color:var(--muted)}.logo:after{content:"]";color:var(--muted)}.logo-separator{color:var(--muted)}.nav-links{gap:30px;display:flex}.nav-links a{padding-block:9px;position:relative}.nav-links a:after{content:"";background:var(--green);transform-origin:100%;height:1px;transition:transform .2s;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-links span{color:var(--green)}.nav-cta{border:1px solid var(--line);justify-self:end;padding:12px 16px}.nav-cta:hover,.button:hover{background:var(--green);border-color:var(--green);color:#050705}.social-rail,.contact-rail{z-index:12;color:var(--muted);letter-spacing:.1em;flex-direction:column;align-items:center;gap:15px;font-size:9px;display:flex;position:fixed;bottom:0}.social-rail{left:3vw}.contact-rail{right:3vw}.social-rail a{place-items:center;width:30px;height:30px;transition:transform .2s,filter .2s;display:grid}.social-rail a:hover{filter:brightness(1.18);transform:translateY(-2px)}.social-rail a:focus-visible{outline:1px solid var(--green);outline-offset:3px}.social-rail a[aria-label=LinkedIn]:focus-visible{outline-color:#0a66c2}.social-rail a[aria-label=Instagram]:focus-visible{outline-color:#ee2a7b}.social-icon{background:currentColor;width:17px;height:17px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.social-icon-github{background:var(--green);-webkit-mask-image:url(/icon-github.svg);mask-image:url(/icon-github.svg)}.social-icon-linkedin{background:#0a66c2;-webkit-mask-image:url(/icon-linkedin.svg);mask-image:url(/icon-linkedin.svg)}.social-icon-instagram{background:linear-gradient(135deg,#f9ce34 5%,#ee2a7b 48%,#6228d7 95%);-webkit-mask-image:url(/icon-instagram.svg);mask-image:url(/icon-instagram.svg)}.social-rail>.social-line,.contact-rail>i{background:var(--line);width:1px;height:80px}.contact-rail>span{writing-mode:vertical-rl;text-transform:uppercase;transform:rotate(180deg)}.hero{border-bottom:1px solid var(--line);align-items:center;min-height:calc(100vh - 110px);padding:100px max(12vw,150px) 90px;display:flex;position:relative;overflow:hidden}.hero:after{content:"01 10 11 00 01 01 00 10ਐ01 00 11 10 00 11 01਀11 01 10 00 11 01 10";white-space:pre;color:#56d36421;letter-spacing:.35em;font-size:12px;line-height:2;position:absolute;bottom:90px;right:6vw}.hero-content{z-index:3;max-width:min(850px,62vw);position:relative}.hero-greeting{color:var(--green);letter-spacing:.08em;margin:0 0 24px;font-size:11px;font-weight:700}.hero-greeting p{margin:0}.hero-greeting p+p{color:var(--ink);margin-top:7px}.hero h1{letter-spacing:-.08em;margin:0 0 14px;font-size:clamp(72px,9vw,138px);font-weight:700;line-height:.84}.typed-name{white-space:nowrap;letter-spacing:0;vertical-align:bottom;width:5.12ch;display:inline-block;position:relative}.typed-text{width:0;animation:.9s steps(5,end) .7s both typeName;display:block;overflow:hidden}.typed-name:after{content:"";background:var(--green);width:.065em;animation:.9s steps(5,end) .7s both cursorTravel,1s step-end 1.6s infinite nameCursor;position:absolute;top:.03em;bottom:.03em;left:0}@keyframes typeName{0%{width:0}to{width:5ch}}@keyframes cursorTravel{0%{left:0}to{left:5ch}}@keyframes nameCursor{0%,48%{opacity:1}49%,to{opacity:0}}.hero h2{color:#b9beb9;letter-spacing:-.065em;max-width:1000px;margin:0;font-size:clamp(40px,5.4vw,78px);font-weight:700;line-height:.96}.hero-summary{max-width:720px;color:var(--muted);margin:32px 0 0;font-size:13px;line-height:1.75}.hero-summary strong{color:var(--ink)}.hero-status{color:var(--muted);letter-spacing:.08em;flex-wrap:wrap;gap:9px 24px;margin-top:25px;font-size:9px;display:flex}.hero-status span:before{content:"●";color:var(--green);margin-right:8px}.hero-actions{gap:12px;margin-top:34px;display:flex}.button{border:1px solid var(--green);text-align:center;min-width:165px;color:var(--green);letter-spacing:.08em;text-transform:uppercase;padding:14px 18px;font-size:10px;font-weight:700;transition:all .2s}.button-quiet{border-color:var(--line);color:var(--ink)}.hero-index{color:var(--muted);letter-spacing:.12em;margin:0;font-size:9px;position:absolute;bottom:26px;right:5vw}.hero-index b{background:var(--green);width:7px;height:7px;box-shadow:0 0 14px var(--green);border-radius:50%;margin-left:8px;animation:1.4s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.5}}.digital-self{z-index:2;width:min(31vw,470px);margin:0;position:absolute;top:50%;right:5.2vw;transform:translateY(-48%)}.digital-self-screen{aspect-ratio:1;background:#080b0980;border:1px solid #56d36485;animation:5s ease-in-out infinite avatarFloat;position:relative;overflow:hidden;box-shadow:0 0 55px #56d3640d,inset 0 0 50px #000000a6}.digital-self-screen:before{content:"FACIAL_INTERFACE // LIVE";z-index:6;color:var(--green);letter-spacing:.1em;font-size:8px;font-weight:700;position:absolute;top:18px;left:22px}.digital-self-screen:after{content:"";z-index:5;pointer-events:none;border:1px dashed #56d36429;position:absolute;inset:11%}.avatar-frame{object-fit:contain;opacity:0;filter:drop-shadow(0 0 14px #f4f5f21f);will-change:opacity, transform, filter;width:94%;height:94%;position:absolute;inset:3%}.avatar-neutral{animation:8s step-end infinite avatarNeutral,8s step-end infinite avatarGlitch}.avatar-smile{animation:8s step-end infinite avatarSmile}.avatar-wink{animation:8s step-end infinite avatarWink}.avatar-corners{z-index:8;pointer-events:none;background:linear-gradient(var(--green),var(--green)) left top/24px 2px no-repeat,linear-gradient(var(--green),var(--green)) left top/2px 24px no-repeat,linear-gradient(var(--green),var(--green)) right top/24px 2px no-repeat,linear-gradient(var(--green),var(--green)) right top/2px 24px no-repeat,linear-gradient(var(--green),var(--green)) left bottom/24px 2px no-repeat,linear-gradient(var(--green),var(--green)) left bottom/2px 24px no-repeat,linear-gradient(var(--green),var(--green)) right bottom/24px 2px no-repeat,linear-gradient(var(--green),var(--green)) right bottom/2px 24px no-repeat;opacity:.72;position:absolute;inset:9px}.avatar-scan{z-index:7;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#0000 0%,#56d36417 48%,#56d36433 50%,#56d3640f 52%,#0000 100%) 0 0/100% 35%;animation:7.2s linear infinite faceScan;position:absolute;inset:0}.digital-self figcaption{color:var(--muted);letter-spacing:.1em;justify-content:space-between;gap:16px;padding:13px 3px 0;font-size:8px;display:flex}.digital-self figcaption span:last-child{color:var(--green)}@keyframes avatarNeutral{0%,44%,96%,to{opacity:1}45%,95%{opacity:0}}@keyframes avatarSmile{0%,44%,76%,88%,to{opacity:0}45%,75%,89%,95%{opacity:1}}@keyframes avatarWink{0%,75%,89%,to{opacity:0}76%,88%{opacity:1}}@keyframes avatarGlitch{0%,20%,22%,62%,64%,to{filter:drop-shadow(0 0 14px #f4f5f21f);transform:translate(0)}21%{filter:drop-shadow(-5px 0 #56d364)drop-shadow(5px 0 #b9e8ff);transform:translate(5px,-2px)}63%{filter:drop-shadow(4px 0 #56d364);transform:translate(-3px,1px)}}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes faceScan{0%{background-position:0 -150%}to{background-position:0 250%}}.section-title{grid-template-columns:auto auto 1fr;align-items:center;gap:14px;margin-bottom:66px;display:grid}.section-title span{color:var(--green);letter-spacing:.08em;font-size:10px}.section-title h2{letter-spacing:-.04em;white-space:nowrap;margin:0;font-size:24px;font-weight:700}.section-title i{background:var(--line);height:1px;margin-left:14px}.about,.projects{border-bottom:1px solid var(--line);padding:130px 0 150px}.about-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:90px;display:grid}.about-copy p{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.75}.about-copy .lead{color:var(--ink);font-size:18px;line-height:1.6}.tech-intro{text-transform:lowercase;color:var(--green)!important;margin-top:32px!important;font-size:10px!important}.tech-list{color:#b5bab5;grid-template-columns:1fr 1fr;gap:12px 24px;margin:0;padding:0;font-size:10px;list-style:none;display:grid}.tech-list li:before{content:">";color:var(--green);margin-right:10px}.profile-frame{perspective:900px;margin:0}.profile-card{border:1px solid var(--line);background:var(--panel);transform:rotateX(var(--portrait-rx)) rotateY(var(--portrait-ry));transform-style:preserve-3d;padding:10px;transition:transform .18s ease-out,border-color .3s;position:relative}.profile-card:hover{border-color:#56d3648c}.profile-card:before{content:"CAM_01 // ONLINE";z-index:3;color:var(--green);letter-spacing:.1em;font-size:8px;position:absolute;top:22px;left:22px}.profile-image-wrap{background:#090b09;overflow:hidden}.profile-card img{aspect-ratio:1;object-fit:cover;filter:grayscale()contrast(1.14)brightness(.78);width:100%;transform:scale(1.04) translate(var(--portrait-tx), var(--portrait-ty));will-change:transform, filter;transition:filter .55s,transform .18s ease-out;display:block}.profile-card:hover img{filter:grayscale(0)contrast(1.03)brightness(.95)saturate(.92);transform:scale(1.075) translate(var(--portrait-tx), var(--portrait-ty))}.profile-card:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#56d36412 1px,#0000 1px),linear-gradient(90deg,#56d36412 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:10px}.profile-frame figcaption{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:12px;margin-top:18px;font-size:8px;display:flex}@media (prefers-reduced-motion:reduce){.typed-name,.typed-text{width:auto;animation:none}.typed-name:after{display:none}.profile-card,.profile-card img{transition:filter .2s;transform:none!important}}.featured-project{border:1px solid var(--line);background:#050706}.featured-media{border-bottom:1px solid var(--line);display:block;overflow:hidden}.featured-media img{aspect-ratio:16/8.5;object-fit:cover;width:100%;transition:transform .45s,filter .45s;display:block}.featured-media:hover img{filter:brightness(1.06);transform:scale(1.012)}.featured-copy{color:var(--ink);grid-template-columns:.8fr 1.2fr;gap:70px;padding:36px;display:grid}.featured-heading>p{color:var(--green);letter-spacing:.1em;justify-content:space-between;gap:16px;margin:0 0 18px;font-size:9px;font-weight:700;display:flex}.featured-heading>p span{color:var(--muted)}.featured-copy h3{letter-spacing:-.05em;text-transform:uppercase;margin:0;font-size:39px}.featured-details>p{max-width:570px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.featured-copy ul,.project-card ul{flex-wrap:wrap;gap:8px 15px;padding:0;list-style:none;display:flex}.featured-copy ul{margin:22px 0}.featured-copy li,.project-card li{color:#a8ada8;font-size:9px}.featured-copy li:before,.project-card li:before{content:"/";color:var(--green);margin-right:5px}.featured-copy a{color:var(--green);letter-spacing:.06em;font-size:10px;font-weight:700}.more-title{color:var(--green);letter-spacing:.08em;text-transform:lowercase;margin:90px 0 35px;font-size:11px}.project-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.project-card{background:var(--screen);flex-direction:column;min-height:365px;transition:background .2s;display:flex}.project-card:hover{background:#111512}.card-top{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.card-top a{color:var(--green);font-size:19px}.project-card-media{border-bottom:1px solid var(--line);display:block;overflow:hidden}.project-card-media img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .35s;display:block}.project-card-media:hover img{transform:scale(1.02)}.project-card-body{flex-direction:column;flex:1;padding:28px;display:flex}.card-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--green)!important;margin:50px 0 11px!important;font-size:9px!important}.project-card h4{letter-spacing:-.04em;text-transform:uppercase;margin:0 0 15px;font-size:22px}.project-card-body>p{color:var(--muted);margin:0;font-size:11px;line-height:1.75}.project-card ul{margin:auto 0 0;padding-top:24px}.contact{padding:130px 0 90px}.contact-grid{grid-template-columns:1.2fr .8fr;align-items:end;gap:90px;display:grid}.contact-grid>div>p{max-width:520px;color:var(--muted);font-size:12px;line-height:1.7}.contact h2{letter-spacing:-.075em;margin:32px 0 0;font-size:clamp(50px,6.5vw,92px);line-height:.9}.contact h2 span{color:var(--green)}.contact-actions{flex-direction:column;display:flex}.contact-actions a{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;padding:20px 0;font-size:10px;font-weight:700;display:flex}.contact-actions a:hover{color:var(--green)}.contact-actions b{font-size:18px;font-weight:400}.footer{border-top:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:24px;padding:28px 0 38px;font-size:8px;display:flex}@media (width<=900px){.content-shell{width:min(720px,100% - 40px)}.system-bar span:first-child,.system-bar span:last-child{display:none}.nav{grid-template-columns:1fr auto;height:70px;padding-inline:22px}.nav-links,.social-rail,.contact-rail{display:none}.hero{min-height:720px;padding:100px 22px 75px}.hero:after{display:none}.hero-content{max-width:66vw}.hero h1{font-size:clamp(62px,13vw,100px)}.hero h2{font-size:clamp(36px,8vw,63px)}.digital-self{width:34vw;right:2vw}.about,.projects,.contact{padding-block:90px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:60px}.profile-frame{width:min(370px,100% - 10px)}.featured-copy{grid-template-columns:1fr;gap:24px;padding:28px}.project-grid{grid-template-columns:1fr}.project-card{min-height:300px}}@media (width<=520px){.hero{min-height:1040px;padding-top:88px;display:block}.hero-content{max-width:none}.hero h1{font-size:58px}.hero h2{font-size:39px}.hero-summary{font-size:11px}.hero-status{flex-direction:column}.hero-actions{flex-direction:column;align-items:flex-start}.digital-self{width:min(88vw,390px);margin:60px auto 0;position:relative;top:auto;right:auto;transform:none}.digital-self-screen:before{top:14px;left:17px}.section-title{grid-template-columns:auto 1fr}.section-title h2{font-size:18px}.section-title i{display:none}.tech-list{grid-template-columns:1fr}.featured-copy{padding:23px}.featured-copy h3{font-size:30px}.featured-media img{aspect-ratio:4/3}.contact h2{font-size:48px}.footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.avatar-neutral{opacity:1}.avatar-smile,.avatar-wink{opacity:0}.avatar-scan{display:none}}