@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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}}}@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;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}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-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}body{background:var(--color-background);color:var(--color-foreground);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}@keyframes gradient-motion{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.void-landing{isolation:isolate;background:#000;width:100%;min-height:100vh;position:relative;overflow:hidden}.void-canvas{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.void-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:48px;width:100%;min-height:100vh;padding:80px 48px 48px;display:flex;position:relative}.scan-line-overlay{pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff04 2px 4px);position:absolute;inset:0}.hero-copy-void{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex;position:relative}.void-kicker{color:#fff6;text-transform:uppercase;letter-spacing:.2em;margin:0;font-size:.68rem;font-weight:700}.void-title{color:#fff;letter-spacing:-.055em;flex-wrap:wrap;justify-content:center;gap:.04em;margin:16px 0 0;font-size:clamp(3rem,9vw,7rem);font-weight:900;line-height:.9;display:flex}.home-title-char{opacity:0;cursor:pointer;color:#fff;transition:color .2s;display:inline-block;transform:translateY(42px)}.void-subtitle{color:#ffffff8c;letter-spacing:.02em;margin:14px 0 0;font-size:clamp(1rem,2.2vw,1.4rem);font-weight:600}.void-description{color:#ffffff59;text-align:center;max-width:500px;margin:14px 0 0;font-size:clamp(.9rem,1.6vw,1.05rem);line-height:1.7}.portal-grid{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:1100px;display:grid}.portal-card{cursor:pointer;opacity:0;will-change:transform,opacity}.portal-card-inner{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);will-change:transform;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:12px;padding:20px;transition:border-color .35s,background .35s,box-shadow .35s;display:flex}.portal-card:hover .portal-card-inner{background:#ffffff0f;border-color:#fff3;box-shadow:0 0 60px #ffffff0f,0 20px 60px #0000004d}.portal-canvas-wrap{aspect-ratio:1/.85;background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;width:100%;overflow:hidden}.portal-canvas{width:100%;height:100%;display:block}.portal-label-row{align-items:baseline;gap:10px;display:flex}.portal-index{color:#fff3;letter-spacing:.06em;font-size:.68rem;font-weight:700;font-family:var(--font-mono)}.portal-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.portal-tagline{color:#ffffff59;margin:0;font-size:.82rem;line-height:1.5}.portal-arrow{color:#fff6;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:32px;height:32px;margin-top:auto;transition:border-color .3s,color .3s,transform .3s;display:flex}.portal-card:hover .portal-arrow{color:#fff;border-color:#ffffff80;transform:translate(4px)}.site-nav{z-index:50;justify-content:space-between;align-items:center;width:100%;padding:24px 34px;display:flex;position:absolute;top:0;left:0}.site-nav-logo{color:#fff;text-transform:uppercase;letter-spacing:-.03em;font-size:1.25rem;font-weight:800;text-decoration:none}.site-nav-list{align-items:center;gap:28px;margin:0;padding:0;list-style:none;display:flex}.site-nav-link{color:#ffffff8c;text-transform:uppercase;letter-spacing:.14em;flex-direction:column;align-items:flex-start;font-size:.71rem;font-weight:700;text-decoration:none;display:inline-flex}.site-nav-link.site-nav-active{color:#5470eb}.site-nav-underline{transform-origin:0;opacity:0;background:#5470eb;border-radius:999px;width:100%;height:2px;margin-top:4px;transform:scaleX(0)}.site-nav-active .site-nav-underline{opacity:1;transform:scaleX(1)}@media (max-width:768px){.site-nav{padding:18px 20px}.site-nav-list{gap:18px}.site-nav-logo{font-size:1rem}.site-nav-link{font-size:.64rem}}@media (max-width:640px){.site-nav{padding:14px 16px}.site-nav-list{gap:14px}.site-nav-link{letter-spacing:.1em;font-size:.6rem}}@media (max-width:1024px){.void-content{gap:40px;padding:80px 32px 40px}.portal-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:700px}}@media (max-width:768px){.void-content{gap:36px;padding:100px 20px 32px}.portal-grid{grid-template-columns:repeat(2,1fr);gap:14px;max-width:500px}.void-title{font-size:clamp(2.4rem,12vw,3.5rem)}.portal-card-inner{border-radius:16px;padding:16px}}@media (max-width:480px){.void-content{gap:28px;padding:90px 14px 24px}.portal-grid{grid-template-columns:1fr;gap:14px;max-width:320px}.void-title{font-size:clamp(2rem,14vw,2.8rem)}.void-kicker{font-size:.6rem}.portal-card-inner{border-radius:14px;padding:14px}.portal-canvas-wrap{aspect-ratio:1/.6}}.about-dark-section{background:#0c0c0c;width:100%;position:relative;overflow:hidden}.about-glossy-container{background:linear-gradient(160deg,#fff 0%,#fcfcff 12%,#f8f8ff 25%,#fff 38%,#fafafa 50%,#f8f8ff 62%,#fcfcff 75%,#fff 88%,#e6e6ed 100%);border:1px solid #e0e0e0;border-radius:32px;width:1444px;max-width:calc(100vw - 120px);margin:0 auto;padding:80px 60px;position:relative;box-shadow:0 0 120px #5470eb2e,0 0 50px #5470eb1a,0 16px 60px #00000026,0 4px 20px #00000014,inset 0 2px 4px #fff,inset 0 -3px 8px #e6e6ed,inset 3px 0 6px #ffffffb3,inset -3px 0 6px #ffffffb3}.about-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.about-hero canvas{z-index:0;position:absolute;inset:0}.about-hero-content{z-index:10;position:relative}.about-hero h1{letter-spacing:-.04em;color:#fff;margin-bottom:24px;font-size:clamp(4rem,10vw,10rem);font-weight:800;line-height:1}.about-hero .subtitle{color:#ffffff8c;max-width:520px;margin:0 auto 48px;font-size:clamp(1rem,2vw,1.35rem);line-height:1.7}.scroll-indicator{color:#ffffff59;letter-spacing:.15em;text-transform:uppercase;font-size:.85rem;animation:2s ease-in-out infinite float-indicator}@keyframes float-indicator{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.who-section{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:500px;display:grid}.who-text h2{color:#0c0c0c;letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2rem,4vw,3.2rem);font-weight:700}.who-text p{color:#0c0c0c;opacity:.7;margin-bottom:16px;font-size:1.1rem;line-height:1.8}.who-visual{width:100%;height:400px;position:relative}.philosophy-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:120px 40px;display:flex}.philosophy-title{letter-spacing:-.03em;color:#fff;margin-bottom:48px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;overflow:hidden}.philosophy-title .char{opacity:0;display:inline-block;transform:translateY(40px)}.philosophy-points{margin:0;padding:0;list-style:none}.philosophy-points li{color:#ffffff80;opacity:0;margin-bottom:20px;font-size:clamp(1rem,2vw,1.25rem);transform:translateY(20px)}.journey-section{padding:40px 0}.journey-section h2{color:#0c0c0c;text-align:center;letter-spacing:-.03em;margin-bottom:60px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.timeline-container{max-width:600px;margin:0 auto;padding-left:40px;position:relative}.timeline-track{transform-origin:top;background:linear-gradient(#5470eb,#5470eb);width:2px;position:absolute;top:0;bottom:0;left:15px;transform:scaleY(0)}.timeline-node{opacity:0;margin-bottom:48px;position:relative;transform:scale(0)}.timeline-dot{z-index:2;background:#5470eb;border:3px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:6px;left:-33px;box-shadow:0 0 0 3px #5470eb}.timeline-node:hover .timeline-dot{transform:scale(1.4)}.timeline-year{color:#5470eb;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:.85rem;font-weight:700}.timeline-label{color:#0c0c0c;margin-bottom:4px;font-size:1.15rem;font-weight:600}.timeline-desc{color:#0c0c0c99;max-height:0;font-size:.95rem;line-height:1.6;transition:max-height .4s;overflow:hidden}.timeline-node:hover .timeline-desc{max-height:200px}.tech-section{flex-direction:column;align-items:center;min-height:80vh;padding:120px 40px;display:flex}.tech-section h2{color:#fff;text-align:center;letter-spacing:-.03em;margin-bottom:60px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.tech-canvas-wrapper{width:100%;max-width:800px;height:500px;position:relative}.skill-tooltip{color:#fff;pointer-events:none;opacity:0;white-space:nowrap;z-index:20;background:#5470ebe6;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:opacity .2s;position:absolute}.future-section{padding:40px 0}.future-section h2{color:#0c0c0c;letter-spacing:-.03em;margin-bottom:48px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.future-items{flex-direction:column;gap:32px;display:flex}.future-item{color:#0c0c0c;opacity:.7;border-left:3px solid #5470eb;padding-left:24px;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6}.cta-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:120px 40px;display:flex}.cta-section h2{color:#ffffffb3;max-width:500px;margin-bottom:40px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;line-height:1.5}.glow-button{color:#fff;cursor:pointer;background:#5470eb;border:none;border-radius:12px;padding:16px 48px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform .3s;display:inline-block;position:relative}.glow-button:hover{transform:translateY(-2px)}.glow-button:before{content:"";filter:blur(18px);opacity:.5;z-index:-1;background:#5470eb;border-radius:16px;animation:2.5s ease-in-out infinite glow-pulse;position:absolute;inset:-4px}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media (max-width:1024px){.about-glossy-container{border-radius:24px;max-width:calc(100vw - 80px);padding:60px 40px}.who-section{gap:40px}}@media (max-width:768px){.about-glossy-container{border-radius:20px;max-width:calc(100vw - 48px);padding:48px 28px}.who-section{grid-template-columns:1fr;gap:32px}.who-visual{height:300px}.tech-canvas-wrapper{height:350px}.philosophy-section,.tech-section{padding:80px 24px}}@media (max-width:640px){.about-glossy-container{border-radius:16px;max-width:calc(100vw - 32px);padding:36px 20px}.who-visual{height:250px}.tech-canvas-wrapper{height:280px}.philosophy-section,.tech-section,.cta-section{padding:60px 16px}}.projects-page-root{background:#0c0c0c;width:100%;min-height:100vh}.projects-hero{align-items:flex-end;min-height:58vh;padding:0 80px 88px;display:flex;position:relative;overflow:hidden}.projects-hero-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.projects-hero-content{z-index:2;width:1444px;max-width:calc(100vw - 120px);margin:0 auto;position:relative}.projects-title{color:#fff;letter-spacing:-.045em;margin:0;font-size:clamp(3.4rem,10vw,8rem);font-weight:800;line-height:.95}.projects-subtitle{color:#ffffff9e;letter-spacing:.04em;max-width:640px;margin:14px 0 0;font-size:clamp(1rem,2vw,1.35rem)}.skill-system-section{padding:0 80px 52px}.skill-system-shell{background:radial-gradient(120% 95% at 50% -8%,#5470eb3d 0%,#5470eb0f 45%,#0000 75%),linear-gradient(150deg,#111216fa 0%,#0a0a0dfa 100%);border:1px solid #ffffff24;border-radius:28px;width:1444px;max-width:calc(100vw - 120px);margin:0 auto;padding:28px 28px 24px;box-shadow:0 30px 90px #00000075,0 0 68px #5470eb29,inset 0 1px #ffffff1a}.skill-system-header{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:16px;display:flex}.skill-system-header h2{color:#fff;letter-spacing:-.03em;margin:0;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:700}.skill-system-header p{color:#ffffff94;letter-spacing:.03em;margin:0;font-size:.9rem}.skill-system-canvas-wrap{background:radial-gradient(circle at 50% 10%,#5470eb38 0%,#0c0c12eb 52%,#08080cfa 100%);border:1px solid #ffffff1f;border-radius:18px;height:330px;position:relative;overflow:hidden}.skill-system-canvas{cursor:crosshair;width:100%;height:100%;display:block}.skill-system-label-layer{pointer-events:none;position:absolute;inset:0}.skill-node-label{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px #5470eb73;white-space:nowrap;font-size:.64rem;font-weight:700;position:absolute;transform:translate(-50%,-165%)}.skill-node-label.is-hovered,.skill-node-label.is-selected{color:#fff;text-shadow:0 0 18px #5470eba6}.skill-system-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.skill-cluster-list{flex-wrap:wrap;gap:8px;display:flex}.skill-cluster-pill{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#5470eb24;border:1px solid #5470eb80;border-radius:999px;padding:7px 10px;font-size:.66rem;font-weight:700}.skill-selection-state{color:#ffffffb8;text-transform:uppercase;letter-spacing:.08em;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:.68rem;display:inline-flex}.skill-selection-state strong{color:#fff;font-size:.76rem}.skill-clear-btn{color:#fff;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#5470eb2e;border:1px solid #5470eb85;border-radius:999px;padding:5px 9px;font-size:.6rem;font-weight:700}.skill-clear-btn:hover{background:#5470eb4d}.projects-explorer-section{padding:0 80px 92px}.projects-explorer-shell{background:radial-gradient(120% 80% at 50% -20%,#5470eb33 0%,#5470eb0d 42%,#0000 70%),linear-gradient(155deg,#18191df5 0%,#0a0a0cfa 100%);border:1px solid #ffffff1f;border-radius:28px;width:1444px;max-width:calc(100vw - 120px);margin:0 auto;padding:30px 30px 34px;box-shadow:0 26px 84px #0000006b,0 0 58px #5470eb1f,inset 0 1px #ffffff1f}.projects-explorer-header{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:14px;display:flex}.projects-explorer-header h2{color:#fff;letter-spacing:-.03em;margin:0;font-size:clamp(1.55rem,2.8vw,2.2rem);font-weight:700}.projects-explorer-header p{color:#5470ebf2;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.76rem;font-weight:700}.chip-bar{scrollbar-width:none;-ms-overflow-style:none;background:#0f1f3661;border:1px solid #5470eb66;border-radius:999px;align-items:center;gap:10px;padding:8px;display:flex;position:relative;overflow-x:auto}.chip-bar::-webkit-scrollbar{display:none}.chip-indicator{z-index:0;pointer-events:none;background:#5470eb;border-radius:999px;height:calc(100% - 16px);position:absolute;top:8px;left:8px;box-shadow:0 0 26px #5470eb73}.chip-btn{z-index:1;color:#fff;white-space:nowrap;cursor:pointer;letter-spacing:.09em;text-transform:uppercase;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 15px;font-size:.72rem;font-weight:700;transition:color .24s;display:inline-flex;position:relative}.chip-count{color:#ffffffe6;background:#ffffff29;border-radius:999px;min-width:1.7em;padding:2px 7px;font-size:.6rem;font-weight:700}.chip-active .chip-count{color:#fff;background:#0c0c125c}.chip-btn:focus-visible{outline-offset:2px;outline:2px solid #5470ebcc}.projects-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.project-module{transform-origin:top;min-width:0}.project-card{background:#0f1f36;border:1px solid #5470eb80;border-radius:16px;min-height:120px;padding:16px 16px 14px;position:relative}.project-card-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.project-top{min-width:0}.project-index{letter-spacing:.16em;color:#ffffff80;margin-bottom:6px;font-size:.76rem;font-weight:700;display:block}.project-title{color:#fff;text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:1.02rem;line-height:1.32}.project-tech-inline{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.project-tech-inline-tag{color:#ffffffd9;letter-spacing:.08em;text-transform:uppercase;background:#5470eb38;border-radius:8px;padding:3px 8px;font-size:.66rem}.inspect-btn{color:#fff;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;background:0 0;border:1px solid #5470eba8;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.66rem;font-weight:700;display:inline-flex}.inspect-arrow{transform-origin:50%;display:inline-block}.project-details{opacity:0;max-height:0;margin-top:10px;overflow:hidden}.project-preview{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-radius:12px;width:100%;height:180px;margin:0 0 14px;position:relative;overflow:hidden}.project-preview.cat-intelligent-systems{background:linear-gradient(135deg,#2d1b69 0%,#11998e 100%)}.project-preview.cat-interactive-interfaces{background:linear-gradient(135deg,#1a1a2e 0%,#5470eb 100%)}.project-preview.cat-server-architectures{background:linear-gradient(135deg,#0f3460 0%,#16a085 100%)}.project-preview.cat-integrated-systems{background:linear-gradient(135deg,#2c3e50 0%,#e74c3c 50%,#f39c12 100%)}.project-preview:after{content:"PREVIEW";color:#fff3;letter-spacing:.2em;justify-content:center;align-items:center;font-size:.74rem;font-weight:700;display:flex;position:absolute;inset:0}.project-description{color:#ffffffbd;margin:0;font-size:.95rem;line-height:1.62}.project-expanded-tech{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.expanded-tech-tag{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#5470eb33;border-radius:8px;padding:5px 9px;font-size:.68rem}.project-architecture{color:#ffffff80;letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:.76rem;display:flex}.arch-node{color:#ffffffc2;text-transform:uppercase;background:#5470eb24;border-radius:8px;padding:5px 11px}.arch-arrow{opacity:.36}.project-links{gap:10px;margin-top:14px;display:flex}.project-link{text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:8px 12px;font-size:.68rem;font-weight:700;text-decoration:none}.project-link.github-link{color:#fff;background:#ffffff1f}.project-link.live-link{color:#fff;background:#5470eb}@media (max-width:1024px){.projects-hero,.skill-system-section,.projects-explorer-section{padding-left:48px;padding-right:48px}.projects-hero-content,.skill-system-shell,.projects-explorer-shell{max-width:calc(100vw - 80px)}.projects-hero{padding-bottom:64px}.skill-system-shell,.projects-explorer-shell{border-radius:24px;padding:24px 22px}}@media (max-width:768px){.projects-hero,.skill-system-section,.projects-explorer-section{padding-left:28px;padding-right:28px}.projects-hero-content,.skill-system-shell,.projects-explorer-shell{max-width:calc(100vw - 48px)}.projects-hero{min-height:44vh;padding-bottom:44px}.skill-system-shell,.projects-explorer-shell{border-radius:20px;padding:18px 16px}.skill-system-header,.projects-explorer-header,.skill-system-footer{flex-direction:column;align-items:flex-start;gap:10px}.skill-system-canvas-wrap{height:260px}.projects-module-grid{grid-template-columns:1fr}.project-card-header{flex-direction:column}}@media (max-width:640px){.projects-hero,.skill-system-section,.projects-explorer-section{padding-left:20px;padding-right:20px}.projects-hero-content,.skill-system-shell,.projects-explorer-shell{max-width:calc(100vw - 32px)}.projects-hero{padding-bottom:36px}.skill-system-shell,.projects-explorer-shell{border-radius:16px;padding:14px 12px}.skill-system-canvas-wrap{height:210px}.project-card{padding:14px 12px 12px}.project-preview{height:150px}}.social-page{background:#0c0c0c;width:100%;min-height:100vh}.social-hero{align-items:flex-end;min-height:52vh;padding:0 80px 80px;display:flex}.social-hero-inner{width:1444px;max-width:calc(100vw - 120px);margin:0 auto}.social-kicker{color:#5470ebe6;text-transform:uppercase;letter-spacing:.18em;margin:0 0 14px;font-size:.8rem;font-weight:700}.connect-title{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(3.5rem,10vw,8rem);font-weight:800;line-height:.95}.connect-subtitle{color:#fff9;letter-spacing:.04em;margin:14px 0 0;font-size:clamp(1rem,2vw,1.35rem)}.social-hub-section{padding:0 80px 70px}.social-hub-shell{background:radial-gradient(120% 90% at 50% -12%,#5470eb42 0%,#5470eb0f 45%,#0000 72%),linear-gradient(150deg,#121216fa 0%,#0a0a0cfa 100%);border:1px solid #ffffff24;border-radius:28px;width:1444px;max-width:calc(100vw - 120px);margin:0 auto;padding:30px 30px 34px;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000075,0 0 62px #5470eb29,inset 0 1px #ffffff1a}.social-hub-shell h2{color:#fff;letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3.6vw,2.8rem)}.social-hub-shell>p{color:#ffffff94;letter-spacing:.03em;margin:10px 0 20px;font-size:.96rem}.hub-scene-wrap{background:radial-gradient(circle at 50% 8%,#5470eb33 0%,#0c0c12eb 52%,#08080cfa 100%);border:1px solid #ffffff1f;border-radius:18px;height:240px;position:relative;overflow:hidden}.hub-canvas{width:100%;height:100%;display:block}.hub-node-map{pointer-events:none;position:absolute;inset:0}.hub-node{color:#fff;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;pointer-events:auto;background:#5470eb2e;border:1px solid #5470ebbf;border-radius:999px;padding:8px 14px;font-size:.72rem;font-weight:700;transition:transform .25s,background .25s;position:absolute;box-shadow:0 0 24px #5470eb52}.hub-node:hover{background:#5470eb47;transform:translateY(-4px)scale(1.02)}.hub-node-instagram{top:16%;left:17%}.hub-node-youtube{top:25%;right:19%}.hub-node-store{bottom:22%;left:24%}.hub-node-contact{bottom:14%;right:24%}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.hub-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:50%;background:linear-gradient(160deg,#ffffff17 0%,#ffffff08 100%);border:1px solid #ffffff29;border-radius:18px;padding:20px 20px 18px}.hub-card-head{align-items:center;gap:12px;display:flex}.hub-card-icon{color:#fff;background:#5470eb40;border:1px solid #5470eb80;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.hub-card h3{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.1rem}.hub-card ul{flex-direction:column;gap:8px;margin:14px 0 16px;padding:0;list-style:none;display:flex}.hub-card li{color:#ffffffa8;font-size:.9rem;line-height:1.5}.hub-link-btn{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#5470eb4d;border:1px solid #5470eb99;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.74rem;font-weight:700;text-decoration:none;transition:background .24s;display:inline-flex}.hub-link-btn:hover{background:#5470eb73}.hub-play-wrap{color:#ffffffad;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-top:12px;font-size:.72rem;display:inline-flex}.hub-code-lines{flex-direction:column;gap:6px;margin-top:14px;display:flex}.hub-code-lines .code-line{color:#c1d0ffd6;font-family:ui-monospace,Menlo,Monaco,Courier New,monospace;font-size:.74rem}.social-form-section{padding:0 80px 62px}.social-form-shell{padding-top:52px;padding-bottom:52px}.social-form-head h2{color:#0f1f36;letter-spacing:-.03em;margin:0;font-size:clamp(1.9rem,3vw,2.8rem)}.social-form-head p{color:#0f1f36a8;letter-spacing:.03em;margin:10px 0 26px;font-size:.96rem}.social-contact-form{gap:16px;display:grid}.social-contact-form label{color:#0f1f36;letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:.84rem;font-weight:700;display:grid}.social-contact-form input,.social-contact-form textarea{color:#0f1f36;background:#ffffffb8;border:1px solid #5470eb59;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:.95rem;transition:border-color .2s}.social-contact-form textarea{resize:vertical;min-height:130px}.social-submit-btn{color:#fff;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:#5470eb;border:0;border-radius:999px;justify-self:start;margin-top:4px;padding:12px 22px;font-size:.74rem;font-weight:700;box-shadow:0 10px 24px #5470eb47}.social-submit-success{color:#224ebf;letter-spacing:.08em;opacity:0;margin-top:16px;font-weight:700;transform:translateY(8px)}.social-submit-success.visible{opacity:1;transform:translateY(0)}.social-closing-cta{text-align:center;padding:8px 80px 90px}.social-closing-cta h2{color:#ffffffbd;letter-spacing:-.02em;margin:0 0 22px;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:600}.social-closing-link{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#5470eb3d;border:1px solid #5470eba3;border-radius:999px;padding:12px 18px;font-size:.76rem;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:1024px){.social-hero{padding:0 48px 64px}.social-hero-inner,.social-hub-shell,.social-form-shell{max-width:calc(100vw - 80px)}.social-hub-section{padding:0 48px 54px}.social-hub-shell{border-radius:24px;padding:24px 22px 26px}.social-form-section{padding:0 48px 54px}.social-form-shell{border-radius:24px;padding:44px 36px}.social-closing-cta{padding:8px 48px 80px}}@media (max-width:768px){.social-hero{min-height:42vh;padding:0 28px 44px}.social-hero-inner,.social-hub-shell,.social-form-shell{max-width:calc(100vw - 48px)}.social-hub-section{padding:0 28px 42px}.social-hub-shell{border-radius:20px;padding:18px 16px 20px}.hub-scene-wrap{height:200px}.hub-node{padding:7px 10px;font-size:.66rem}.hub-grid{grid-template-columns:1fr}.social-form-section{padding:0 28px 44px}.social-form-shell{border-radius:20px;padding:34px 24px}.social-closing-cta{padding:4px 28px 62px}}@media (max-width:640px){.social-hero{padding:0 20px 34px}.social-hero-inner,.social-hub-shell,.social-form-shell{max-width:calc(100vw - 32px)}.social-hub-section{padding:0 20px 32px}.social-hub-shell{border-radius:16px;padding:14px 12px 16px}.hub-scene-wrap{height:170px}.hub-node{padding:6px 8px;font-size:.6rem}.hub-card{border-radius:14px;padding:16px 14px 14px}.social-form-section{padding:0 20px 34px}.social-form-shell{border-radius:16px;padding:28px 18px}.social-closing-cta{padding:2px 20px 52px}}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.w-full{width:100%}.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}.bg-\[\#0c0c0c\]{background-color:#0c0c0c}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.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,ease);transition-duration:var(--tw-duration,0s)}}:root,:host{--color-background:#0c0c0c;--color-foreground:#0f1f36;--font-mono:var(--font-geist-mono)}@layer components{.btn-primary{color:#fff;background-color:#06b6d4;border-radius:.75rem;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.625rem 1.25rem;font-weight:500;transition:all .3s;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 4px 6px -1px #06b6d440}.btn-primary:hover{background-color:#22d3ee;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 4px 6px -1px #22d3ee66}}.mobile-menu-btn,.home-mobile-menu-btn,.mobile-menu-panel,.home-mobile-menu-panel{display:none}@media (max-width:768px){.site-nav-desktop{display:none!important}.mobile-menu-btn{cursor:pointer;z-index:60;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:flex}.hamburger-line{background:#fff;border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s}.hamburger-line.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:55;background:#0c0c0cf7;flex-direction:column;width:100%;max-height:0;padding:0;transition:max-height .35s,padding .35s;display:flex;position:absolute;top:100%;left:0;overflow:hidden}.mobile-menu-panel.is-open{max-height:320px;padding:16px 24px 24px}.mobile-menu-link{color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #ffffff1a;padding:14px 0;font-size:.95rem;font-weight:600;text-decoration:none}.mobile-menu-link:last-child{border-bottom:none}.mobile-menu-active{color:#5470eb}.home-nav-desktop{display:none!important}.home-mobile-menu-btn{cursor:pointer;z-index:30;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:flex}.hamburger-line-dark{background:#0c0c0c;border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s}.hamburger-line-dark.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-line-dark.open:nth-child(2){opacity:0}.hamburger-line-dark.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.home-mobile-menu-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:26;background:#fffffff7;border-bottom-right-radius:16px;border-bottom-left-radius:16px;flex-direction:column;width:100%;max-height:0;padding:0;transition:max-height .35s,padding .35s;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 24px #00000014}.home-mobile-menu-panel.is-open{max-height:320px;padding:12px 20px 20px}.home-mobile-menu-link{color:#0c0c0cb3;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #0c0c0c14;padding:12px 0;font-size:.92rem;font-weight:600;text-decoration:none}.home-mobile-menu-link:last-child{border-bottom:none}.mobile-skill-grid,.mobile-skill-system{flex-direction:column;gap:24px;width:100%;display:flex}.mobile-skill-cluster{flex-direction:column;gap:10px;display:flex}.mobile-skill-category{text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:.78rem;font-weight:700}.mobile-skill-chips{flex-wrap:wrap;gap:8px;display:flex}.mobile-skill-chip{cursor:pointer;letter-spacing:.04em;background:0 0;border:1px solid;border-radius:999px;padding:6px 12px;font-size:.76rem;font-weight:600;transition:background .2s,color .2s}.mobile-skill-chip.is-active{box-shadow:0 0 12px #5470eb4d}.who-visual,.hub-scene-wrap,.about-hero canvas,.projects-hero-canvas{display:none}.about-hero{min-height:60vh;padding:0 20px}.about-hero h1{font-size:clamp(2.4rem,10vw,4rem)}.who-section{grid-template-columns:1fr}.content-div{height:auto;min-height:500px}.hub-grid{grid-template-columns:1fr}.social-form-section{padding:0 20px 34px}.social-form-shell{padding:28px 18px}}.sekuya-regular{font-family:Sekuya,system-ui;font-style:normal;font-weight:400}.intel-one-mono-300{font-optical-sizing:auto;font-family:Intel One Mono,monospace;font-style:normal;font-weight:300}@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-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}
