/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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-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-ease:initial}}}@layer theme{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--container-5xl:64rem;--font-weight-black:900;--tracking-tight:-.025em;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Kanit",sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-1\/2{top:50%}.top-24{top:calc(var(--spacing) * 24)}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.mx-auto{margin-inline:auto}.-mt-10{margin-top:calc(var(--spacing) * -10)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-auto{margin-top:auto}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.block{display:block}.flex{display:flex}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-\[280px\]{width:280px}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[160px\]{max-width:160px}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)}.-translate-x-1\/2,.-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)}.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}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[40px\]{border-radius:40px}.rounded-t-\[40px\]{border-top-left-radius:40px;border-top-right-radius:40px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[\#D7E2EA\]{border-color:#d7e2ea}.bg-background{background-color:var(--background)}.object-cover{object-fit:cover}.p-4{padding:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-\[14vw\]{font-size:14vw}.leading-none{--tw-leading:1;line-height:1}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.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)}.blur,.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,)}.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,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))}.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)}@media (min-width:40rem){.sm\:top-auto{top:auto}.sm\:bottom-0{bottom:0}.sm\:-mt-12{margin-top:calc(var(--spacing) * -12)}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mt-20{margin-top:calc(var(--spacing) * 20)}.sm\:mb-20{margin-bottom:calc(var(--spacing) * 20)}.sm\:w-\[360px\]{width:360px}.sm\:max-w-\[220px\]{max-width:220px}.sm\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:gap-12{gap:calc(var(--spacing) * 12)}.sm\:gap-14{gap:calc(var(--spacing) * 14)}.sm\:rounded-\[50px\]{border-radius:50px}.sm\:rounded-t-\[50px\]{border-top-left-radius:50px;border-top-right-radius:50px}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:pt-32{padding-top:calc(var(--spacing) * 32)}.sm\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.sm\:text-\[15vw\]{font-size:15vw}}@media (min-width:48rem){.md\:top-32{top:calc(var(--spacing) * 32)}.md\:-mt-5{margin-top:calc(var(--spacing) * -5)}.md\:-mt-14{margin-top:calc(var(--spacing) * -14)}.md\:mt-24{margin-top:calc(var(--spacing) * 24)}.md\:mb-28{margin-bottom:calc(var(--spacing) * 28)}.md\:w-\[440px\]{width:440px}.md\:max-w-\[260px\]{max-width:260px}.md\:gap-16{gap:calc(var(--spacing) * 16)}.md\:gap-20{gap:calc(var(--spacing) * 20)}.md\:rounded-\[60px\]{border-radius:60px}.md\:rounded-t-\[60px\]{border-top-left-radius:60px;border-top-right-radius:60px}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:py-12{padding-block:calc(var(--spacing) * 12)}.md\:py-32{padding-block:calc(var(--spacing) * 32)}.md\:pt-8{padding-top:calc(var(--spacing) * 8)}.md\:pt-40{padding-top:calc(var(--spacing) * 40)}.md\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.md\:text-\[16vw\]{font-size:16vw}}@media (min-width:64rem){.lg\:w-\[520px\]{width:520px}.lg\:text-\[17\.5vw\]{font-size:17.5vw}}}.dark,:root{--background:#0c0c0c;--foreground:#d7e2ea;--border:#d7e2ea;--ring:#d7e2ea;--stack-top:6rem;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}#root,.main-wrapper,body,html{background:#0c0c0c}html{scroll-behavior:smooth;scroll-padding-top:30px}body{color:#d7e2ea;font-family:Kanit,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible{outline-offset:6px;outline:2px solid #d7e2ea}.main-wrapper{overflow-x:clip}.skip-link{z-index:100;color:#000;background:#fff;padding:12px;position:fixed;top:-70px;left:12px}.skip-link:focus{top:12px}.hero-heading{-webkit-text-fill-color:transparent;background:linear-gradient(#646973,#bbccd7);-webkit-background-clip:text;background-clip:text}.hero{min-height:620px;max-height:1400px;overflow-x:clip}.hero-nav{z-index:30;color:#d7e2ea;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500;position:relative}.hero-nav a{transition:opacity .2s}.hero-nav a:hover{opacity:.7}.heading-wrap{z-index:0;position:relative}.hero-description{text-transform:uppercase;letter-spacing:.025em;font-size:clamp(.75rem,1.4vw,1.5rem);font-weight:300;line-height:1.375}.hero-bottom{pointer-events:none}.hero-bottom>*{pointer-events:auto}.contact-button,.live-button{white-space:nowrap;text-transform:uppercase;letter-spacing:.1em;border-radius:9999px;justify-content:center;align-items:center;gap:10px;font-weight:500;transition:filter .2s,background .2s;display:inline-flex}.contact-button{color:#fff;outline-offset:-3px;background:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00);border:none;outline:2px solid #fff;padding:12px 32px;font-size:12px;box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1}.contact-button:not(:disabled):hover{filter:brightness(1.15)}.live-button{color:#d7e2ea;background:0 0;border:2px solid #d7e2ea;padding:12px 32px;font-size:14px}.live-button:not(:disabled):hover{background:#d7e2ea1a}.marquee{background:#0c0c0c;flex-direction:column;gap:12px;display:flex;overflow:hidden}.marquee-track{width:100%}.marquee-row{will-change:transform;gap:12px;width:max-content;display:flex}.marquee-row img{background:#171717;flex-shrink:0;width:420px;height:270px}.section-heading{text-transform:uppercase;letter-spacing:-.025em;text-align:center;font-size:clamp(3rem,12vw,160px);font-weight:900;line-height:1}.about{isolation:isolate}.about-content{width:100%}.animated-text{text-align:center;max-width:560px;font-size:clamp(1rem,2vw,1.35rem);font-weight:500;line-height:1.625}.word{white-space:pre}.character,.word{display:inline-block}.character{position:relative}.decoration{pointer-events:none;z-index:0;position:absolute}.moon{width:120px;top:4%;left:1%}.object{width:100px;bottom:8%;left:3%}.lego{width:120px;top:4%;right:1%}.group{width:130px;bottom:8%;right:3%}.services{color:#0c0c0c;background:#fff}.service{border-bottom:1px solid #0c0c0c26}.project-number,.service-number{letter-spacing:-.045em;flex-shrink:0;font-size:clamp(3rem,10vw,140px);font-weight:900;line-height:1}.service h3{text-transform:uppercase;margin-bottom:12px;font-size:clamp(1rem,2.2vw,2.1rem);font-weight:500}.service p{opacity:.6;max-width:42rem;font-size:clamp(.85rem,1.6vw,1.25rem);font-weight:300;line-height:1.625}.projects{background:#0c0c0c}.project-stack{padding-bottom:18vh}.project-slot{height:85vh;min-height:760px}.project-card{transform-origin:top;background:#0c0c0c;max-width:1440px;margin:auto}.project-header{align-items:center;gap:28px;margin-bottom:24px;display:flex}.project-header .live-button{margin-left:auto}.project-actions{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.project-actions .live-button{margin-left:0}.project-images.is-screenshot img{object-position:top center}.project-title p{text-transform:uppercase;font-size:14px;font-weight:300}.project-title h3{text-transform:uppercase;font-size:clamp(1.2rem,3vw,3rem);font-weight:500;line-height:1.1}.project-images{grid-template-columns:2fr 3fr}.project-images,.project-left{gap:16px;display:grid}.project-images img{object-fit:cover;background:#181818;border-radius:40px;width:100%;height:100%;min-height:0;display:block}.project-left img:first-child{height:clamp(130px,16vw,230px)}.project-left img:last-child{height:clamp(160px,22vw,340px)}.project-images>img{height:100%;max-height:586px}.portrait img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media (min-width:640px){.contact-button{padding:14px 40px;font-size:14px}.live-button{padding:14px 40px;font-size:16px}.lego,.moon{width:160px}.moon{left:2%}.lego{right:2%}.object{width:140px;left:6%}.group{width:170px;right:6%}.project-images img{border-radius:50px}}@media (min-width:768px){:root{--stack-top:8rem}.hero-nav{font-size:18px}.contact-button{padding:16px 48px;font-size:16px}.lego,.moon{width:210px}.moon{left:4%}.lego{right:4%}.object{width:180px;left:10%}.group{width:220px;right:10%}.project-images img{border-radius:60px}}@media (min-width:1024px){.hero-nav{font-size:1.4rem}}@media (max-width:639px){.hero{min-height:640px}.hero-bottom{gap:14px}.contact-button{padding-left:24px;padding-right:24px}.about{padding-top:190px;padding-bottom:200px}.about-content{max-width:560px}.project-header{flex-wrap:wrap;gap:12px}.project-header .live-button{padding:10px 18px;font-size:12px}.project-title{flex:1}.project-title h3{font-size:1.2rem}.project-images,.project-left{gap:10px}.project-images img{border-radius:26px}.project-slot{height:85vh;min-height:570px}.project-number{font-size:3.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-row{transform:none!important}.marquee,.marquee-track{overflow:auto}.marquee-row{margin-left:0!important}.marquee-row img:nth-child(n+12){display:none}*{transition:none!important}}@media (min-width:768px){:root{--stack-top:2rem}.hero{max-width:1280px;height:min(88svh,800px);min-height:560px;margin-inline:auto}.hero-nav{padding:28px 48px 0;font-size:1rem}.heading-wrap{text-align:center;margin-top:24px;padding-inline:36px}.heading-wrap h1{font-size:clamp(6rem,12.5vw,11rem)}.portrait{width:clamp(320px,31vw,420px)}.hero-bottom{padding:0 48px 32px}.hero-description{max-width:250px;font-size:1rem;line-height:1.5}.contact-button,.live-button{padding:12px 30px;font-size:.875rem}.marquee{padding-top:64px;padding-bottom:24px}.marquee-row{gap:12px}.marquee-row img{width:320px;height:206px}.section-heading{font-size:clamp(3.5rem,6.5vw,6rem)}.about{max-width:1280px;min-height:640px;margin-inline:auto;padding-block:100px}.about-content>div:first-child{gap:36px}.animated-text{max-width:640px;font-size:1.125rem;line-height:1.75}#contact{margin-top:44px}.lego,.moon{width:140px;top:9%}.object{width:120px;bottom:10%;left:8%}.group{width:145px;bottom:10%;right:8%}.projects,.services{border-top-left-radius:40px;border-top-right-radius:40px;padding:80px max(48px,50vw - 592px)}.projects .section-heading,.services .section-heading{margin-bottom:52px}.service{gap:48px;padding-block:28px}.project-number,.service-number{font-size:clamp(3.5rem,5vw,4.75rem)}.service h3{margin-bottom:8px;font-size:1.5rem}.service p{font-size:1rem;line-height:1.65}.projects{margin-top:-32px}.project-card{border-radius:32px;max-width:1120px;padding:24px}.project-header{gap:24px;margin-bottom:20px}.project-title h3{font-size:clamp(1.5rem,2.4vw,2rem)}.project-images,.project-left{gap:12px}.project-images img{border-radius:24px}.project-left img:first-child{height:clamp(120px,19svh,165px)}.project-left img:last-child{height:clamp(150px,24svh,215px)}.project-images>img{max-height:392px}.project-slot{height:78svh;min-height:590px}.project-stack{padding-bottom:8vh}}@media (min-width:768px) and (max-height:700px){.hero{min-height:500px}.portrait{width:320px}.heading-wrap h1{font-size:min(12vw,140px)}}@media (min-width:768px){.marquee{--marquee-tile-width:320px}}.service{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:40px;display:grid}.service-number{font-variant-numeric:tabular-nums;text-align:left;line-height:1.1}.service h3{padding-top:4px}.section-kicker{text-align:center;color:#afabc0;text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px;font-size:12px}.section-intro{text-align:center;color:#afb7bf;max-width:560px;margin:24px auto 0;font-size:17px;line-height:1.7}.contact-section,.credentials-section,.tech-section{background:#0c0c0c;padding:90px max(28px,50vw - 560px);scroll-margin-top:32px;position:relative}.tech-section{padding-bottom:100px}.tech-playground{background:radial-gradient(#1f203155,#0000 65%);border:1px solid #ffffff12;border-radius:36px;max-width:1040px;height:510px;margin:24px auto 18px;position:relative;overflow:hidden}.tech-canvas{position:absolute;inset:0}.tech-canvas canvas{width:100%;height:100%;display:block}.tech-controls{color:#b3b4c2;justify-content:flex-end;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.tech-controls span{margin-right:auto}.tech-controls button{color:#d7e2ea;cursor:pointer;background:#17171fe6;border:1px solid #ffffff30;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.tech-fallback{text-align:center;color:#b3b4c2;padding-top:200px}.tech-list{flex-wrap:wrap;justify-content:center;gap:10px 22px;max-width:800px;margin:auto;list-style:none;display:flex}.tech-list li{color:#bdc5cf;align-items:center;gap:8px;font-size:14px;display:flex}.tech-list li span{border-radius:50%;width:6px;height:6px}.project-art-note{color:#9da3ad;margin:0 0 14px;font-size:12px}.project-header .live-button{padding:12px 20px;font-size:12px}.project-slot{min-height:640px}.projects{margin-top:0}.certification-empty{text-align:center;background:linear-gradient(135deg,#d7e2ea08,#b884ff05);border:1px solid #d7e2ea26;border-radius:28px;max-width:760px;margin:48px auto 0;padding:48px 24px}.certification-empty>svg{color:#b7a4df;margin:0 auto 20px}.certification-empty h3{font-size:25px;font-weight:400}.certification-empty p{color:#a6adba;margin-top:10px;font-size:16px}.certification-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px;display:grid}.certification-card{border:1px solid #d7e2ea33;border-radius:24px;padding:28px}.certification-card h3{margin:18px 0 12px;font-size:22px}.certification-card p{color:#a7afbc}.certification-card a{align-items:center;gap:8px;margin-top:20px;display:inline-flex}.certification-card img{border-radius:12px;width:100%;margin-top:20px}.contact-section{text-align:center;border-top:1px solid #d7e2ea20;padding-bottom:35px}.email-link{word-break:break-word;justify-content:center;align-items:center;gap:16px;margin:38px auto;font-size:clamp(18px,2.5vw,32px);display:inline-flex}.email-link:hover{color:#c7acff}.social-links{justify-content:center;gap:24px;display:flex}.social-links a{border:1px solid #d7e2ea35;border-radius:18px;align-items:center;gap:16px;padding:20px 30px;font-size:18px;transition:transform .25s,background .25s;display:flex}.social-links a:hover{background:#d7e2ea0c;transform:translateY(-5px)}.footer-note{color:#969dad;letter-spacing:.1em;border-top:1px solid #d7e2ea20;justify-content:space-between;gap:20px;margin-top:90px;padding-top:26px;font-size:12px;display:flex}.side-rail{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#17171cbf;border:1px solid #ffffff25;border-radius:28px;flex-direction:column;gap:14px;padding:12px 8px;display:flex;position:fixed;top:54%;left:18px;transform:translateY(-50%);box-shadow:0 12px 44px #0005}.side-rail>a{color:#b7becb;border-radius:17px;place-items:center;width:48px;height:48px;transition:background .25s,color .25s,transform .25s;display:grid;position:relative}.side-rail>a:focus-visible,.side-rail>a:hover,.side-rail>a[aria-current]{color:#ecddff;background:#cbb4ff1f}.side-rail>a:hover{transform:translate(3px)}.rail-popup{transform-origin:0;text-align:left;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;background:#20202deb;border:1px solid #ddd2ff35;border-radius:18px;min-width:210px;padding:16px 20px;transition:opacity .25s,transform .25s,visibility .25s;position:absolute;top:50%;left:calc(100% + 22px);transform:translate(-10px,-50%)scale(.96);box-shadow:0 12px 40px #0006}.rail-popup strong{font-size:16px;font-weight:500;display:block}.rail-popup small{color:#b0adc0;margin-top:4px;font-size:12px;display:block}.side-rail a:focus-visible .rail-popup,.side-rail a:hover .rail-popup{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}.glass-filter-defs{width:0;height:0}.glass-cursor,.glass-filter-defs{pointer-events:none;position:fixed}.glass-cursor{z-index:1000;opacity:0;-webkit-backdrop-filter:url(#glass-refraction);will-change:transform;background:linear-gradient(145deg,#ffffff15,#ffffff01 40%,#b8cfff12);border:1px solid #ffffff70;border-radius:49% 51% 54% 46%/45% 47% 53% 55%;width:104px;height:104px;transition:opacity .15s,border-radius .35s,box-shadow .25s;top:0;left:0;box-shadow:inset 1px 2px 3px #fff8,inset -2px -3px 6px #bfd5ff38,0 5px 18px #0003}.glass-cursor:before{content:"";border-top:2px solid #fffa;border-radius:50%;width:42px;height:14px;position:absolute;top:7px;left:17px;transform:rotate(-20deg)}.glass-cursor>span{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 1px #000}.glass-cursor[data-interactive=true]{border-radius:42% 58% 47% 53%/52% 43% 57% 48%;box-shadow:inset 2px 2px 6px #fff9,inset -2px -3px 8px #c4b5fd55,0 6px 25px #b497ff22}.cursor-toggle{color:#c9c6d6;z-index:70;cursor:pointer;background:#16161ee6;border:1px solid #ffffff30;border-radius:24px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;display:flex;position:fixed;bottom:20px;right:22px}.about-contact-cta{margin-top:42px}@media (pointer:fine) and (min-width:768px){html[data-glass-cursor=true],html[data-glass-cursor=true] a,html[data-glass-cursor=true] button{cursor:none}}@media (min-width:1024px){.about,.hero{padding-left:80px}.contact-section,.credentials-section,.projects,.services,.tech-section{padding-left:max(110px,50vw - 540px);padding-right:max(48px,50vw - 592px)}.services .service{gap:40px}.contact-section .section-heading,.credentials-section .section-heading,.tech-section .section-heading{font-size:clamp(3.5rem,6vw,5.8rem)}}@media (max-width:1023px){.side-rail{gap:10px;padding:8px 5px;left:10px}.side-rail>a{width:40px;height:40px}.about,.hero{padding-left:66px}.contact-section,.credentials-section,.projects,.services,.tech-section{padding-left:76px}.service{grid-template-columns:80px minmax(0,1fr);gap:24px}}@media (max-width:767px){.side-rail{border-radius:22px;flex-direction:row;gap:6px;padding:8px;top:auto;bottom:14px;left:50%;transform:translate(-50%)}.side-rail>a{width:40px;height:42px}.rail-popup{text-align:center;min-width:180px;top:auto;bottom:calc(100% + 20px);left:50%;transform:translate(-50%,10px)scale(.96)}.side-rail a:focus-visible .rail-popup,.side-rail a:hover .rail-popup{transform:translate(-50%)scale(1)}.about,.hero{padding-left:20px}.contact-section,.credentials-section,.projects,.services,.tech-section{padding-left:22px;padding-right:22px}.credentials-section,.tech-section{padding-block:65px}.tech-playground{border-radius:24px;height:450px}.tech-controls span{max-width:170px}.section-intro{font-size:16px}.service{grid-template-columns:60px minmax(0,1fr);gap:22px}.service-number{font-size:44px}.service p{font-size:16px}.service h3{font-size:19px}.section-heading{font-size:clamp(2.2rem,8vw,4rem)}.social-links{flex-wrap:wrap;gap:12px}.social-links a{padding:16px 22px;font-size:16px}.email-link{gap:10px;font-size:18px}.contact-section{padding-bottom:112px}.footer-note{margin-top:50px;font-size:10px}.cursor-toggle,.glass-cursor{display:none}.project-header .live-button{padding:9px 12px;font-size:11px}.project-header .live-button>svg:last-child{display:none}.project-art-note{font-size:11px}.project-slot{min-height:580px}.project-header{gap:10px}.tech-list{gap:12px 18px}}@media (pointer:coarse),(prefers-reduced-motion:reduce){.cursor-toggle,.glass-cursor{display:none}}@media (min-width:768px){.portrait{width:min(clamp(320px,31vw,420px),min(88svh,800px)/1.085 - 248.848px)}}.glass-cursor{-webkit-backdrop-filter:none;overflow:hidden}.glass-lens-content{border-radius:inherit;z-index:-1;background:#0c0c0c;position:absolute;inset:0;overflow:hidden}.glass-lens-content>main{pointer-events:none;position:absolute;top:0;left:0}.glass-lens-content .side-rail a[data-lens-hover=true]{color:#ecddff;background:#cbb4ff1f;transform:translate(3px)}.glass-lens-content .side-rail a[data-lens-hover=true] .rail-popup{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}.certification-grid:has(.credential-feature){grid-template-columns:1fr;max-width:1120px;margin:48px auto 0;display:grid}.certification-card.credential-feature{text-align:left;background:linear-gradient(120deg,#1d1826,#111116 65%);border:1px solid #c9b7ef40;border-radius:32px;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;padding:16px;display:grid;box-shadow:0 24px 70px #0005}.credential-feature .credential-preview{background:#fffbf2;border-radius:20px;margin:0;display:block;position:relative;overflow:hidden}.credential-feature .credential-preview img{border-radius:0;width:100%;height:auto;margin:0;transition:transform .35s;display:block}.credential-preview:focus-visible img,.credential-preview:hover img{transform:scale(1.025)}.credential-feature .credential-preview-hint{color:#fff;white-space:nowrap;opacity:0;background:#15111ee8;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;transition:opacity .2s;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.credential-preview:focus-visible .credential-preview-hint,.credential-preview:hover .credential-preview-hint{opacity:1}.credential-details{min-width:0;padding:20px 20px 20px 0}.credential-issuer{color:#d2bff3;align-items:center;gap:10px;margin-bottom:18px;font-size:15px;display:flex}.credential-feature h3{color:#e7e7ee;margin:0 0 18px;font-size:clamp(25px,3vw,38px);font-weight:500;line-height:1.12}.credential-feature .credential-date{color:#b7b8c5;margin:0;font-size:16px}.credential-feature .credential-id{color:#9695a5;margin:22px 0 0;font-size:13px}.credential-id span{color:#ccc9d7;overflow-wrap:anywhere;margin-top:4px;font-size:14px;display:block}.credential-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px;display:flex}.credential-feature .credential-actions a{align-items:center;gap:8px;margin:0;font-size:14px;text-decoration:none;display:inline-flex}.credential-feature .credential-open{color:#17111f;background:#d7c6f3;border-radius:30px;padding:12px 18px}.credential-feature .credential-download{color:#d7d4e0;padding:10px 0}.credential-actions a:hover{filter:brightness(1.15)}@media (max-width:767px){.certification-card.credential-feature{border-radius:24px;grid-template-columns:1fr;gap:4px;padding:12px}.credential-details{padding:24px 12px 16px}.credential-feature .credential-preview-hint{opacity:1}}@media (prefers-reduced-motion:reduce){.credential-feature .credential-preview img,.credential-feature .credential-preview-hint{transition:none}.credential-preview:focus-visible img,.credential-preview:hover img{transform:none}}.project-intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.project-intro p{color:#b4c0cb;max-width:65ch;font-size:14px;line-height:1.5}.story-trigger{color:#e1c5f7;cursor:pointer;font:inherit;background:0 0;border:0;flex-shrink:0;align-items:center;gap:7px;padding:8px 0;font-size:14px;display:inline-flex}.story-trigger:hover{color:#fff}.story-close:focus-visible,.story-trigger:focus-visible{outline-offset:5px;outline:2px solid #e1c5f7}.project-pipeline{background:linear-gradient(135deg,#22182b,#10151b);border-radius:24px;flex-direction:column;justify-content:center;min-height:300px;padding:32px;display:flex}.pipeline-caption{color:#c9b4dd;margin-bottom:26px;font-size:16px}.project-pipeline ol{grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;display:grid}.project-pipeline li{border-top:1px solid #67616e;padding-top:18px;font-size:clamp(16px,1.8vw,23px)}.project-pipeline li span{color:#a28bb6;margin-bottom:12px;font-size:13px;display:block}.pipeline-stack{color:#9da9b7;margin-top:32px;font-size:13px}.project-story{color:#d7e2ea;overscroll-behavior:contain;background:#131117;border:1px solid #60576b;border-radius:28px;width:min(760px,100% - 32px);max-height:85dvh;margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.project-story::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1}.story-body{padding:clamp(24px,5vw,48px)}.story-body form{justify-content:flex-end;margin-bottom:16px;display:flex}.story-close{color:#d7e2ea;cursor:pointer;font:inherit;background:0 0;border:0;padding:8px}.story-category{color:#c9a3e3;font-size:13px}.story-body h2{margin:8px 0 16px;font-size:clamp(30px,5vw,48px);line-height:1.15}.story-summary{color:#bac7d3;font-size:18px;line-height:1.6}.story-stack{flex-wrap:wrap;gap:8px;margin:24px 0 32px;list-style:none;display:flex}.story-stack li{border:1px solid #47404f;border-radius:30px;padding:5px 12px;font-size:13px}.story-body section{margin-bottom:26px}.story-body h3{margin-bottom:8px;font-size:18px}.story-body section p{color:#b5becb;font-size:16px;line-height:1.75}body:has(.project-story[open]){overflow:hidden}body:has(.project-story[open]) .glass-cursor{display:none}@media (max-width:639px){.project-intro{display:block}.project-intro p{font-size:13px}.project-pipeline{padding:22px}.project-pipeline ol{grid-template-columns:1fr 1fr}.project-slot{min-height:700px}}.project-story{background:#0c0c0c;border:2px solid #d7e2ea;border-radius:32px;font-family:inherit}.story-body h2{text-transform:uppercase;letter-spacing:-.035em;font-weight:900}.story-category{color:#b4c0cb}.story-actions{margin:32px 0 0}.story-actions .live-button{padding:12px 20px;font-size:12px}html[data-glass-cursor=true] .project-story,html[data-glass-cursor=true]:has(.project-story[open]){cursor:auto}html[data-glass-cursor=true] .project-story a,html[data-glass-cursor=true] .project-story button{cursor:pointer}.project-card{min-height:100%}@media (max-height:700px),(max-width:767px){.project-slot{height:auto;min-height:0;margin-bottom:28px;position:relative;top:auto!important}.project-card{min-height:0;transform:none!important}}@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-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-ease{syntax:"*";inherits:false}