:root{--color-paper: oklch(13.5% .014 315);--color-paper-deep: oklch(10.5% .015 315);--color-paper-soft: oklch(17.5% .022 315);--color-paper-raised: oklch(20.5% .025 315);--color-panel: oklch(16.5% .022 315 / .88);--color-panel-solid: oklch(17% .023 315);--color-ink: oklch(92% .018 250);--color-ink-strong: oklch(97% .012 250);--color-body: oklch(78% .022 260);--color-muted: oklch(64% .022 270);--color-faint: oklch(58% .022 285);--color-rule: oklch(87% .02 270 / .18);--color-rule-soft: oklch(87% .02 270 / .09);--color-grid: oklch(87% .02 270 / .045);--color-accent: oklch(66% .245 333);--color-accent-strong: oklch(72% .25 333);--color-accent-soft: oklch(66% .245 333 / .18);--color-accent-faint: oklch(66% .245 333 / .08);--color-accent-glow: oklch(66% .245 333 / .28);--color-accent-ink: oklch(16% .02 315);--color-focus: oklch(76% .22 333);--color-positive: oklch(75% .15 155);--color-material: oklch(91.5% .012 285);--color-material-raised: oklch(95% .009 285);--color-material-ink: oklch(17% .02 315);--color-material-body: oklch(36% .02 305);--color-material-rule: oklch(17% .02 315 / .16);--color-shadow: oklch(3% .01 315 / .58);--color-shadow-soft: oklch(3% .01 315 / .28);--color-overlay: oklch(11% .018 315 / .78);--color-veil: oklch(94% .015 260 / .06);--font-display: "Kanit", "Arial Narrow", sans-serif;--font-body: "Geist", "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.953rem;--text-2xl: 2.441rem;--text-3xl: 3.052rem;--text-section: clamp(3.25rem, 10vw, 9rem);--text-hero: clamp(4.4rem, 13vw, 11.5rem);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--space-5xl: 12rem;--radius-sm: .75rem;--radius-md: 1.25rem;--radius-lg: 2rem;--radius-xl: 3rem;--radius-pill: 999rem;--rule-hair: 1px;--rule-strong: 2px;--shadow-whisper: 0 1.5rem 4rem var(--color-shadow-soft);--shadow-depth: 0 3rem 8rem var(--color-shadow);--shadow-accent: 0 1.5rem 5rem var(--color-accent-glow);--gradient-atmosphere: radial-gradient(circle at 72% 28%, var(--color-accent-soft), transparent 34%);--gradient-panel: linear-gradient(145deg, var(--color-paper-raised), var(--color-paper-soft));--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-medium: .36s;--dur-long: .7s;--z-base: 1;--z-raised: 10;--z-sticky: 200;--z-modal: 400;--page-gutter: clamp(1rem, 4vw, 4rem);--page-max: 92rem;--nav-height: 4.5rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.relative{position:relative}.z-20{z-index:20}.-mt-6{margin-top:-1.5rem}.mb-5{margin-bottom:1.25rem}.flex{display:flex}.hidden{display:none}.h-px{height:1px}.w-8{width:2rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.bg-amber-300\/60{background-color:#fcd34d99}.bg-cyan-400\/60{background-color:#22d3ee99}.bg-emerald-300\/60{background-color:#6ee7b799}.bg-rose-400\/60{background-color:#fb718599}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-\[0\.24em\]{letter-spacing:.24em}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;--tone-ink: #090816;--tone-ink-deep: #040613;--tone-coral: #ff2f6d;--tone-rose: #fb6fa9;--tone-pink: #ec5fd3;--tone-peach: #ffd8ce;--tone-cream: #fff1e9;--tone-mist: #c7b8b8}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--tone-ink-deep)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--tone-ink-deep)}body.intro-locked{overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}::-moz-selection{color:var(--tone-cream);background:#ff2f6d52}::selection{color:var(--tone-cream);background:#ff2f6d52}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--tone-ink-deep)}::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(var(--tone-coral),var(--tone-pink))}.background-effects,.background-grid,.page-vignette,.cursor-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.background-effects{z-index:0;overflow:hidden;background:radial-gradient(circle at 48% -12%,rgba(255,216,206,.12),transparent 34%),radial-gradient(circle at 15% 24%,rgba(255,47,109,.09),transparent 30%),radial-gradient(circle at 85% 32%,rgba(236,95,211,.08),transparent 32%),linear-gradient(180deg,var(--tone-ink-deep) 0%,#100817 48%,#060611 100%)}.background-grid{opacity:.4;background-image:linear-gradient(rgba(148,163,184,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.025) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 90%);mask-image:linear-gradient(to bottom,black,transparent 90%)}.aurora{position:absolute;border-radius:999px;filter:blur(110px);opacity:.18;animation:aurora-drift 18s ease-in-out infinite alternate}.aurora-one{left:-12%;top:5%;width:38vw;height:38vw;background:var(--tone-coral)}.aurora-two{right:-10%;top:22%;width:42vw;height:42vw;background:var(--tone-pink);animation-delay:-8s}.aurora-three{bottom:-18%;left:35%;width:34vw;height:34vw;background:var(--tone-peach);opacity:.1;animation-delay:-13s}.light-beam{position:absolute;width:1px;height:75vh;opacity:.12;transform:rotate(38deg);background:linear-gradient(transparent,rgba(255,216,206,.86),transparent);filter:blur(.5px);animation:beam-shift 13s ease-in-out infinite alternate}.light-beam-one{left:24%;top:4%}.light-beam-two{right:22%;top:42%;animation-delay:-7s}.page-vignette{background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 10%,transparent 88%,rgba(0,0,0,.45)),radial-gradient(ellipse at center,transparent 45%,rgba(1,3,10,.48) 100%)}.cursor-glow{--cursor-x: 50vw;--cursor-y: 50vh;z-index:2;opacity:0;transition:opacity .4s ease;background:radial-gradient(480px circle at var(--cursor-x) var(--cursor-y),rgba(255,47,109,.05),transparent 62%)}.cursor-glow.is-visible{opacity:1}.scroll-progress{position:fixed;z-index:100;top:0;left:0;right:0;height:2px;transform-origin:0 50%;background:linear-gradient(90deg,var(--tone-coral),var(--tone-rose),var(--tone-peach));box-shadow:0 0 14px #ff2f6d8c}.intro-boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;display:grid;min-width:320px;place-items:center;overflow:hidden;color:#e2e8f0;background:radial-gradient(circle at 62% 45%,rgba(255,47,109,.18),transparent 28%),radial-gradient(circle at 32% 55%,rgba(236,95,211,.14),transparent 34%),radial-gradient(circle at 58% 22%,rgba(255,216,206,.11),transparent 24%),linear-gradient(135deg,#040613fa,#120818f5 54%,#070611fa)}.intro-boot:before,.intro-boot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.intro-boot:before{opacity:.09;background-image:linear-gradient(rgba(255,216,206,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,216,206,.18) 1px,transparent 1px);background-size:68px 68px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black,transparent 78%);mask-image:radial-gradient(circle at 50% 50%,black,transparent 78%)}.intro-boot:after{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%,transparent 82%,rgba(255,255,255,.025)),radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.54) 100%)}.intro-boot-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(255,255,255,.018) 8px),linear-gradient(90deg,transparent,rgba(255,47,109,.11),transparent);mix-blend-mode:screen}.intro-boot-orbit{position:absolute;width:min(62vw,760px);aspect-ratio:1;border:1px solid rgba(255,216,206,.2);border-radius:50%;box-shadow:inset 0 0 70px #ff2f6d1a,0 0 90px #ec5fd31f}.intro-boot-orbit:before,.intro-boot-orbit:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(148,163,184,.12);border-radius:inherit}.intro-boot-orbit:after{top:28%;right:28%;bottom:28%;left:28%;border-color:#ffd8ce29}.intro-boot-scan{position:absolute;top:0;bottom:0;width:28%;transform:skew(-14deg);background:linear-gradient(90deg,transparent,rgba(255,216,206,.11),transparent);filter:blur(10px)}.intro-boot-shell{position:relative;z-index:2;display:grid;width:min(100% - 2.5rem,980px);min-height:min(720px,calc(100vh - 3rem));grid-template-rows:auto 1fr auto auto;overflow:hidden;border:1px solid rgba(148,163,184,.15);border-radius:1.2rem;padding:clamp(1.1rem,3vw,2rem);background:#0307126b;box-shadow:0 40px 120px #00000073,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.intro-boot-shell:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(255,216,206,.12);border-radius:.8rem;pointer-events:none}.intro-boot-meta{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#94a3b8d1;font-family:SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:700;letter-spacing:.18em}.intro-boot-meta span:first-child{display:inline-flex;align-items:center;gap:.55rem}.intro-boot-meta span:first-child:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--tone-peach);box-shadow:0 0 18px #ff2f6de6;animation:pulse-soft 1.7s ease-in-out infinite}.intro-boot-core{position:relative;z-index:2;align-self:center;max-width:780px;padding-block:clamp(3rem,8vw,6rem)}.intro-boot-kicker{margin:0 0 1rem;color:var(--tone-peach);font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:700;letter-spacing:.24em}.intro-boot-core h1{margin:0;color:#f8fafc;font-size:clamp(3.6rem,12vw,9.4rem);font-weight:700;line-height:.86;letter-spacing:0;text-shadow:0 0 34px rgba(255,47,109,.16)}.intro-boot-core h1 span{display:block;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(100deg,var(--tone-peach),var(--tone-rose) 48%,var(--tone-pink))}.intro-boot-subtitle{max-width:520px;margin:1.25rem 0 0;color:#cbd5e1bd;font-size:clamp(.86rem,2vw,1.05rem);line-height:1.8}.intro-boot-terminal{position:relative;z-index:2;display:grid;gap:.48rem;max-width:460px;color:#94a3b8c7;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem}.intro-boot-terminal p{display:flex;gap:.7rem;margin:0;min-width:0}.intro-boot-terminal span{color:#ffd8ced1}.intro-boot-progress{position:relative;z-index:2;height:3px;margin-top:1.4rem;overflow:hidden;border-radius:999px;background:#94a3b826}.intro-boot-progress i{display:block;width:100%;height:100%;transform-origin:0 50%;background:linear-gradient(90deg,var(--tone-coral),var(--tone-rose),var(--tone-peach));box-shadow:0 0 18px #ff2f6d73}.intro-boot-skip{position:absolute;right:clamp(1.1rem,3vw,2rem);bottom:clamp(1.1rem,3vw,2rem);z-index:3;border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:.55rem .85rem;color:#e2e8f0c7;background:#0f172a6b;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:transform .22s ease,border-color .22s ease,color .22s ease}.intro-boot-skip:hover{transform:translateY(-2px);border-color:#ffd8ce66;color:var(--tone-cream)}.section-shell{width:min(100% - 2.5rem,1380px);margin-inline:auto}.section-space{padding-block:clamp(6.5rem,10vw,10rem);scroll-margin-top:5rem}.section-divider:before{content:"";position:absolute;left:50%;top:0;width:min(calc(100% - 2.5rem),1380px);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(148,163,184,.13),transparent)}.hero-grid{background-image:linear-gradient(rgba(148,163,184,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.028) 1px,transparent 1px);background-size:56px 56px}.spline-background{position:absolute;top:-6rem;right:-4rem;bottom:-3rem;left:-4rem;z-index:0;overflow:hidden;pointer-events:none;background:#050816}.spline-background-frame,.spline-background-fallback,.spline-background-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.spline-background-frame{border:0;opacity:.34;transform:scale(1.12);filter:saturate(1.18) contrast(1.08)}.spline-background-fallback{-o-object-fit:cover;object-fit:cover;opacity:.3;transform:scale(1.04);filter:saturate(1.15) blur(1px)}.spline-background-scrim{background:radial-gradient(circle at 68% 38%,rgba(255,47,109,.14),transparent 36%),radial-gradient(circle at 42% 60%,rgba(255,216,206,.08),transparent 30%),linear-gradient(90deg,#050612f2,#0d0816c2 46%,#1e0a197a),linear-gradient(180deg,#0508161a,#050612b8)}.hero-vignette{background:linear-gradient(90deg,#050612ed,#0b0716b3 45%,#250a1b57),linear-gradient(180deg,rgba(5,8,22,.25),transparent 25%,rgba(5,6,18,.62) 100%)}.about-spline-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.about-spline-motion{position:sticky;top:0;min-height:100vh;width:100%;transform-origin:65% 40%}.about-spline-frame,.about-spline-fallback,.about-spline-scrim{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%}.about-spline-frame{border:0;opacity:.34;transform:scale(1.08);filter:saturate(1.12) contrast(1.08)}.about-spline-fallback{-o-object-fit:cover;object-fit:cover;opacity:.34;filter:saturate(1.12) blur(1px)}.about-spline-scrim{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 22% 24%,rgba(255,47,109,.13),transparent 32%),radial-gradient(circle at 82% 42%,rgba(236,95,211,.14),transparent 34%),linear-gradient(90deg,#050612e6,#130818b3 50%,#050612e0),linear-gradient(180deg,#050612eb,#1308188f 48%,#050612eb)}.about-intro-spline{position:relative;min-height:clamp(360px,46vw,620px);margin-bottom:clamp(3.2rem,7vw,5.5rem);overflow:hidden;border:1px solid rgba(255,216,206,.2);border-radius:1.35rem;background:radial-gradient(circle at 42% 28%,rgba(255,216,206,.12),transparent 32%),radial-gradient(circle at 72% 62%,rgba(255,47,109,.12),transparent 34%),linear-gradient(145deg,#2c0c1f99,#050612d6);box-shadow:0 34px 95px #00000057,0 0 70px #ff2f6d12,inset 0 1px #ffffff14;isolation:isolate}.about-intro-spline-frame,.about-intro-spline-fallback,.about-intro-spline-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.about-intro-spline-frame{z-index:1;border:0;opacity:.86;transform:scale(1.06);transform-origin:54% 50%;filter:saturate(.88) contrast(1.12) brightness(.8) sepia(.08) hue-rotate(305deg);pointer-events:none}.about-intro-spline-fallback{z-index:0;-o-object-fit:cover;object-fit:cover;opacity:.64;transform:scale(1.1);transform-origin:56% 48%;filter:saturate(.92) contrast(1.12) brightness(.82) sepia(.08) hue-rotate(305deg) blur(.8px);animation:about-preview-drift 12s ease-in-out infinite alternate;transition:opacity .42s ease;pointer-events:none}.about-intro-spline.is-loaded .about-intro-spline-fallback{opacity:0;animation-play-state:paused}.about-intro-spline.is-interactive .about-intro-spline-frame{pointer-events:auto}.about-intro-spline-scrim{z-index:2;pointer-events:none;background:radial-gradient(circle at 18% 28%,rgba(255,216,206,.12),transparent 26%),radial-gradient(circle at 70% 68%,rgba(255,47,109,.24),transparent 35%),linear-gradient(90deg,#050612db,#250a1b8f 50%,#050612c7),linear-gradient(180deg,#050612ad,#05061224 38%,#050612d6)}.about-intro-orbit{position:absolute;z-index:2;display:none;pointer-events:none;border:1px solid rgba(255,216,206,.12);border-radius:50%;filter:blur(.2px);animation:about-orbit-pulse 8s ease-in-out infinite alternate}.about-intro-orbit-a{left:8%;top:20%;width:30%;aspect-ratio:1;box-shadow:0 0 80px #ff2f6d1f}.about-intro-orbit-b{right:10%;bottom:10%;width:30%;aspect-ratio:1;border-color:#ec5fd324;animation-delay:-3.2s}.about-intro-scan{position:absolute;z-index:3;top:0;bottom:0;width:18%;transform:skew(-14deg);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,216,206,.07),transparent);filter:blur(10px);animation:about-scan-slide 7s cubic-bezier(.22,1,.36,1) infinite}.about-intro-spline-copy{position:absolute;z-index:4;left:clamp(1.4rem,5vw,4.5rem);bottom:clamp(2.7rem,6vw,4.7rem);width:min(68%,720px);transform:none;text-align:left;text-shadow:0 16px 50px rgba(0,0,0,.35);animation:about-copy-float 6s ease-in-out infinite alternate;pointer-events:none}.about-intro-spline-copy span{display:block;color:#fff1e9b8;font-size:.62rem;font-weight:800;letter-spacing:.32em;text-transform:uppercase}.about-intro-spline-copy h2{margin:1.1rem 0 0;color:#fff1e9e6;font-size:clamp(2.35rem,5.4vw,5.3rem);font-weight:800;line-height:.98;letter-spacing:0}.about-intro-spline-copy p{max-width:560px;margin:1.25rem 0 0;color:#fff1e9cc;font-size:clamp(.82rem,1.6vw,.94rem);line-height:1.8}.about-intro-spline-meta{position:absolute;z-index:4;left:1.35rem;right:1.35rem;top:1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#fff1e9bd;font-size:.55rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.about-intro-corner{position:absolute;z-index:5;width:24px;height:24px;border-color:#fff1e985;pointer-events:none}.about-intro-corner-tl{left:.8rem;top:.8rem;border-left:1px solid;border-top:1px solid}.about-intro-corner-tr{right:.8rem;top:.8rem;border-right:1px solid;border-top:1px solid}.about-intro-corner-bl{left:.8rem;bottom:.8rem;border-left:1px solid;border-bottom:1px solid}.about-intro-corner-br{right:.8rem;bottom:.8rem;border-right:1px solid;border-bottom:1px solid}.status-badge{display:inline-flex;align-items:center;gap:.75rem;max-width:100%;border:1px solid rgba(255,216,206,.15);border-radius:999px;padding:.62rem .9rem;color:#fff1e9d1;background:#ff2f6d0f;box-shadow:inset 0 1px #ffffff09;font-size:.62rem;font-weight:600;letter-spacing:.15em}.status-badge span,.online-pulse{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#67e8f9;background:var(--tone-peach);box-shadow:0 0 14px #ff2f6de6;animation:pulse-soft 2s ease-in-out infinite}.gradient-haoran,.gradient-fei{color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-haoran{background-image:linear-gradient(100deg,var(--tone-cream) 0%,var(--tone-peach) 72%)}.gradient-fei{background-image:linear-gradient(100deg,var(--tone-coral) 0%,var(--tone-pink) 100%)}.button-primary,.button-secondary,.icon-button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.62rem;border-radius:.85rem;font-size:.84rem;font-weight:600;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease}.button-primary,.button-secondary{padding:.78rem 1.2rem}.button-primary{color:var(--tone-cream);background:linear-gradient(110deg,#ff2f6df5,#ec5fd3eb);box-shadow:0 12px 35px #ff2f6d2e,inset 0 1px #fff3}.button-secondary,.icon-button{border:1px solid rgba(255,255,255,.11);color:#cbd5e1;background:#ffffff09;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-button{width:3rem}.button-primary:hover,.button-secondary:hover,.icon-button:hover{transform:translateY(-2px);border-color:#ffd8ce4d;color:var(--tone-cream);box-shadow:0 15px 42px #ff2f6d2e}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:2.2rem;max-width:680px;border-top:1px solid rgba(255,255,255,.075);border-bottom:1px solid rgba(255,255,255,.075)}.hero-stats>div{padding:1rem .7rem;border-right:1px solid rgba(255,255,255,.075)}.hero-stats>div:first-child{padding-left:0}.hero-stats>div:last-child{border-right:0}.hero-stats strong{display:block;color:#cffafe;font-size:.95rem}.hero-stats span{display:block;margin-top:.28rem;color:#64748b;font-size:.65rem}.hero-vector-wrap{position:relative;min-width:0}.nav-chroma-mark{position:relative;display:grid;width:36px;height:36px;place-items:center;overflow:hidden;border:1px solid rgba(221,190,126,.3);border-radius:50%;color:#fff;background:radial-gradient(circle at 28% 22%,#83ffe6,transparent 30%),radial-gradient(circle at 75% 70%,#7136ff,transparent 45%),radial-gradient(circle at 35% 85%,#ff9b5f,transparent 38%),#11101c;box-shadow:0 0 22px #7046ff21;font-size:.62rem;font-weight:700;transition:transform .3s ease,box-shadow .3s ease}.group:hover .nav-chroma-mark{transform:rotate(-8deg) scale(1.05);box-shadow:0 0 28px #41dccd33}.chroma-dashboard{position:relative;width:min(100%,630px);min-height:624px;margin-left:auto;overflow:hidden;border:1px solid rgba(225,211,174,.14);border-radius:1.65rem;background:radial-gradient(circle at 50% 45%,rgba(75,50,150,.08),transparent 35%),#080909;box-shadow:0 42px 110px #00000080,inset 0 1px #ffffff09;animation:dashboard-float 7s ease-in-out infinite}.chroma-dashboard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.012),transparent),radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.42))}.chroma-dashboard-bar,.chroma-dashboard-footer{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;color:#94a3b885;font-size:.52rem;letter-spacing:.17em}.chroma-dashboard-bar{height:52px;padding:0 1.15rem;border-bottom:1px solid rgba(225,211,174,.09)}.chroma-dashboard-footer{height:48px;padding:0 1.15rem;border-top:1px solid rgba(225,211,174,.09)}.chroma-dashboard-canvas{position:relative;z-index:2;height:524px;overflow:hidden}.chroma-stage{--chroma-x: 0deg;--chroma-y: 0deg;--light-x: 42%;--light-y: 34%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;perspective:1000px}.chroma-frame{position:absolute;left:50%;top:50%;width:34%;height:61%;transform:translate(-50%,-50%) rotateX(var(--chroma-y)) rotateY(var(--chroma-x));border:1px solid rgba(221,190,126,.48);background:#0607080f;box-shadow:inset 0 0 0 1px #ffffff05,0 22px 60px #0000004d;transition:transform .5s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}.frame-corner{position:absolute;z-index:8;width:9px;height:9px;border-color:#f4dda8d1}.corner-tl{left:-2px;top:-2px;border-left:1px solid;border-top:1px solid}.corner-tr{right:-2px;top:-2px;border-right:1px solid;border-top:1px solid}.corner-bl{left:-2px;bottom:-2px;border-left:1px solid;border-bottom:1px solid}.corner-br{right:-2px;bottom:-2px;border-right:1px solid;border-bottom:1px solid}.chroma-orb{position:absolute;left:50%;top:50%;width:152%;aspect-ratio:1;transform:translate3d(-51%,-50%,30px);overflow:hidden;border-radius:47% 53% 48% 52%/43% 46% 54% 57%;background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(244,255,249,.9) 0%,rgba(178,255,236,.4) 8%,transparent 21%),radial-gradient(circle at 25% 20%,#69fbd6 0%,#21cfc0 18%,transparent 48%),radial-gradient(circle at 79% 45%,#7244ff 0%,#4421d8 31%,transparent 65%),radial-gradient(circle at 58% 91%,#ff9f58 0%,#cf477e 25%,transparent 57%),radial-gradient(circle at 18% 77%,#39bac0 0%,#17235f 36%,transparent 68%),#211044;box-shadow:-30px -20px 70px #3cebd226,30px 22px 80px #6832ff47,0 0 100px #4f2dca3d;filter:saturate(1.08);animation:chroma-breathe 8s ease-in-out infinite}.chroma-orb:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;opacity:.42;background:conic-gradient(from 110deg at 50% 50%,transparent,rgba(255,255,255,.25),transparent 25%,rgba(255,146,85,.25),transparent 60%);filter:blur(16px);animation:chroma-swirl 13s linear infinite}.chroma-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.chroma-highlight{position:absolute;left:12%;top:8%;width:58%;height:38%;transform:rotate(-26deg);border-radius:50%;opacity:.55;background:linear-gradient(180deg,rgba(255,255,255,.32),transparent);filter:blur(15px)}.chroma-shadow{position:absolute;right:-12%;bottom:-15%;width:72%;height:55%;border-radius:50%;background:#10042a85;filter:blur(24px)}.chroma-title{position:absolute;z-index:6;left:9%;top:44%;transform:translateZ(70px);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.28)}.chroma-title strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:400;letter-spacing:-.035em}.chroma-title span{display:block;margin-top:.3rem;color:#ffffffb8;font-family:Georgia,Times New Roman,serif;font-size:.52rem;letter-spacing:.05em}.chroma-mark{position:absolute;z-index:7;right:8%;bottom:7%;transform:translateZ(80px);color:#0c0b0dc7;font-size:.52rem;font-weight:800;letter-spacing:.08em}.chroma-coordinate{position:absolute;z-index:5;color:#ddbe7e6b;font-size:.48rem;letter-spacing:.2em}.coordinate-top{left:31%;top:12%}.coordinate-side{right:19%;bottom:14%;writing-mode:vertical-rl}.chroma-axis{position:absolute;z-index:1;opacity:.2;background:linear-gradient(90deg,transparent,rgba(221,190,126,.35),transparent)}.axis-horizontal{left:12%;right:12%;top:50%;height:1px}.axis-vertical{left:50%;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,rgba(221,190,126,.28),transparent)}.chroma-note{position:absolute;z-index:7;min-width:150px;border:1px solid rgba(225,211,174,.12);border-radius:.8rem;padding:.75rem .85rem;background:#090a0bc7;box-shadow:0 16px 35px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chroma-note-label{display:flex;align-items:center;gap:.4rem;color:#94a3b88a;font-size:.46rem;letter-spacing:.15em}.chroma-note strong{display:block;margin-top:.55rem;color:#e2e8f0;font-size:.67rem}.chroma-note>span{display:block;margin-top:.2rem;color:#64748b;font-size:.55rem}.note-focus{left:5%;top:9%}.note-building{right:5%;top:16%}.note-music{right:5%;bottom:9%}.chroma-progress{width:100%;height:2px;margin-top:.65rem;overflow:hidden;background:#ffffff0f}.chroma-progress i{display:block;width:78%;height:100%;background:linear-gradient(90deg,#5ce2cf,#7b4bff,#ff9d5c);box-shadow:0 0 10px #6a50ff73}.chroma-system-line{position:absolute;z-index:4;height:1px;transform-origin:left;background:linear-gradient(90deg,rgba(221,190,126,.32),transparent)}.line-one{left:24%;top:31%;width:18%;transform:rotate(25deg)}.line-two{right:19%;bottom:28%;width:20%;transform:rotate(-28deg)}.chroma-node{position:absolute;z-index:5;width:4px;height:4px;border-radius:50%;background:#ddbe7e;box-shadow:0 0 9px #ddbe7e99}.node-one{left:40%;top:39%}.node-two{right:37%;bottom:37%}.chroma-stage.is-compact{position:absolute;top:0;right:0;bottom:0;left:0}.chroma-stage.is-compact .chroma-frame{width:39%;height:64%}.chroma-stage.is-compact .chroma-orb{width:170%}.chroma-stage.is-compact .chroma-title strong{font-size:.92rem}.chroma-stage.is-compact .chroma-title span,.chroma-stage.is-compact .chroma-coordinate,.chroma-stage.is-compact .chroma-axis{display:none}.profile-chroma{z-index:1}.contact-chroma{z-index:0;left:auto;right:-11%;width:46%;opacity:.18;filter:blur(1px)}.mobile-chroma{position:relative;height:430px;overflow:hidden;border:1px solid rgba(225,211,174,.14);border-radius:1.4rem;background:#080909;box-shadow:0 28px 80px #00000059}.mobile-chroma .chroma-frame{width:31%;height:57%}.mobile-chroma-footer{position:absolute;z-index:8;left:0;right:0;bottom:0;display:flex;height:42px;align-items:center;justify-content:space-between;padding:0 1rem;border-top:1px solid rgba(225,211,174,.1);color:#ddbe7e73;background:#080909bf;font-size:.47rem;letter-spacing:.17em}.hero-dashboard{position:relative;width:min(100%,630px);min-height:600px;margin-left:auto;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:2rem;background:linear-gradient(145deg,#0f172ac7,#070b149e),radial-gradient(circle at 70% 20%,rgba(124,58,237,.12),transparent 32%);box-shadow:0 38px 100px #00000061,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:dashboard-float 7s ease-in-out infinite}.hero-dashboard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.035) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.dashboard-topbar{position:relative;z-index:4;display:flex;height:54px;align-items:center;justify-content:space-between;padding:0 1.25rem;border-bottom:1px solid rgba(255,255,255,.075);background:#03071261}.window-dot{width:7px;height:7px;border-radius:50%}.dashboard-content{position:relative;z-index:3;display:grid;grid-template-columns:1.15fr .85fr;grid-template-areas:"identity identity" "code building" "code music" "stack stack" "signal signal";gap:.8rem;padding:1.1rem}.identity-panel{grid-area:identity;display:flex;align-items:center;gap:1rem;min-height:128px;padding:1.15rem;border:1px solid rgba(103,232,249,.12);border-radius:1.25rem;background:linear-gradient(120deg,#0891b216,#4f46e50a)}.identity-ring{display:grid;width:84px;height:84px;place-items:center;border:1px dashed rgba(103,232,249,.3);border-radius:50%;animation:spin 18s linear infinite}.identity-avatar{display:grid;width:64px;height:64px;place-items:center;overflow:hidden;border:1px solid rgba(103,232,249,.22);border-radius:50%;color:#cffafe;background:radial-gradient(circle at 35% 30%,rgba(103,232,249,.22),transparent 38%),#0b1020;box-shadow:0 0 34px #22d3ee1f;font-size:1.3rem;font-weight:700;animation:spin-reverse 18s linear infinite}.identity-avatar img{position:absolute;width:64px;height:64px;-o-object-fit:cover;object-fit:cover}.dashboard-panel{min-width:0;padding:1rem;border:1px solid rgba(255,255,255,.075);border-radius:1.05rem;background:#0307127a;box-shadow:inset 0 1px #ffffff06}.panel-label{display:flex;align-items:center;gap:.45rem;color:#64748b;font-size:.58rem;font-weight:600;letter-spacing:.14em}.code-panel{grid-area:code}.code-panel pre{margin:1rem 0 0;white-space:pre-wrap;color:#94a3b8;font-family:SFMono-Regular,Consolas,monospace;font-size:.66rem;line-height:1.75}.code-violet{color:#c4b5fd}.code-cyan{color:#67e8f9}.code-string{color:#a7f3d0}.building-panel{grid-area:building}.music-panel{grid-area:music}.stack-panel{grid-area:stack}.building-panel strong,.music-panel strong{display:block;margin-top:.75rem;color:#e2e8f0;font-size:.78rem}.mini-wave,.audio-wave,.sensor-wave{display:flex;height:32px;align-items:center;gap:3px}.mini-wave i,.audio-wave i,.sensor-wave i{flex:1;min-width:2px;border-radius:99px;background:linear-gradient(to top,#22d3ee59,#a78bfacc);animation:wave 2.8s ease-in-out infinite alternate}.mini-wave i:nth-child(3n),.audio-wave i:nth-child(4n){animation-delay:-1.2s}.stack-panel span{border:1px solid rgba(103,232,249,.1);border-radius:999px;padding:.4rem .58rem;color:#94a3b8;background:#0891b20a;font-size:.6rem}.signal-panel{grid-area:signal;display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem;color:#64748b;font-size:.64rem;letter-spacing:.05em}.signal-panel svg{color:#a78bfa}.dashboard-orbit{position:absolute;z-index:1;border:1px solid rgba(103,232,249,.09);border-radius:50%;animation:spin 20s linear infinite}.dashboard-orbit-one{top:-70px;right:-50px;width:260px;height:260px}.dashboard-orbit-two{right:60px;bottom:-120px;width:340px;height:340px;animation-direction:reverse;animation-duration:28s}.dashboard-particle{position:absolute;z-index:2;width:4px;height:4px;border-radius:50%;background:#67e8f9;box-shadow:0 0 12px #22d3ee}.particle-a{right:13%;top:19%}.particle-b{right:6%;bottom:32%;background:#a78bfa}.particle-c{left:7%;bottom:9%}.stat-ribbon{position:relative;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.35rem;background:#0b1020b8;box-shadow:0 24px 60px #0003,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ribbon-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 20%,rgba(103,232,249,.05) 45%,transparent 70%);transform:translate(-100%);animation:ribbon-shine 8s ease-in-out infinite}.ribbon-item{position:relative;display:flex;align-items:flex-start;gap:1rem;min-width:0;padding:1.35rem 1.5rem;border-right:1px solid rgba(255,255,255,.075)}.ribbon-item:last-child{border-right:0}.ribbon-index{color:#475569;font-size:.62rem}.ribbon-item strong{display:block;color:#cbd5e1;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.ribbon-item p{margin:.4rem 0 0;overflow:hidden;color:#64748b;font-size:.7rem;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.bento-card,.focus-card,.skill-cell,.skills-overview{position:relative;border:1px solid rgba(255,255,255,.085);border-radius:1.5rem;background:linear-gradient(145deg,#0f172aad,#070b147a);box-shadow:inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.bento-card:after,.focus-card:after,.skill-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .35s ease;background:radial-gradient(circle at 20% 0%,rgba(103,232,249,.08),transparent 35%)}.bento-card:hover,.focus-card:hover,.skill-cell:hover{transform:translateY(-5px);border-color:#67e8f933;box-shadow:0 28px 70px #0000003d,0 0 45px #22d3ee0a}.bento-card:hover:after,.focus-card:hover:after,.skill-cell:hover:after{opacity:1}.bento-violet{background:linear-gradient(145deg,#23194285,#070b1480)}.bento-blue{background:linear-gradient(145deg,#1021418c,#070b1480)}.about-bento{display:grid;grid-template-columns:.9fr 1.1fr 1fr;grid-template-areas:"profile story story" "profile music engineering" "values values engineering";gap:1rem}.about-profile{grid-area:profile}.about-story{grid-area:story}.about-music{grid-area:music}.about-engineering{grid-area:engineering}.about-values{grid-area:values}.about-story-open{position:relative;min-height:100%;padding:clamp(1rem,3vw,2.4rem) clamp(.5rem,2vw,1.2rem) clamp(1rem,3vw,2rem) clamp(1.5rem,4vw,3rem)}.about-story-open:before{content:"";position:absolute;left:0;top:clamp(1rem,3vw,2.2rem);bottom:clamp(1rem,3vw,2.2rem);width:1px;background:linear-gradient(to bottom,transparent,rgba(103,232,249,.7),rgba(167,139,250,.34),transparent);box-shadow:0 0 22px #22d3ee38}.about-story-open:after{content:"01";position:absolute;right:.2rem;top:-.45rem;color:#94a3b80e;font-size:clamp(4.5rem,10vw,7.4rem);font-weight:800;line-height:1;pointer-events:none}.about-story-open h3,.about-story-open p,.about-story-open div{position:relative;z-index:1}.profile-portrait{position:relative;display:grid;aspect-ratio:4 / 4.5;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:1.15rem;background:radial-gradient(circle at 50% 35%,rgba(34,211,238,.15),transparent 34%),linear-gradient(145deg,#1e40af1f,#581c8726),#080d1d}.profile-portrait:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(103,232,249,.12);border-radius:50%;box-shadow:0 0 60px #22d3ee14}.profile-portrait img{position:absolute;z-index:2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portrait-monogram{position:relative;z-index:1;color:#cffafe;font-size:3rem;font-weight:700;letter-spacing:-.06em}.portrait-coordinate{position:absolute;z-index:3;bottom:1rem;left:1rem;color:#64748b;font-size:.55rem;letter-spacing:.18em}.eyebrow-mini{color:#64748b;font-size:.62rem;font-weight:600;letter-spacing:.2em}.bento-number{position:absolute;right:1.6rem;top:1.2rem;color:#94a3b814;font-size:5rem;font-weight:700}.icon-shell{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(103,232,249,.15);border-radius:.9rem;color:#67e8f9;background:#0891b20f}.violet-icon{border-color:#c4b5fd29;color:#c4b5fd;background:#6d28d914}.audio-wave{height:48px}.engineering-bento{min-height:310px}.circuit-decoration{position:absolute;inset:auto 0 0;height:43%;overflow:hidden;opacity:.58;background-image:linear-gradient(rgba(103,232,249,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.06) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(to bottom,transparent,black);mask-image:linear-gradient(to bottom,transparent,black)}.circuit-decoration:before,.circuit-decoration:after{content:"";position:absolute;border:1px solid rgba(103,232,249,.2)}.circuit-decoration:before{left:18%;top:30%;width:65%;height:44px;border-left:0;border-radius:0 12px 12px 0}.circuit-decoration:after{right:15%;top:12%;width:8px;height:8px;border-radius:50%;background:#67e8f9;box-shadow:0 0 12px #22d3ee}.circuit-decoration span{position:absolute;width:5px;height:5px;border-radius:50%;background:#67e8f9}.circuit-decoration span:nth-child(1){left:18%;top:28%}.circuit-decoration span:nth-child(2){left:50%;top:58%}.circuit-decoration span:nth-child(3){right:14%;top:63%}.circuit-decoration span:nth-child(4){left:32%;bottom:12%}.value-chip{display:flex;min-height:72px;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.07);border-radius:1rem;padding:.9rem;color:#cbd5e1;background:#ffffff06;font-size:.75rem}.value-chip span{color:#475569;font-size:.55rem}.vector-section{padding-block:clamp(5rem,8vw,8rem)}.progressive-vector{--vector-x: 0px;--vector-y: 0px;--vector-rotate: 0deg;position:relative;min-height:650px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1.8rem;color:#fff;background:#e9b9bd;box-shadow:0 40px 110px #00000057,inset 0 1px #ffffff4d;isolation:isolate}.progressive-vector.is-hero{min-height:560px;border-color:#ffd8ce47;border-radius:1.35rem;box-shadow:0 34px 95px #00000061,0 0 70px #ff2f6d14,inset 0 1px #ffffff57}.progressive-vector:after{content:"";position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,6,12,.22),transparent 24%,transparent 78%,rgba(4,6,12,.17)),radial-gradient(ellipse at center,transparent 54%,rgba(37,15,31,.2))}.vector-art{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;overflow:hidden;transform:translate3d(var(--vector-x),var(--vector-y),0) rotate(var(--vector-rotate)) scale(1.08);transition:transform .7s cubic-bezier(.22,1,.36,1)}.vector-plane{position:absolute;filter:blur(5px)}.vector-plane-top{left:-8%;right:-8%;top:-12%;height:55%;background:radial-gradient(ellipse at 70% 80%,rgba(255,213,210,.68),transparent 52%),linear-gradient(165deg,#74837f,#b8a1a1 48%,#f2bbb9);clip-path:polygon(0 0,100% 0,100% 71%,68% 82%,39% 72%,0 83%);animation:vector-drift-top 14s ease-in-out infinite alternate}.vector-plane-mid{left:-12%;right:-10%;top:24%;height:58%;background:radial-gradient(ellipse at 15% 65%,rgba(255,29,91,.95),transparent 46%),radial-gradient(ellipse at 82% 26%,rgba(255,187,188,.9),transparent 46%),linear-gradient(110deg,var(--tone-coral) 0%,#fb416b 50%,#ffc3c1 100%);clip-path:polygon(0 13%,35% 0,67% 18%,100% 0,100% 77%,74% 66%,38% 87%,0 70%);animation:vector-drift-mid 12s ease-in-out infinite alternate}.vector-plane-light{right:-16%;top:29%;width:62%;height:47%;transform:rotate(8deg);background:linear-gradient(100deg,#ffddd500,#ffdad3f0);clip-path:polygon(0 28%,100% 0,100% 100%,0 66%);filter:blur(3px);mix-blend-mode:screen;animation:vector-light 7s ease-in-out infinite alternate}.vector-plane-bottom{left:-9%;right:-9%;bottom:-20%;height:58%;background:radial-gradient(ellipse at 24% 15%,rgba(255,116,174,.9),transparent 55%),linear-gradient(155deg,#fa7aaa,var(--tone-pink) 50%,#d28cf3);clip-path:polygon(0 18%,35% 3%,69% 22%,100% 7%,100% 100%,0 100%);animation:vector-drift-bottom 15s ease-in-out infinite alternate}.vector-horizon{position:absolute;left:-5%;right:-5%;top:49%;height:10%;transform:rotate(-2deg);opacity:.42;background:linear-gradient(180deg,transparent,rgba(255,36,95,.75),transparent);filter:blur(8px)}.vector-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vector-copy{position:absolute;z-index:8;left:50%;top:50%;width:min(90%,1050px);transform:translate(-50%,-50%);text-align:center;text-shadow:0 6px 35px rgba(87,16,44,.18)}.vector-kicker{display:block;margin-bottom:1.5rem;color:#ffffffbd;font-size:.62rem;font-weight:700;letter-spacing:.25em}.vector-copy h2{position:relative;height:1.05em;margin:0;overflow:hidden;font-size:clamp(5rem,12vw,10.8rem);font-weight:800;line-height:.95;letter-spacing:-.07em;color:#fff1e9d1}.vector-word{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;animation:vector-words 9s ease-in-out infinite}.word-learn{animation-delay:3s}.word-create{animation-delay:6s}.vector-copy p{max-width:610px;margin:1.8rem auto 0;color:#ffffffd1;font-size:.85rem;line-height:1.8}.progressive-vector.is-hero .vector-copy{width:min(88%,760px)}.progressive-vector.is-hero .vector-copy h2{font-size:clamp(4rem,8vw,8.4rem)}.progressive-vector.is-hero .vector-copy p{max-width:520px}.vector-meta{position:absolute;z-index:9;left:1.5rem;right:1.5rem;display:flex;align-items:center;justify-content:space-between;color:#ffffffa3;font-size:.5rem;font-weight:700;letter-spacing:.18em}.vector-meta-top{top:1.35rem}.vector-meta-bottom{bottom:1.35rem}.vector-corner{position:absolute;z-index:10;width:22px;height:22px;border-color:#ffffff7a}.vector-corner-tl{left:.8rem;top:.8rem;border-left:1px solid;border-top:1px solid}.vector-corner-tr{right:.8rem;top:.8rem;border-right:1px solid;border-top:1px solid}.vector-corner-bl{left:.8rem;bottom:.8rem;border-left:1px solid;border-bottom:1px solid}.vector-corner-br{right:.8rem;bottom:.8rem;border-right:1px solid;border-bottom:1px solid}.project-filters{display:flex;max-width:100%;flex-wrap:wrap;gap:.35rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:.3rem;background:#0f172a80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none}.project-filters::-webkit-scrollbar{display:none}.project-filters button{position:relative;overflow:hidden;border-radius:.72rem;padding:.58rem .82rem;color:#64748b;font-size:.68rem;transition:color .25s ease}.project-filters button:hover,.project-filters button.is-active{color:#e2e8f0}.filter-active-bg{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(103,232,249,.16);border-radius:inherit;background:linear-gradient(110deg,#0891b21f,#6d28d91f)}.projects-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-card-v2{display:grid;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:1.5rem;background:linear-gradient(145deg,#0f172ab8,#070b148a);box-shadow:inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.project-card-v2:not(.project-featured){grid-template-rows:260px 1fr}.project-card-v2.project-featured{grid-column:1 / -1;grid-template-columns:1.18fr .82fr;min-height:470px}.project-card-v2:hover{transform:translateY(-6px);border-color:#67e8f938;box-shadow:0 30px 80px #00000042,0 0 46px #22d3ee0a}.project-card-v2:focus-visible{outline:2px solid rgba(103,232,249,.75);outline-offset:4px}.project-visual{position:relative;min-height:260px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.07);background:#08101d}.project-featured .project-visual{border-right:1px solid rgba(255,255,255,.07);border-bottom:0}.project-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;transition:transform .7s cubic-bezier(.22,1,.36,1)}.project-card-v2:hover .project-visual:before{transform:scale(1.08) rotate(1deg)}.project-visual-game:before{background:radial-gradient(circle at 70% 20%,rgba(34,211,238,.28),transparent 35%),linear-gradient(145deg,#091b31,#10102a)}.project-visual-music:before{background:radial-gradient(circle at 20% 20%,rgba(192,132,252,.24),transparent 38%),linear-gradient(145deg,#1c1230,#0c1223)}.project-visual-saturn:before{background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.2),transparent 40%),linear-gradient(145deg,#071426,#0f102c)}.project-visual-embedded:before{background:radial-gradient(circle at 25% 75%,rgba(16,185,129,.19),transparent 40%),linear-gradient(145deg,#071b20,#0b1422)}.project-visual-ai:before{background:radial-gradient(circle at 75% 25%,rgba(129,140,248,.24),transparent 38%),linear-gradient(145deg,#11112b,#0a1323)}.project-visual-cosmos:before{background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.18),transparent 35%),linear-gradient(145deg,#0d0d28,#07131f)}.cover-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle,black,transparent 82%);mask-image:radial-gradient(circle,black,transparent 82%)}.project-cover-label{position:absolute;z-index:4;top:1rem;left:1rem;color:#e2e8f06b;font-size:.54rem;font-weight:600;letter-spacing:.2em}.cover-scene{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;transition:transform .65s cubic-bezier(.22,1,.36,1)}.project-card-v2:hover .cover-scene{transform:scale(1.025) translateY(-3px)}.game-sidebar{position:absolute;left:7%;top:22%;display:flex;width:12%;height:62%;flex-direction:column;gap:.65rem;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;padding:.7rem;background:#02061773}.game-sidebar span{height:5px;border-radius:99px;background:#67e8f938}.game-library{position:absolute;left:24%;right:7%;top:19%;display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.game-tile{position:relative;aspect-ratio:.72;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:.65rem;box-shadow:0 12px 24px #0003}.game-tile i{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(150deg,#22d3ee73,#1e293b1a)}.game-tile-2 i{background:linear-gradient(150deg,#a78bfa80,#1e293b1a)}.game-tile-3 i{background:linear-gradient(150deg,#fb923c57,#1e293b1a)}.game-tile-4 i{background:linear-gradient(150deg,#10b98157,#1e293b1a)}.game-tile b{position:absolute;right:.35rem;bottom:.35rem;color:#fff;font-size:.58rem}.game-rating{position:absolute;left:24%;right:7%;bottom:10%;display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:.5rem;letter-spacing:.14em}.game-rating div{display:flex;gap:3px}.game-rating i{width:14px;height:3px;border-radius:99px;background:#22d3ee}.music-staff{position:absolute;left:8%;right:8%;top:18%;height:40%}.music-staff i{display:block;height:1px;margin-bottom:12px;background:#e2e8f030}.note{position:absolute;color:#d8b4fed9;text-shadow:0 0 18px rgba(192,132,252,.45)}.note-one{left:20%;top:0;font-size:2rem}.note-two{left:54%;top:32%;font-size:1.1rem}.note-three{right:12%;top:3%;font-size:2.3rem}.fretboard{position:absolute;left:8%;right:8%;bottom:12%;display:flex;height:28%;flex-direction:column;justify-content:space-around;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);background:repeating-linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.09) 12.3%);transform:perspective(400px) rotateX(58deg)}.fretboard i{height:1px;background:#ffffff29}.fret-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#c4b5fd;box-shadow:0 0 10px #8b5cf6}.fret-a{left:23%;top:36%}.fret-b{left:51%;top:58%}.fret-c{right:19%;top:24%}.saturn-planet{position:absolute;left:50%;top:50%;width:24%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(103,232,249,.22);border-radius:50%;background:radial-gradient(circle at 35% 28%,#67e8f9,#2563eb 26%,#111827 68%);box-shadow:0 0 48px #3b82f640}.saturn-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(103,232,249,.22);border-radius:50%;transform:translate(-50%,-50%) rotate(-15deg)}.ring-a{width:58%;height:22%}.ring-b{width:74%;height:34%;border-style:dashed;opacity:.55}.saturn-cover>i{position:absolute;width:3px;height:3px;border-radius:50%;background:#a5f3fc;box-shadow:0 0 9px #22d3ee}.chip{position:absolute;left:18%;top:23%;display:grid;width:34%;aspect-ratio:1.25;place-items:center;border:1px solid rgba(110,231,183,.28);border-radius:.5rem;color:#a7f3d0;background:#022c2273;box-shadow:0 0 30px #10b98114;font-size:.65rem;letter-spacing:.12em}.chip:before,.chip:after{content:"";position:absolute;left:-9px;right:-9px;height:70%;background:repeating-linear-gradient(to bottom,transparent 0 9px,rgba(110,231,183,.34) 9px 11px);z-index:-1}.circuit-line{position:absolute;border:1px solid rgba(110,231,183,.18)}.circuit-a{left:4%;top:39%;width:15%;height:1px}.circuit-b{left:52%;top:38%;width:24%;height:36%;border-left:0;border-radius:0 12px 12px 0}.circuit-c{left:29%;bottom:10%;width:1px;height:22%}.sensor-panel{position:absolute;right:7%;top:18%;width:34%;border:1px solid rgba(255,255,255,.09);border-radius:.8rem;padding:.8rem;background:#02061773;color:#64748b;font-size:.48rem;letter-spacing:.12em}.sensor-wave{height:62px}.ai-feed{position:absolute;left:6%;top:18%;width:54%;height:66%;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;background:linear-gradient(135deg,#6366f129,#0f172a66),repeating-linear-gradient(90deg,transparent 0 19%,rgba(255,255,255,.03) 20%)}.recognition-box{position:absolute;left:24%;top:18%;width:42%;height:58%;border:1px solid #67e8f9;box-shadow:0 0 18px #22d3ee1f}.recognition-box span{position:absolute;left:-1px;top:-16px;padding:.2rem .35rem;color:#07111f;background:#67e8f9;font-size:.42rem;font-weight:700}.ai-metrics{position:absolute;right:6%;top:20%;width:29%;color:#64748b;font-size:.48rem;letter-spacing:.12em}.ai-metrics strong{display:block;margin:.55rem 0 1rem;color:#c4b5fd;font-size:.75rem}.ai-metrics>div{height:4px;margin-top:.7rem;overflow:hidden;border-radius:99px;background:#ffffff0f}.ai-metrics i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#a78bfa)}.cosmos-cover svg{position:absolute;top:13%;right:13%;bottom:13%;left:13%;width:74%;height:74%;overflow:visible;fill:none;stroke:#67e8f924;stroke-width:.4}.cosmos-cover>i{position:absolute;width:7px;height:7px;border:1px solid rgba(196,181,253,.5);border-radius:50%;background:#172554;box-shadow:0 0 14px #a78bfa8c}.cosmos-core{position:absolute;left:50%;top:50%;display:grid;width:44px;height:44px;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(103,232,249,.22);border-radius:50%;color:#cffafe;background:#0891b21a;box-shadow:0 0 36px #22d3ee21}.project-copy{display:flex;min-width:0;flex-direction:column;padding:1.6rem}.project-featured .project-copy{justify-content:center;padding:2.5rem}.project-category{border:1px solid rgba(103,232,249,.13);border-radius:999px;padding:.35rem .6rem;color:#67e8f9;background:#0891b20d;font-size:.56rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.tag-pill{display:inline-flex;align-items:center;border:1px solid rgba(148,163,184,.11);border-radius:999px;padding:.42rem .72rem;color:#94a3b8;background:#0f172a85;font-size:.62rem;line-height:1;letter-spacing:.03em}.project-tech{transition:color .25s ease,border-color .25s ease,background .25s ease}.project-card-v2:hover .project-tech{border-color:#67e8f929;color:#cbd5e1;background:#0891b20e}.project-link{position:relative;z-index:3;display:inline-flex;align-items:center;gap:.45rem;color:#cbd5e1;font-size:.7rem;font-weight:600;transition:color .25s ease}.project-link:hover{color:#67e8f9}.project-link.subtle{color:#64748b}.tech-marquee{position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:#0b10207a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.tech-marquee-track{display:flex;width:-moz-max-content;width:max-content;gap:.82rem;padding:1.05rem 0;animation:marquee 34s linear infinite}.tech-marquee:hover .tech-marquee-track{animation-play-state:paused}.tech-pill{display:inline-flex;align-items:center;gap:.68rem;border:1px solid rgba(215,226,234,.1);border-radius:999px;padding:.48rem .78rem .48rem .5rem;color:#d7e2eaa3;background:#d7e2ea09;font-size:.68rem;white-space:nowrap;transition:transform .22s ease,border-color .22s ease,color .22s ease,background .22s ease}.tech-pill:hover{transform:translateY(-2px);border-color:#d7e2ea3d;color:#d7e2ea;background:#d7e2ea12}.tech-icon,.tech-icon-svg{display:inline-grid;width:1.85rem;height:1.85rem;flex:0 0 auto;place-items:center;border:1px solid rgba(215,226,234,.12);border-radius:999px;color:#d7e2ea;background:radial-gradient(circle at 36% 24%,rgba(103,232,249,.24),transparent 34%),#d7e2ea0e;box-shadow:inset 0 1px #ffffff0a}.tech-icon-svg{padding:.36rem}.tech-icon-mark{border-radius:.58rem;font-size:.62rem;font-weight:800;letter-spacing:0}.tech-icon-react{position:relative;background:#67e8f90f}.tech-icon-react span{position:absolute;width:1.18rem;height:.48rem;border:1px solid rgba(103,232,249,.8);border-radius:50%}.tech-icon-react span:nth-child(2){transform:rotate(60deg)}.tech-icon-react span:nth-child(3){transform:rotate(-60deg)}.tech-icon-react b{width:.28rem;height:.28rem;border-radius:50%;background:#67e8f9;box-shadow:0 0 10px #67e8f9d9}.tech-icon-vue{position:relative;border-radius:.58rem}.tech-icon-vue:before,.tech-icon-vue:after{content:"";position:absolute;top:.46rem;border-left:.46rem solid transparent;border-right:.46rem solid transparent;border-top:.8rem solid rgba(103,232,249,.82)}.tech-icon-vue:after{top:.46rem;border-left-width:.28rem;border-right-width:.28rem;border-top-color:#d7e2eaeb}.tech-icon-python{color:#0c0c0c;background:linear-gradient(135deg,#d7e2ea,#67e8f9)}.tech-icon-c{border-radius:50%;color:#67e8f9}.tech-icon-framer{position:relative;overflow:hidden;border-radius:.58rem}.tech-icon-framer span{position:absolute;width:.78rem;height:.78rem;background:#d7e2eadb;clip-path:polygon(0 0,100% 0,100% 100%)}.tech-icon-framer span:first-child{left:.48rem;top:.36rem}.tech-icon-framer span:last-child{left:.58rem;bottom:.36rem;transform:rotate(180deg)}.skills-orb{position:absolute;left:8%;top:35%;width:420px;height:420px;border-radius:50%;background:#22d3ee09;filter:blur(80px)}.skills-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:1rem}.skills-overview{overflow:hidden;padding:2rem}.live-label{display:flex;align-items:center;gap:.45rem;color:#64748b;font-size:.55rem;letter-spacing:.15em}.live-label i{width:5px;height:5px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #10b981}.skill-radar{position:relative;display:grid;width:min(100%,270px);aspect-ratio:1;margin-inline:auto;place-items:center}.radar-ring{position:absolute;border:1px solid rgba(103,232,249,.12);border-radius:50%}.radar-one{top:5%;right:5%;bottom:5%;left:5%}.radar-two{top:24%;right:24%;bottom:24%;left:24%}.radar-three{top:40%;right:40%;bottom:40%;left:40%}.radar-axis{position:absolute;width:90%;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.14),transparent)}.radar-axis-b{transform:rotate(60deg)}.radar-core{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(103,232,249,.24);border-radius:50%;color:#67e8f9;background:#0891b214;box-shadow:0 0 34px #22d3ee1f}.radar-point{position:absolute;width:7px;height:7px;border-radius:50%;background:#67e8f9;box-shadow:0 0 12px #22d3ee}.point-a{right:15%;top:30%}.point-b{left:23%;bottom:18%;background:#a78bfa}.point-c{left:18%;top:20%}.skill-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.skill-cell{padding:1.4rem}.skill-index{color:#334155;font-size:.6rem}.skill-progress{height:3px;overflow:hidden;border-radius:99px;background:#ffffff0e}.skill-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0891b2,#818cf8);box-shadow:0 0 10px #22d3ee38}.focus-card{min-height:300px;overflow:hidden;padding:1.6rem}.focus-card:before{content:"";position:absolute;right:-50px;bottom:-70px;width:170px;height:170px;border:1px solid rgba(103,232,249,.08);border-radius:50%;box-shadow:inset 0 0 50px #22d3ee06}.timeline-list{max-width:1050px}.timeline-row{display:grid;grid-template-columns:160px 52px 1fr;min-height:175px}.timeline-year{padding-top:.15rem;text-align:right}.timeline-year span{color:#64748b;font-size:1.1rem;font-weight:600;letter-spacing:-.02em}.timeline-rail{position:relative}.timeline-rail:before{content:"";position:absolute;left:50%;top:8px;bottom:-8px;width:1px;transform:translate(-50%);background:linear-gradient(to bottom,#67e8f980,#818cf829)}.timeline-row:last-child .timeline-rail:before{bottom:60%}.timeline-rail i{position:absolute;z-index:2;left:50%;top:3px;width:12px;height:12px;transform:translate(-50%);border:3px solid #07101d;border-radius:50%;background:#67e8f9;box-shadow:0 0 18px #22d3eecc}.timeline-content{max-width:700px;padding:0 0 3.5rem 1.6rem}.timeline-content h3{margin:0;color:#e2e8f0;font-size:1.3rem;font-weight:600}.timeline-content p{margin:.8rem 0 0;color:#64748b;font-size:.9rem;line-height:1.8}.timeline-row.is-current .timeline-year span{color:#c4b5fd}.timeline-row.is-current .timeline-rail i{width:16px;height:16px;top:1px;background:#a78bfa;box-shadow:0 0 28px #a78bfae6}.timeline-row.is-current .timeline-content{border:1px solid rgba(167,139,250,.12);border-radius:1.3rem;padding:1.5rem;background:linear-gradient(120deg,#6d28d914,#0891b20a)}.current-badge{display:inline-flex;margin-bottom:1rem;border:1px solid rgba(196,181,253,.15);border-radius:999px;padding:.35rem .55rem;color:#c4b5fd;background:#6d28d90f;font-size:.52rem;letter-spacing:.16em}.contact-card{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;overflow:hidden;border:1px solid rgba(103,232,249,.14);border-radius:2rem;padding:clamp(2rem,5vw,5rem);background:radial-gradient(circle at 5% 10%,rgba(34,211,238,.1),transparent 30%),radial-gradient(circle at 95% 80%,rgba(124,58,237,.13),transparent 34%),#0b1020b8;box-shadow:0 40px 110px #00000052,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.contact-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(115deg,rgba(103,232,249,.45),transparent 30%,transparent 65%,rgba(167,139,250,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.contact-beam{position:absolute;right:20%;top:-30%;width:1px;height:160%;transform:rotate(28deg);opacity:.22;background:linear-gradient(transparent,#67e8f9,transparent);box-shadow:0 0 24px #22d3ee}.contact-copy{position:relative;z-index:2}.contact-copy h2{max-width:660px;margin:1.4rem 0 0;color:#f1f5f9;font-size:clamp(2.5rem,5vw,4.7rem);font-weight:600;line-height:1.03;letter-spacing:-.055em}.contact-subtitle{max-width:600px;margin:1.5rem 0 0;color:#64748b;font-size:.95rem;line-height:1.9}.contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:2rem}.contact-details a{display:flex;min-width:0;align-items:center;gap:.8rem;border:1px solid rgba(255,255,255,.07);border-radius:1rem;padding:.9rem;background:#ffffff06;transition:border-color .25s ease,transform .25s ease}.contact-details a:hover{transform:translateY(-2px);border-color:#67e8f92e}.contact-details a>span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:.7rem;color:#67e8f9;background:#0891b214}.contact-details small{display:block;color:#475569;font-size:.55rem;letter-spacing:.13em;text-transform:uppercase}.contact-details strong{display:block;margin-top:.25rem;overflow:hidden;color:#cbd5e1;font-size:.7rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.contact-terminal{position:relative;z-index:2;align-self:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;background:#020617b8;box-shadow:0 24px 60px #00000042}.terminal-bar{display:flex;height:46px;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.075);background:#0f172aad}.terminal-bar>div{display:flex;gap:.35rem}.terminal-bar i{width:7px;height:7px;border-radius:50%;background:#fb7185}.terminal-bar i:nth-child(2){background:#fbbf24}.terminal-bar i:nth-child(3){background:#34d399}.terminal-bar span{display:flex;align-items:center;gap:.4rem;color:#64748b;font-size:.58rem}.terminal-body{min-height:275px;padding:1.4rem;color:#94a3b8;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;line-height:2}.terminal-body p{margin:0}.terminal-body p span{color:#64748b}.terminal-body p b{color:#6ee7b7;font-weight:500}.terminal-prompt{color:#67e8f9!important}.terminal-cursor{margin-top:.8rem;color:#67e8f9;animation:blink 1s steps(2) infinite}@keyframes aurora-drift{to{transform:translate3d(8%,5%,0) scale(1.08)}}@keyframes beam-shift{to{transform:translate(12vw) rotate(38deg);opacity:.05}}@keyframes dashboard-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes chroma-breathe{0%,to{border-radius:47% 53% 48% 52%/43% 46% 54% 57%;transform:translate3d(-51%,-50%,30px) scale(1)}50%{border-radius:52% 48% 54% 46%/49% 55% 45% 51%;transform:translate3d(-49%,-51%,30px) scale(1.035)}}@keyframes chroma-swirl{to{transform:rotate(360deg)}}@keyframes vector-drift-top{to{transform:translate3d(2%,3%,0) scale(1.03) rotate(1deg)}}@keyframes vector-drift-mid{to{transform:translate3d(-2%,-2%,0) scale(1.04) rotate(-1.2deg)}}@keyframes vector-drift-bottom{to{transform:translate3d(3%,-2%,0) scale(1.05) rotate(1.5deg)}}@keyframes vector-light{to{transform:translate(-5%) rotate(5deg) scale(1.08);opacity:.75}}@keyframes vector-words{0%,6%{opacity:0;transform:translateY(45%) scale(.96)}12%,27%{opacity:1;transform:translateY(0) scale(1)}33%,to{opacity:0;transform:translateY(-45%) scale(1.03)}}@keyframes about-preview-drift{0%{transform:translate3d(-1.2%,-.7%,0) scale(1.08);filter:saturate(1.04) contrast(1.06) blur(1.2px)}to{transform:translate3d(1.4%,1%,0) scale(1.13);filter:saturate(1.18) contrast(1.1) blur(.7px)}}@keyframes about-orbit-pulse{0%{opacity:.18;transform:scale(.94) rotate(-4deg)}to{opacity:.42;transform:scale(1.08) rotate(5deg)}}@keyframes about-scan-slide{0%,18%{transform:translate(-130%) skew(-14deg);opacity:0}38%,58%{opacity:1}82%,to{transform:translate(720%) skew(-14deg);opacity:0}}@keyframes about-copy-float{to{transform:translate3d(0,-8px,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes wave{to{transform:scaleY(.45);opacity:.48}}@keyframes pulse-soft{50%{opacity:.45;box-shadow:0 0 6px #22d3ee}}@keyframes ribbon-shine{0%,25%{transform:translate(-100%)}65%,to{transform:translate(100%)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes blink{50%{opacity:0}}.background-effects{background:linear-gradient(180deg,#0c0c0c,#101014 46%,#090a0d),#0c0c0c}.aurora,.light-beam{display:none}.background-grid{opacity:.24;background-image:linear-gradient(rgba(215,226,234,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(215,226,234,.022) 1px,transparent 1px);background-size:96px 96px}.page-vignette{background:radial-gradient(ellipse at 50% 0%,rgba(215,226,234,.06),transparent 40%),linear-gradient(to bottom,rgba(0,0,0,.38),transparent 14%,transparent 82%,rgba(0,0,0,.52))}.hero-refined{min-height:min(980px,100vh);background:radial-gradient(circle at 72% 45%,rgba(215,226,234,.055),transparent 28%),radial-gradient(circle at 12% 70%,rgba(103,232,249,.045),transparent 26%),#0c0c0c}.hero-refined .spline-background-frame,.hero-refined .spline-background-fallback{opacity:.16;filter:saturate(.78) contrast(1.08) grayscale(.18)}.hero-refined .spline-background-scrim,.hero-vignette{background:linear-gradient(90deg,#0c0c0cf5,#0c0c0cc7 48%,#0c0c0c6b),linear-gradient(180deg,#0c0c0c1f,#0c0c0cd1)}.hero-status-minimal{width:-moz-fit-content;width:fit-content;border-color:#ffd8ce21;color:#fff1e9ad;background:#fff1e909;box-shadow:none}.hero-status-minimal span{background:#d7e2ea;box-shadow:0 0 16px #d7e2eaa6}.hero-kicker{color:#ffd8ce85!important;font-size:.68rem;font-weight:600;letter-spacing:.28em!important;text-transform:uppercase}.hero-title-refined{max-width:860px;color:#fff1e9f0!important;background:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:650;line-height:.92;letter-spacing:-.075em!important;text-wrap:balance}.hero-identity-line{margin-top:1.8rem;max-width:680px;color:#fff1e9c7;font-size:clamp(.95rem,1.4vw,1.08rem);font-weight:500;line-height:1.65;letter-spacing:.01em}.hero-intro-refined{margin-top:1rem;max-width:620px;color:#cbd5e1c7;font-size:clamp(.95rem,1.25vw,1.05rem);font-weight:400;line-height:1.85;letter-spacing:.005em}@media(max-width:680px){.hero-title-refined{max-width:100%;letter-spacing:-.055em!important}.hero-identity-line{margin-top:1.45rem;font-size:.92rem}.hero-intro-refined{max-width:100%;font-size:.92rem;line-height:1.78}}.hero-refined .button-primary{color:#0c0c0c;background:#d7e2ea;box-shadow:0 16px 46px #d7e2ea1c}.hero-refined .button-secondary,.hero-refined .icon-button{border-color:#d7e2ea26;color:#d7e2ead1;background:#d7e2ea0a}.hero-refined .button-primary:hover,.hero-refined .button-secondary:hover,.hero-refined .icon-button:hover{border-color:#d7e2ea52;box-shadow:0 18px 54px #0000003d}.hero-stats{border:0;background:transparent;box-shadow:none}.hero-stats>div{border-color:#d7e2ea1a}.hero-stats strong{color:#d7e2ea}.hero-stats span{color:#d7e2ea75}.hero-vector-wrap{perspective:1400px}.hero-refined .progressive-vector.is-hero{border-radius:40px;border-color:#d7e2ea1f;background:linear-gradient(180deg,#d7e2ea14,#d7e2ea05),#111;box-shadow:0 34px 120px #00000061;transform:rotateX(0) rotateY(-5deg);transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s ease}.hero-refined .progressive-vector.is-hero:hover{transform:rotateX(0) rotateY(-2deg) translateY(-6px);box-shadow:0 44px 140px #0000007a}.section-header h2,.section-header p{text-wrap:balance}.projects-bento{gap:1.15rem}.project-card-v2{border-color:#d7e2ea1f;border-radius:28px;background:#d7e2ea0b;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.project-card-v2:before{background:linear-gradient(180deg,rgba(215,226,234,.1),transparent 38%)}.project-card-v2:hover{border-color:#d7e2ea3d;background:#d7e2ea12;box-shadow:0 28px 86px #00000057}.project-card-v2:not(.project-featured){grid-template-rows:minmax(260px,.88fr) 1fr}.project-card-v2.project-featured{min-height:560px;background:linear-gradient(135deg,#d7e2ea17,#ff9ffc06),#111111db}.project-visual{border-color:#d7e2ea1a;background:#111}.project-featured .project-visual{min-height:100%}.project-visual:before{opacity:.34;filter:saturate(.78)}.project-cover-label{color:#d7e2ea70}.project-category{border-color:#d7e2ea29;color:#d7e2ea;background:#d7e2ea0a}.project-copy h3{color:#f5f7fa}.project-copy>p:first-of-type{color:#d7e2eac2!important}.project-copy>p:last-of-type{color:#d7e2ea7a!important}.tag-pill,.project-tech{border-color:#d7e2ea1f;color:#d7e2ea94;background:#d7e2ea09}.project-card-v2:hover .project-tech{border-color:#d7e2ea33;color:#d7e2eadb;background:#d7e2ea0f}.project-link{color:#d7e2eac7}.project-link:hover{color:#d7e2ea}.project-link.subtle{color:#d7e2ea6b}.project-filters{border-color:#d7e2ea1c;background:#d7e2ea09;box-shadow:none}.project-filters button{color:#d7e2ea8c}.project-filters button:hover,.project-filters button.is-active{color:#d7e2ea}.filter-active-bg{background:#d7e2ea1a}.about-story-open h3{max-width:760px;font-size:clamp(2.2rem,5vw,4.6rem)!important;line-height:1.02!important;letter-spacing:0!important}.about-story-open p:not(.eyebrow-mini){max-width:760px;font-size:clamp(.98rem,1.6vw,1.12rem)!important;color:#d7e2ea99!important}.project-card-v2{border-color:#ffd8ce1a;background:linear-gradient(145deg,#fff1e90b,#0a0a0db8),#0c0c0cd1;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .32s ease,box-shadow .32s ease,background .32s ease}.project-card-v2:hover{transform:translateY(-4px);border-color:#ffd8ce2e;background:linear-gradient(145deg,#fff1e90f,#0a0a0dc2),#0c0c0cdb;box-shadow:0 26px 70px #0000003d,0 0 42px #ff2f6d09}.project-card-v2:focus-visible{outline-color:#ffd8ce94}.project-visual{background:#111;border-color:#ffd8ce17}.project-visual:before{opacity:.28;filter:saturate(.58) sepia(.12)}.project-card-v2:hover .project-visual:before{transform:scale(1.025)}.project-visual-game:before{background:radial-gradient(circle at 70% 20%,rgba(255,216,206,.12),transparent 35%),linear-gradient(145deg,#121015,#18121a)}.project-visual-music:before{background:radial-gradient(circle at 20% 20%,rgba(255,216,206,.14),transparent 38%),linear-gradient(145deg,#191118,#101015)}.project-visual-saturn:before{background:radial-gradient(circle at 50% 50%,rgba(255,216,206,.1),transparent 40%),linear-gradient(145deg,#111118,#15121d)}.project-visual-embedded:before{background:radial-gradient(circle at 25% 75%,rgba(255,216,206,.11),transparent 40%),linear-gradient(145deg,#111514,#111218)}.project-visual-ai:before{background:radial-gradient(circle at 75% 25%,rgba(255,216,206,.12),transparent 38%),linear-gradient(145deg,#151219,#101319)}.project-visual-cosmos:before{background:radial-gradient(circle at 50% 50%,rgba(255,216,206,.1),transparent 35%),linear-gradient(145deg,#13111b,#101317)}.project-cover-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.01);filter:saturate(.88) contrast(1.04) brightness(.78);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s ease}.project-card-v2:hover .project-cover-image{transform:scale(1.045);filter:saturate(.96) contrast(1.06) brightness(.86)}.project-cover-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#04061314,#04061385),radial-gradient(circle at 28% 12%,rgba(255,216,206,.16),transparent 36%)}.cover-grid{z-index:4;background-image:linear-gradient(rgba(255,241,233,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,241,233,.035) 1px,transparent 1px)}.project-cover-label{z-index:5;color:#fff1e975}.project-cover-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:1;transition:opacity .26s ease}.project-visual.has-cover-image:not(.is-cover-image-missing) .project-cover-fallback{opacity:0}.project-visual.has-cover-image:not(.is-cover-image-missing):before{opacity:0}.project-visual.is-cover-image-missing .project-cover-scrim{display:none}.project-card-v2:hover .cover-scene{transform:scale(1.015) translateY(-2px)}.project-category{border-color:#ffd8ce24;color:#fff1e9c2;background:#fff1e909}.project-tech{border-color:#ffd8ce1f;color:#fff1e99e;background:#fff1e909}.project-card-v2:hover .project-tech{border-color:#ffd8ce2e;color:#fff1e9c7;background:#fff1e90d}.project-link{color:#fff1e9c2}.project-link:hover{color:#fff1e9f0}.project-link.subtle{color:#fff1e96b}.project-filters{border-color:#ffd8ce1a;background:#fff1e907}.filter-active-bg{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,216,206,.16);border-radius:inherit;background:linear-gradient(110deg,#ff2f6d1f,#ffd8ce12)}.project-card-v2.project-drone{border-color:#ee9c5c3d;background:linear-gradient(135deg,#ee9c5c17,#fff1e906 38%,#0a0a0dcc),#0c0c0c}.project-card-v2.project-drone:hover{border-color:#ee9c5c61;box-shadow:0 34px 90px #00000057,0 0 52px #ee9c5c0e}.project-status{display:inline-flex;align-items:center;gap:.42rem;color:#eeb07cc7;font-size:.54rem;font-weight:700;letter-spacing:.16em}.project-status:before{width:.34rem;height:.34rem;border-radius:999px;background:#ee9c5c;box-shadow:0 0 12px #ee9c5cb8;content:""}.project-period{flex:0 0 auto;color:#fff1e957;font-size:.56rem;font-weight:600;letter-spacing:.15em;text-align:right}.project-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.35rem;border-block:1px solid rgba(255,216,206,.09)}.project-highlights>div{min-width:0;padding:.9rem .7rem .9rem 0}.project-highlights>div+div{border-left:1px solid rgba(255,216,206,.09);padding-left:.7rem}.project-highlights dt{color:#fff1e95c;font-size:.53rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.project-highlights dd{margin-top:.4rem;color:#fff1e9cc;font-size:.68rem;font-weight:600;line-height:1.45}.project-visual-drone{background:#0b0d0d}.project-visual-drone:before{background:radial-gradient(circle at 68% 28%,rgba(238,156,92,.17),transparent 28%),linear-gradient(145deg,#0d1110,#11100f 58%,#080a0a)}.project-visual-drone .project-cover-image{-o-object-position:center;object-position:center;filter:saturate(.68) contrast(1.08) brightness(.6) sepia(.08)}.project-card-v2:hover .project-visual-drone .project-cover-image{filter:saturate(.78) contrast(1.1) brightness(.69) sepia(.04)}.project-visual-drone .project-cover-scrim{background:linear-gradient(180deg,#0709092e,#070909b3),linear-gradient(90deg,rgba(7,9,9,.36),transparent 55%),radial-gradient(circle at 78% 20%,rgba(238,156,92,.14),transparent 34%)}.project-visual-rail{background:#0b0d0d}.project-visual-rail:before{background:radial-gradient(circle at 72% 30%,rgba(238,156,92,.17),transparent 28%),linear-gradient(145deg,#0c1212,#12100f 58%,#080a0a)}.rail-cover{overflow:hidden;background:linear-gradient(rgba(238,156,92,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(238,156,92,.04) 1px,transparent 1px),radial-gradient(circle at 72% 34%,rgba(238,156,92,.1),transparent 24%);background-size:32px 32px,32px 32px,auto}.rail-system-map{position:absolute;top:8%;right:5%;bottom:8%;left:5%;width:90%;height:84%;overflow:visible;fill:none}.rail-messenger-wire,.rail-contact-wire,.rail-dropper,.rail-flight-path{vector-effect:non-scaling-stroke}.rail-messenger-wire{stroke:#ffe2c047;stroke-width:1.2}.rail-contact-wire{stroke:#ffe2c0c2;stroke-width:1.6;filter:drop-shadow(0 0 6px rgba(238,156,92,.42))}.rail-dropper{stroke:#ffe2c052;stroke-width:.8}.rail-flight-path{stroke:#ee9c5cbd;stroke-width:1.1;stroke-dasharray:4 4}.rail-obstacle-node,.rail-wait-node{fill:#ee9c5c;stroke:#fff1e9d6;stroke-width:.6;filter:drop-shadow(0 0 7px rgba(238,156,92,.72))}.rail-robot-node{position:absolute;left:14%;bottom:16%;width:3.8rem;height:2rem;border:1px solid rgba(255,226,192,.48);border-radius:.38rem;background:#ee9c5c1f;box-shadow:0 0 20px #ee9c5c14}.rail-robot-node i{position:absolute;bottom:-.4rem;width:.75rem;height:.75rem;border:1px solid rgba(255,226,192,.54);border-radius:999px;background:#0b0d0d}.rail-robot-node i:first-child{left:.35rem}.rail-robot-node i:nth-child(2){right:.35rem}.rail-robot-node span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff1e9b8;font-size:.55rem;font-weight:700;letter-spacing:.16em}.rail-drone-node{position:absolute;left:67%;top:35%;width:4rem;height:4rem;transform:translate(-50%,-50%) rotate(-7deg)}.rail-drone-node>span{position:absolute;left:50%;top:50%;width:1.7rem;height:.9rem;border:1px solid rgba(255,226,192,.72);border-radius:45% 45% 28% 28%;background:#ee9c5c29;box-shadow:0 0 20px #ee9c5c2e;transform:translate(-50%,-50%)}.rail-drone-arm{position:absolute;left:50%;top:50%;width:3.5rem;height:1px;background:#ffe2c094;transform-origin:center}.rail-drone-arm:before,.rail-drone-arm:after{content:"";position:absolute;top:50%;width:.9rem;height:.9rem;border:1px solid rgba(238,156,92,.52);border-radius:999px;transform:translateY(-50%)}.rail-drone-arm:before{left:-.45rem}.rail-drone-arm:after{right:-.45rem}.rail-drone-arm-a{transform:translate(-50%,-50%) rotate(38deg)}.rail-drone-arm-b{transform:translate(-50%,-50%) rotate(-38deg)}.rail-cover-status{position:absolute;right:1rem;bottom:1rem;min-width:9.5rem;border:1px solid rgba(255,226,192,.16);border-radius:.7rem;padding:.58rem .7rem;background:#080a0ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rail-cover-status span,.rail-cover-status strong{display:block}.rail-cover-status span{color:#fff1e96b;font-size:.46rem;font-weight:700;letter-spacing:.14em}.rail-cover-status strong{margin-top:.25rem;color:#fff1e9d1;font-size:.62rem;font-weight:600}.drone-cover{overflow:hidden;background:linear-gradient(rgba(238,156,92,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(238,156,92,.045) 1px,transparent 1px),radial-gradient(circle at 64% 44%,rgba(238,156,92,.09),transparent 22%);background-size:32px 32px,32px 32px,auto}.drone-route-map{position:absolute;top:10%;right:8%;bottom:10%;left:8%;width:84%;height:80%;overflow:visible;fill:#ee9c5c29;stroke:#ee9c5cb8;stroke-width:.6}.drone-route-line{fill:none;stroke-dasharray:2 2}.drone-map-point{position:absolute;width:2px;height:2px;border-radius:999px;background:#ffe2c09e;box-shadow:0 0 8px #ee9c5c7a}.drone-glyph{position:absolute;left:55%;top:46%;width:7rem;height:7rem;transform:translate(-50%,-50%) rotate(8deg)}.drone-glyph b{position:absolute;left:50%;top:50%;width:2.3rem;height:1.4rem;border:1px solid rgba(255,226,192,.72);border-radius:42% 42% 30% 30%;background:#ee9c5c24;box-shadow:0 0 24px #ee9c5c1f;transform:translate(-50%,-50%)}.drone-arm{position:absolute;left:50%;top:50%;width:5rem;height:1px;background:#ffe2c08c;transform-origin:center}.drone-arm-a{transform:translate(-50%,-50%) rotate(42deg)}.drone-arm-b{transform:translate(-50%,-50%) rotate(-42deg)}.drone-rotor{position:absolute;width:1.7rem;height:1.7rem;border:1px solid rgba(238,156,92,.5);border-radius:999px}.rotor-a{left:.45rem;top:.45rem}.rotor-b{right:.45rem;top:.45rem}.rotor-c{left:.45rem;bottom:.45rem}.rotor-d{right:.45rem;bottom:.45rem}.drone-flight-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:flex-end;gap:.5rem;padding:1rem;pointer-events:none}.drone-flight-status{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(238,156,92,.24);border-radius:999px;padding:.38rem .58rem;color:#ffe2c0d1;background:#080a0aad;font-size:.5rem;font-weight:700;letter-spacing:.14em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drone-flight-status i{width:.32rem;height:.32rem;border-radius:999px;background:#ee9c5c;box-shadow:0 0 10px #ee9c5ce6}.drone-flight-overlay>div{min-width:8.25rem;border:1px solid rgba(255,226,192,.13);border-radius:.7rem;padding:.58rem .7rem;background:#080a0aad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drone-flight-overlay>div span,.drone-flight-overlay>div strong{display:block}.drone-flight-overlay>div span{color:#fff1e961;font-size:.46rem;font-weight:700;letter-spacing:.14em}.drone-flight-overlay>div strong{margin-top:.25rem;color:#fff1e9d1;font-size:.62rem;font-weight:600}@media(max-width:1180px){.about-bento{grid-template-columns:.9fr 1.1fr;grid-template-areas:"profile story" "profile music" "engineering values"}.skills-layout{grid-template-columns:1fr}.skills-overview{display:grid;grid-template-columns:1fr .7fr;-moz-column-gap:2rem;column-gap:2rem}.skills-overview>*:not(.skill-radar){grid-column:1}.skill-radar{grid-column:2;grid-row:1 / 6;align-self:center}.contact-card{gap:2rem}}@media(max-width:900px){.intro-boot-shell{min-height:calc(100vh - 2rem)}.intro-boot-orbit{width:110vw}.intro-boot-core{padding-block:4rem 3rem}.intro-boot-terminal{max-width:calc(100% - 5.5rem)}.spline-background{top:0;right:0;bottom:0;left:0}.spline-background-frame{display:none}.spline-background-fallback{opacity:.26;filter:saturate(1.05) blur(2px)}.about-spline-frame{display:none}.about-spline-fallback{opacity:.28;filter:saturate(1.05) blur(2px)}.about-intro-spline{min-height:440px}.about-intro-spline-fallback{opacity:.48;filter:saturate(1.08) blur(1.5px)}.about-intro-spline.is-loaded .about-intro-spline-fallback{opacity:0}.about-intro-spline-frame{opacity:.82;transform:scale(1.1)}.about-intro-spline-copy{left:1.4rem;right:1.4rem;bottom:2.25rem;width:auto}.section-space{padding-block:6rem}.hero-grid{min-height:auto!important}.hero-vector-wrap{order:-1}.progressive-vector.is-hero{min-height:520px}.stat-ribbon{grid-template-columns:1fr}.ribbon-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.ribbon-item:last-child{border-bottom:0}.ribbon-item p{white-space:normal}.about-bento{grid-template-columns:1fr 1fr;grid-template-areas:"profile story" "music story" "engineering values"}.projects-bento{grid-template-columns:1fr}.project-card-v2.project-featured{grid-column:auto;grid-template-columns:1fr;min-height:0}.project-featured .project-visual{min-height:340px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.contact-card{grid-template-columns:1fr}}@media(max-width:680px){.intro-boot-shell{width:min(100% - 1.25rem,980px);border-radius:.95rem;padding:1rem}.intro-boot-shell:before{top:8px;right:8px;bottom:8px;left:8px}.intro-boot-meta{align-items:flex-start;flex-direction:column;gap:.42rem;font-size:.54rem}.intro-boot-kicker{max-width:220px;font-size:.56rem;line-height:1.7}.intro-boot-core h1{font-size:clamp(3.35rem,18vw,5.8rem)}.intro-boot-subtitle{max-width:280px;font-size:.78rem}.intro-boot-terminal{max-width:100%;padding-right:4.5rem;font-size:.58rem}.intro-boot-skip{padding:.48rem .7rem;font-size:.58rem}.section-shell{width:min(100% - 2rem,1380px)}.section-divider:before{width:calc(100% - 2rem)}.status-badge{border-radius:.8rem;line-height:1.55}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.progressive-vector.is-hero{min-height:470px;border-radius:1.1rem}.progressive-vector.is-hero .vector-copy h2{font-size:clamp(3.5rem,18vw,5.8rem)}.progressive-vector.is-hero .vector-meta-top{flex-direction:column;align-items:flex-start;gap:.4rem}.hero-stats>div:nth-child(2){border-right:0}.hero-stats>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.075)}.hero-stats>div:nth-child(3){padding-left:0}.about-bento{grid-template-columns:1fr;grid-template-areas:"profile" "story" "music" "engineering" "values"}.about-intro-spline{min-height:360px;margin-bottom:3rem;border-radius:1.05rem}.about-intro-spline-meta{align-items:flex-start;flex-direction:column;gap:.45rem;font-size:.46rem}.about-intro-spline-copy span{font-size:.48rem;letter-spacing:.2em}.about-intro-spline-copy h2{max-width:320px;font-size:clamp(2rem,11vw,3.15rem);line-height:1}.about-intro-spline-copy p{max-width:300px;font-size:.76rem}.about-intro-orbit-a{left:-12%;width:76%}.about-intro-orbit-b{right:-18%;width:62%}.profile-portrait{aspect-ratio:4 / 3.7}.progressive-vector{min-height:510px;border-radius:1.35rem}.vector-copy{width:92%}.vector-copy h2{font-size:clamp(4rem,23vw,6rem)}.vector-copy p{max-width:300px;font-size:.72rem}.vector-kicker{font-size:.48rem;letter-spacing:.17em}.vector-meta{left:1rem;right:1rem;font-size:.4rem}.vector-meta-bottom span:nth-child(2){display:none}.project-filters{width:100%;flex-wrap:wrap;overflow-x:visible}.project-filters button{flex:1 1 calc(50% - .35rem);min-width:0}.project-card-v2:not(.project-featured){grid-template-rows:220px 1fr}.project-featured .project-visual{min-height:260px}.project-copy>div:first-child{align-items:flex-start;flex-direction:column}.project-period{text-align:left}.project-highlights{grid-template-columns:1fr}.project-highlights>div{display:grid;grid-template-columns:5.4rem 1fr;align-items:center;padding:.72rem 0}.project-highlights>div+div{border-top:1px solid rgba(255,216,206,.09);border-left:0;padding-left:0}.project-highlights dd{margin-top:0}.drone-flight-overlay>div{min-width:0;flex:1}.game-library{grid-template-columns:repeat(3,1fr)}.game-tile-4{display:none}.skill-matrix{grid-template-columns:1fr}.skills-overview{display:block}.contact-details{grid-template-columns:1fr}.timeline-row{grid-template-columns:64px 32px 1fr;min-height:190px}.timeline-year span{font-size:.78rem}.timeline-content{padding-left:.7rem}.contact-card{padding:2rem 1.25rem}.terminal-body{overflow-x:auto;font-size:.62rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-boot{display:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}:root{color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility}html,body{overflow-x:clip;background:var(--color-paper);color:var(--color-ink)}html{scroll-behavior:smooth;scroll-padding-block-start:var(--space-3xl)}body{min-width:20rem;min-height:100svh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;font-weight:400}body:before{opacity:0}::-moz-selection{color:var(--color-accent-ink);background:var(--color-accent)}::selection{color:var(--color-accent-ink);background:var(--color-accent)}::-webkit-scrollbar{width:var(--space-xs)}::-webkit-scrollbar-track{background:var(--color-paper-soft)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--color-faint)}.soft-site,.soft-site *{box-sizing:border-box}.soft-site{position:relative;min-height:100svh;overflow:clip;background:var(--color-paper);color:var(--color-ink)}.soft-site h1,.soft-site h2,.soft-site h3,.soft-site p,.soft-site figure,.soft-site blockquote,.soft-site dl,.soft-site dd,.soft-site ol,.soft-site ul{margin:0}.soft-site ol,.soft-site ul{padding:0;list-style:none}.soft-site a{color:inherit;text-decoration:none}.soft-site img,.soft-site svg{display:block;max-width:100%}.soft-shell{width:min(100%,calc(var(--page-max) + (2 * var(--page-gutter))));margin-inline:auto;padding-inline:var(--page-gutter)}.scroll-progress{position:fixed;inset-block-start:0;inset-inline:0;z-index:var(--z-tooltip);height:var(--space-3xs);transform-origin:left center;background:var(--color-accent)}.soft-nav{position:absolute;inset-block-start:0;inset-inline:0;z-index:var(--z-sticky);color:var(--color-ink)}.soft-nav-inner{position:relative;z-index:var(--z-raised);display:flex;align-items:center;justify-content:space-between;min-height:var(--space-3xl);gap:var(--space-lg);opacity:0;transform:translateY(calc(-1 * var(--space-xs)));animation:soft-reveal-up var(--dur-long) var(--ease-out) forwards}.soft-wordmark{display:inline-flex;align-items:center;min-height:2.75rem;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-md);font-weight:700;letter-spacing:-.025em;white-space:nowrap}.soft-wordmark-dot{width:var(--space-sm);aspect-ratio:1;border-radius:var(--radius-pill);background:var(--color-accent)}.soft-site .soft-action{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;max-width:100%;gap:var(--space-sm);padding:var(--space-xs) var(--space-lg) var(--space-xs) var(--space-xs);border:var(--rule-hair) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--gradient-action);color:var(--color-accent-ink);font-weight:600;line-height:1;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.soft-action-icon{display:grid;place-items:center;width:var(--space-xl);aspect-ratio:1;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--color-paper-raised);color:var(--color-ink)}.soft-site .soft-nav-action{display:none}.soft-nav-toggle{display:grid;place-items:center;width:2.75rem;min-height:2.75rem;padding:0;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-raised);color:var(--color-ink);cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.soft-nav-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-base);display:grid;min-height:100svh;background:var(--color-paper);color:var(--color-ink);visibility:hidden;opacity:0;transform:translateY(calc(-1 * var(--space-sm)));pointer-events:none;transition:opacity var(--dur-short) var(--ease-in),transform var(--dur-short) var(--ease-in),visibility 0s linear var(--dur-short)}.soft-nav-sheet.is-open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out),visibility 0s linear}.soft-nav-sheet-inner{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-xl);padding-block:calc(var(--space-4xl) + var(--space-xl)) var(--space-2xl)}.soft-nav-sheet-inner>p{color:var(--color-muted);font-size:var(--text-sm)}.soft-nav-sheet-inner>div{display:grid}.soft-nav-sheet a{display:flex;align-items:center;justify-content:space-between;min-height:3.75rem;gap:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.025em;white-space:nowrap}.soft-hero{position:relative;isolation:isolate;min-height:100svh;overflow:visible;background:var(--color-paper);color:var(--color-ink)}.soft-hero-inner{position:relative;z-index:var(--z-raised);display:flex;min-height:100svh;flex-direction:column;justify-content:space-between;gap:var(--space-2xl);padding-block-start:calc(var(--space-3xl) + var(--space-xl));padding-block-end:calc(var(--space-4xl) + var(--space-xl))}.soft-hero-copy{max-width:59rem}.soft-hero-kicker,.soft-section-label,.soft-project-meta,.soft-footer-label{color:var(--color-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.13em;text-transform:uppercase}.soft-hero-kicker{opacity:0;transform:translateY(var(--space-sm));animation:soft-reveal-up var(--dur-long) var(--ease-out) var(--dur-micro) forwards}.soft-hero h1{min-width:0;max-width:11ch;margin-block-start:var(--space-md);overflow-wrap:anywhere;font-family:var(--font-display);font-size:var(--text-display);font-weight:750;font-variation-settings:"wdth" 90;line-height:.94;letter-spacing:-.055em}.soft-hero h1 span{display:block}.soft-hero-line{opacity:0;transform:translateY(var(--space-md));animation:soft-reveal-up calc(var(--dur-long) + var(--dur-short)) var(--ease-out) forwards}.soft-hero-line:first-child{animation-delay:var(--dur-short)}.soft-hero-line:last-child{animation-delay:calc(var(--dur-short) + var(--dur-micro))}.soft-hero-foot{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg);color:var(--color-body);font-size:var(--text-sm);opacity:0;transform:translateY(var(--space-sm));animation:soft-reveal-up var(--dur-long) var(--ease-out) var(--dur-long) forwards}@keyframes soft-reveal-up{to{opacity:1;transform:translateY(0)}}.soft-hero-foot p{max-width:34rem}.soft-hero-foot a{display:inline-flex;align-items:center;min-height:2.75rem;gap:var(--space-xs);color:var(--color-ink);font-weight:600;white-space:nowrap}.flight-orbit{position:absolute;z-index:var(--z-base);inset-block-start:14%;inset-inline-end:-44%;width:min(75rem,145%);color:var(--color-accent);opacity:.6;pointer-events:none;animation:soft-flight-drift 12s var(--ease-in-out) infinite alternate}.flight-orbit-grid,.flight-orbit-radar,.flight-orbit-route,.flight-drone{fill:none;stroke-linecap:round;stroke-linejoin:round}.flight-orbit-grid{stroke:var(--color-rule-soft);stroke-width:1}.flight-orbit-radar{stroke:var(--color-accent-soft);stroke-width:1.4}.flight-orbit-route{stroke:var(--color-accent);stroke-width:2.2}.flight-orbit-route-base{stroke-dasharray:7 10}.flight-orbit-route-draw{stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;animation:soft-route-draw calc(var(--dur-long) + var(--dur-long)) var(--ease-out) var(--dur-long) forwards}.flight-orbit-points{fill:var(--color-accent)}.flight-drone{stroke:var(--color-ink-soft);stroke-width:2.5}.flight-drone-body{fill:var(--color-paper-raised)}.flight-drone-core{fill:var(--color-accent);stroke:none}.flight-orbit-labels{fill:var(--color-muted);font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.12em}@keyframes soft-flight-drift{0%{transform:translateZ(0)}to{transform:translate3d(-.5rem,.75rem,0)}}@keyframes soft-route-draw{0%{opacity:0;stroke-dashoffset:1}18%{opacity:.72}78%{opacity:.5;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}.soft-hero-signal{position:absolute;z-index:var(--z-raised);display:grid;place-items:center;width:3.25rem;aspect-ratio:1;border:var(--rule-hair) solid var(--color-rule-soft);border-radius:var(--radius-pill);background:var(--color-paper-raised);color:var(--color-accent);box-shadow:var(--shadow-whisper);pointer-events:none;animation:soft-flight-drift 12s var(--ease-in-out) infinite alternate-reverse}.soft-hero-signal-cloud{inset-block-start:22%;inset-inline-end:6%}.soft-hero-signal-music{inset-block-end:18%;inset-inline-end:19%;animation-delay:-4s}.soft-section{position:relative;scroll-margin-block-start:var(--space-3xl)}.soft-section-head{display:flex;max-width:48rem;flex-direction:column;gap:var(--space-md)}.soft-section-head h2,.soft-footer h2{min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-size:clamp(var(--text-2xl),4vw + .5rem,var(--text-3xl));font-weight:720;font-variation-settings:"wdth" 92;line-height:1.02;letter-spacing:-.045em}.soft-section-head>p:last-child{max-width:62ch;color:var(--color-body);line-height:1.7}.soft-about{z-index:var(--z-raised);padding-block:0 var(--space-4xl)}.soft-entry-grid{position:relative;z-index:var(--z-raised);display:grid;gap:var(--space-md);margin-block-start:calc(-1 * var(--space-xl))}.soft-entry-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:7.5rem;gap:var(--space-md);padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule-soft);border-radius:var(--radius-lg);background:var(--color-paper-raised);color:var(--color-ink);box-shadow:var(--shadow-whisper);transition:transform var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.soft-entry-card-secondary .soft-entry-icon{color:var(--color-ink-soft)}.soft-entry-icon{display:grid;place-items:center;width:3.25rem;aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-accent-faint);color:var(--color-accent)}.soft-entry-card>span:nth-child(2){min-width:0}.soft-entry-card small,.soft-entry-card strong{display:block}.soft-entry-card small{color:var(--color-muted);font-size:var(--text-xs)}.soft-entry-card strong{margin-block-start:var(--space-2xs);font-family:var(--font-display);font-size:var(--text-md);line-height:1.2}.soft-entry-arrow{color:var(--color-faint)}.soft-about-layout{display:grid;gap:var(--space-2xl);padding-block-start:var(--space-4xl)}.soft-about-note{display:flex;max-width:44rem;flex-direction:column;align-items:flex-start;gap:var(--space-lg);color:var(--color-body);line-height:1.75}.soft-about-note blockquote{padding-inline-start:var(--space-lg);border-inline-start:var(--rule-hair) solid var(--color-accent);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:1.35}.soft-text-link{display:inline-flex;align-items:center;min-height:2.75rem;gap:var(--space-xs);color:var(--color-ink);font-weight:650;text-decoration:underline;text-decoration-color:var(--color-accent-soft);text-underline-offset:var(--space-2xs);white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),text-decoration-color var(--dur-short) var(--ease-out)}.soft-direction-list{display:grid;gap:0;margin-block-start:var(--space-3xl);border-block-start:var(--rule-hair) solid var(--color-rule)}.soft-direction-list>div{display:grid;gap:var(--space-xs);padding-block:var(--space-lg);border-block-end:var(--rule-hair) solid var(--color-rule)}.soft-direction-list dt{color:var(--color-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.soft-direction-list dd{color:var(--color-ink);font-size:var(--text-md);line-height:1.45}.soft-projects{padding-block:var(--space-4xl);background:var(--color-paper-soft);color:var(--color-ink)}.soft-featured-project{display:grid;min-width:0;margin-block-start:var(--space-3xl);overflow:clip;border:var(--rule-hair) solid var(--color-rule-soft);border-radius:var(--radius-lg);background:var(--color-paper-raised);color:var(--color-ink)}.soft-featured-media{position:relative;min-width:0;min-height:17rem;overflow:clip;background:var(--color-ink);color:var(--color-paper)}.soft-featured-media img{display:block;width:100%;height:100%;min-height:17rem;-o-object-fit:cover;object-fit:cover;opacity:.9}.soft-featured-media picture{display:block;height:100%}.soft-featured-media figcaption{position:absolute;inset-inline-start:var(--space-lg);inset-block-end:var(--space-lg);max-width:calc(100% - (2 * var(--space-lg)));padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-overlay);color:var(--color-ink);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.soft-featured-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl)}.soft-project-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg)}.soft-project-meta span:last-child{color:var(--color-positive)}.soft-featured-copy h3{min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:750;line-height:1;letter-spacing:-.04em}.soft-project-tagline{max-width:45ch;color:var(--color-ink-soft);font-size:var(--text-md);font-weight:600;line-height:1.4}.soft-project-description{max-width:62ch;color:var(--color-body);line-height:1.7}.soft-project-specs{display:grid;width:100%;border-block:var(--rule-hair) solid var(--color-rule-soft)}.soft-project-specs>div{display:grid;gap:var(--space-2xs);padding-block:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule-soft)}.soft-project-specs>div:last-child{border-block-end:0}.soft-project-specs dt{color:var(--color-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.soft-project-specs dd{color:var(--color-ink);font-variant-numeric:tabular-nums;font-weight:650}.soft-project-actions{display:flex;max-width:100%;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-lg)}.soft-project-index{margin-block-start:var(--space-2xl);border-block-start:var(--rule-hair) solid var(--color-rule)}.soft-project-row{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-md);padding-block:var(--space-lg);border-block-end:var(--rule-hair) solid var(--color-rule);transition:transform var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.soft-project-row-category,.soft-project-row-tech{color:var(--color-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:none}.soft-project-row-main{display:flex;min-width:0;flex-direction:column;gap:var(--space-xs)}.soft-project-row-main strong{overflow-wrap:anywhere;font-family:var(--font-display);font-size:var(--text-md);line-height:1.2}.soft-project-row-main small{color:var(--color-body);font-size:var(--text-sm);line-height:1.55}.soft-skills{padding-block:var(--space-4xl)}.soft-skills-layout{display:grid;gap:var(--space-3xl)}.soft-skills-intro{display:flex;flex-direction:column;gap:var(--space-xl)}.soft-tech-cloud{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.soft-tech-cloud span,.soft-focus-row li{display:inline-flex;align-items:center;min-height:2rem;padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-raised);color:var(--color-body);font-size:var(--text-xs);white-space:nowrap}.soft-skill-list{border-block-start:var(--rule-hair) solid var(--color-rule)}.soft-skill-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-lg);border-block-end:var(--rule-hair) solid var(--color-rule)}.soft-skill-icon{display:grid;place-items:center;width:2.75rem;aspect-ratio:1;border-radius:var(--radius-pill);background:var(--color-accent-faint);color:var(--color-accent)}.soft-skill-row h3,.soft-focus-row h3,.soft-timeline-list h3{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;line-height:1.25}.soft-skill-row p,.soft-focus-row p,.soft-timeline-list p{margin-block-start:var(--space-xs);color:var(--color-body);font-size:var(--text-sm);line-height:1.65}.soft-skill-level{grid-column:2;color:var(--color-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.soft-now{padding-block:var(--space-3xl) var(--space-4xl);background:var(--color-paper-raised);color:var(--color-ink)}.soft-focus-list{margin-block-start:var(--space-3xl);border-block-start:var(--rule-hair) solid var(--color-rule)}.soft-focus-row{display:grid;gap:var(--space-md);padding-block:var(--space-xl);border-block-end:var(--rule-hair) solid var(--color-rule)}.soft-focus-row>span{color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-md);font-variant-numeric:tabular-nums;font-weight:700}.soft-focus-row ul{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.soft-timeline{padding-block:var(--space-4xl)}.soft-timeline-layout{display:grid;gap:var(--space-3xl)}.soft-timeline-list{border-block-start:var(--rule-hair) solid var(--color-rule)}.soft-timeline-list li{position:relative;display:grid;grid-template-columns:4rem minmax(0,1fr);gap:var(--space-lg);padding-block:var(--space-lg);border-block-end:var(--rule-hair) solid var(--color-rule)}.soft-timeline-list li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:calc(var(--space-lg) + var(--space-xs));width:var(--space-xs);aspect-ratio:1;border-radius:var(--radius-pill);background:var(--color-rule)}.soft-timeline-list li.is-current:before{background:var(--color-accent)}.soft-timeline-list time{padding-inline-start:var(--space-lg);color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:700}.soft-footer{padding-block:var(--space-4xl) var(--space-xl);background:var(--color-ink);color:var(--color-paper)}.soft-footer-label{color:var(--color-faint)}.soft-footer h2{max-width:12ch;margin-block-start:var(--space-md);font-size:clamp(var(--text-3xl),7vw,5.25rem)}.soft-footer-lede{max-width:55ch;margin-block-start:var(--space-xl);color:var(--color-paper-deep)}.soft-footer-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin-block-start:var(--space-2xl)}.soft-footer-actions a{display:inline-flex;max-width:100%;align-items:center;min-height:3rem;gap:var(--space-sm);padding-inline:var(--space-lg);border:var(--rule-hair) solid var(--color-muted);border-radius:var(--radius-pill);color:var(--color-paper);font-weight:600;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.soft-footer-actions .soft-footer-primary{border-color:var(--color-paper-raised);background:var(--color-paper-raised);color:var(--color-ink)}.soft-footer-meta{display:grid;gap:var(--space-sm);margin-block-start:var(--space-4xl);padding-block-start:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-ink-soft);color:var(--color-faint);font-size:var(--text-xs)}.soft-footer-meta a{min-height:2.75rem;width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;color:var(--color-paper);white-space:nowrap}.soft-action:focus-visible,.soft-wordmark:focus-visible,.soft-nav-toggle:focus-visible,.soft-nav-sheet a:focus-visible,.soft-hero-foot a:focus-visible,.soft-entry-card:focus-visible,.soft-text-link:focus-visible,.soft-project-row:focus-visible,.soft-footer a:focus-visible{outline:2px solid var(--color-focus);outline-offset:var(--space-2xs)}.soft-action:active,.soft-wordmark:active,.soft-nav-toggle:active,.soft-nav-sheet a:active,.soft-hero-foot a:active,.soft-entry-card:active,.soft-text-link:active,.soft-project-row:active,.soft-footer a:active{transform:translateY(var(--space-3xs))}.soft-action[aria-disabled=true],.soft-wordmark[aria-disabled=true],.soft-nav-toggle:disabled,.soft-nav-sheet a[aria-disabled=true],.soft-hero-foot a[aria-disabled=true],.soft-entry-card[aria-disabled=true],.soft-text-link[aria-disabled=true],.soft-project-row[aria-disabled=true],.soft-footer a[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.soft-action[aria-busy=true],.soft-nav-toggle[aria-busy=true],.soft-site a[aria-busy=true]{cursor:wait}.soft-action[data-state=error],.soft-nav-toggle[data-state=error],.soft-site a[data-state=error]{border-color:var(--color-error)}.soft-action[data-state=success],.soft-nav-toggle[data-state=success],.soft-site a[data-state=success]{border-color:var(--color-positive)}@media(hover:hover)and (pointer:fine){.soft-action:hover,.soft-entry-card:hover,.soft-project-row:hover,.soft-footer-actions a:hover{transform:translateY(calc(-1 * var(--space-3xs)))}.soft-text-link:hover{text-decoration-color:var(--color-accent)}.soft-nav-toggle:hover{background:var(--color-accent-faint)}.soft-wordmark:hover,.soft-nav-sheet a:hover,.soft-hero-foot a:hover,.soft-footer-meta a:hover{color:var(--color-accent)}}@media(pointer:coarse){.soft-action,.soft-nav-toggle,.soft-entry-card,.soft-text-link,.soft-project-row,.soft-footer a{min-height:3rem}}@media(min-width:40rem){.soft-site .soft-nav-action{display:inline-flex}.soft-nav-toggle,.soft-nav-sheet{display:none}.soft-hero-foot{flex-direction:row;align-items:flex-end;justify-content:space-between}.flight-orbit{inset-block-start:10%;inset-inline-end:-20%;width:min(78rem,115%)}.soft-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.soft-direction-list>div{grid-template-columns:minmax(10rem,.42fr) minmax(0,1fr);align-items:baseline;gap:var(--space-lg)}.soft-featured-copy{padding:var(--space-2xl)}.soft-project-specs{grid-template-columns:repeat(3,minmax(0,1fr))}.soft-project-specs>div{padding-inline:var(--space-md);border-block-end:0;border-inline-end:var(--rule-hair) solid var(--color-rule-soft)}.soft-project-specs>div:first-child{padding-inline-start:0}.soft-project-specs>div:last-child{padding-inline-end:0;border-inline-end:0}.soft-project-row{grid-template-columns:7rem minmax(0,1fr) auto}.soft-project-row-category{display:inline}.soft-skill-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.soft-skill-level{grid-column:auto}.soft-focus-row{grid-template-columns:4rem minmax(0,1fr)}.soft-focus-row ul{grid-column:2}.soft-footer-actions{flex-direction:row;flex-wrap:wrap}.soft-footer-meta{grid-template-columns:1fr auto auto;align-items:center}}@media(min-width:60rem){.soft-hero-copy,.soft-hero-foot{margin-inline-start:5%}.flight-orbit{inset-block-start:2%;inset-inline-end:-2%;width:min(82rem,82%)}.soft-hero-signal-cloud{inset-inline-end:12%}.soft-about-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:start;-moz-column-gap:var(--space-4xl);column-gap:var(--space-4xl)}.soft-featured-project{grid-template-columns:minmax(0,1.08fr) minmax(24rem,.92fr)}.soft-featured-media,.soft-featured-media img{min-height:41rem}.soft-project-row{grid-template-columns:8rem minmax(0,1.4fr) minmax(9rem,auto) auto}.soft-project-row-tech{display:inline;text-align:end;white-space:nowrap}.soft-skills-layout{grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);align-items:start;-moz-column-gap:var(--space-4xl);column-gap:var(--space-4xl)}.soft-skills-intro{position:sticky;inset-block-start:var(--space-2xl)}.soft-focus-row{grid-template-columns:5rem minmax(0,1fr) auto;align-items:start;-moz-column-gap:var(--space-xl);column-gap:var(--space-xl)}.soft-focus-row ul{grid-column:auto;justify-content:flex-end}.soft-timeline-layout{grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);align-items:start;-moz-column-gap:var(--space-4xl);column-gap:var(--space-4xl)}}@media(min-width:90rem){.soft-entry-grid{margin-inline:calc(-1 * var(--space-xl))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:var(--dur-micro)!important;animation-iteration-count:1!important;transition-duration:var(--dur-micro)!important}.flight-orbit,.soft-hero-signal{animation:none}.soft-nav-inner,.soft-hero-kicker,.soft-hero-line,.soft-hero-foot{opacity:1;transform:none;animation:none}.flight-orbit-route-draw{display:none}.soft-nav-sheet,.soft-nav-sheet.is-open{transform:none;transition:none}.soft-action,.soft-wordmark,.soft-nav-toggle,.soft-nav-sheet a,.soft-hero-foot a,.soft-entry-card,.soft-text-link,.soft-project-row,.soft-footer a{transform:none!important}}html,body,#root{min-width:0;min-height:100%;overflow-x:clip;background:var(--color-paper)}html{position:relative;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + var(--space-lg))}body{color:var(--color-body);font-family:var(--font-body);text-rendering:optimizeLegibility}.v3-site,.v3-site *,.v3-site *:before,.v3-site *:after{box-sizing:border-box}.v3-site{position:relative;isolation:isolate;min-height:100%;overflow-x:clip;background:var(--color-paper);color:var(--color-body)}.v3-site[data-language=zh]{--font-display: "Kanit", "Microsoft YaHei", "PingFang SC", sans-serif;--font-body: "Geist", "Microsoft YaHei", "PingFang SC", sans-serif}.v3-site a{color:inherit;text-decoration:none}.v3-site a:active{opacity:.78}.v3-site [aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}.v3-site svg{width:1em;height:1em;stroke-width:1.8}.v3-site :focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--space-2xs)}.v3-skip-link{position:fixed;z-index:var(--z-modal);top:var(--space-md);left:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font-weight:700;transform:translateY(calc(-100% - var(--space-xl)));transition:transform var(--dur-short) var(--ease-out)}.v3-skip-link:focus{transform:translateY(0)}.v3-nav-shell{position:fixed;z-index:var(--z-sticky);top:var(--space-md);left:0;width:100%;padding-inline:var(--page-gutter);pointer-events:none}.v3-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:min(100%,var(--page-max));min-height:var(--nav-height);margin-inline:auto;padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-panel);box-shadow:var(--shadow-whisper);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);pointer-events:auto}.v3-nav-mark{color:var(--color-ink-strong);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.v3-nav-mark span{color:var(--color-accent-strong)}.v3-nav nav{display:flex;justify-content:center;gap:clamp(var(--space-md),3vw,var(--space-xl))}.v3-nav nav a,.v3-nav-contact,.v3-language-toggle,.v3-music-toggle{font-size:var(--text-xs);font-weight:600;letter-spacing:.11em;text-transform:uppercase;transition:color var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.v3-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs)}.v3-language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3xs);min-width:3.65rem;min-height:2.75rem;padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-panel);color:var(--color-faint);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.v3-language-toggle i{opacity:.45;font-style:normal}.v3-language-toggle .is-active{color:var(--color-accent-strong)}.v3-language-toggle:hover{border-color:var(--color-accent);color:var(--color-ink-strong)}.v3-language-toggle:active{transform:translateY(var(--space-3xs))}.v3-music-toggle{position:relative;display:inline-flex;align-items:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-panel);color:var(--color-muted);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.v3-music-toggle:hover,.v3-music-toggle.is-playing{border-color:var(--color-accent);color:var(--color-ink-strong)}.v3-music-toggle.is-playing{background:var(--color-accent-faint)}.v3-music-toggle.is-blocked .v3-music-state{color:var(--color-accent-strong)}.v3-music-toggle:active{transform:translateY(var(--space-3xs))}.v3-music-toggle:disabled{cursor:not-allowed;opacity:.5}.v3-music-state{min-width:2.1em;color:var(--color-faint);font-size:.62rem;text-align:left}.v3-music-bars{display:inline-flex;align-items:end;gap:.12rem;width:.75rem;height:.75rem}.v3-music-bars i{width:.12rem;height:100%;border-radius:var(--radius-pill);background:currentColor;transform:scaleY(.28);transform-origin:bottom}.v3-music-toggle.is-playing .v3-music-bars i{animation:v3-music-level .76s ease-in-out infinite alternate}.v3-music-toggle.is-playing .v3-music-bars i:nth-child(2){animation-delay:-.42s}.v3-music-toggle.is-playing .v3-music-bars i:nth-child(3){animation-delay:-.18s}@keyframes v3-music-level{0%{transform:scaleY(.28)}to{transform:scaleY(1)}}.v3-nav nav a{color:var(--color-muted)}.v3-nav nav a:hover{color:var(--color-ink-strong)}.v3-nav-contact{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-lg);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink)}.v3-nav-contact:active,.v3-action:active,.v3-project-card-links>a:active{transform:translateY(var(--space-3xs))}.v3-hero{position:relative;min-height:100svh;overflow:hidden;background:var(--gradient-atmosphere),var(--color-paper)}.v3-hero:after{position:absolute;inset:auto -12% -48% 36%;height:70%;border-radius:50%;background:var(--color-accent-faint);filter:blur(7rem);content:"";pointer-events:none}.v3-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;background-image:linear-gradient(var(--color-grid) var(--rule-hair),transparent var(--rule-hair)),linear-gradient(90deg,var(--color-grid) var(--rule-hair),transparent var(--rule-hair));background-size:4rem 4rem;-webkit-mask-image:linear-gradient(to bottom,transparent,var(--color-paper) 28%,transparent 88%);mask-image:linear-gradient(to bottom,transparent,var(--color-paper) 28%,transparent 88%);pointer-events:none}.v3-hero-inner{position:relative;z-index:var(--z-raised);display:grid;grid-template-rows:auto auto 1fr auto;width:min(100%,var(--page-max));min-height:100svh;margin-inline:auto;padding:calc(var(--nav-height) + var(--space-lg)) var(--page-gutter) var(--space-4xl)}.v3-hero-kicker{display:flex;justify-content:space-between;color:var(--color-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.13em;text-transform:uppercase}.v3-hero-title-wrap{position:relative;z-index:var(--z-raised);margin-top:var(--space-xl)}.v3-hero h1{min-width:0;margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-hero);font-style:normal;font-weight:800;letter-spacing:-.065em;line-height:1;overflow-wrap:anywhere;text-transform:uppercase}.v3-hero h1 span,.v3-hero h1 strong{display:block;font:inherit}.v3-hero h1 strong{margin-left:13vw;color:var(--color-body)}.v3-hero-media-stage{position:absolute;z-index:calc(var(--z-raised) + 1);right:clamp(-2rem,2vw,var(--space-2xl));bottom:4.25rem;width:min(49vw,44rem);transform:perspective(70rem) rotateX(-3deg) rotateY(-7deg) rotate(1.5deg);transform-origin:center bottom}.v3-hero-media-magnet{width:100%}.v3-hero-media{position:relative;aspect-ratio:71 / 40;overflow:hidden;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-deep);box-shadow:var(--shadow-depth),var(--shadow-accent);clip-path:polygon(5% 0,100% 0,96% 100%,0 94%)}.v3-hero-media:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--color-overlay),transparent 44%);content:"";pointer-events:none}.v3-hero-media video,.v3-hero-media>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.82) contrast(1.05) brightness(.76)}.v3-hero-media-chrome{position:absolute;z-index:var(--z-raised);right:var(--space-xl);bottom:var(--space-lg);left:var(--space-xl);display:flex;justify-content:space-between;color:var(--color-ink);font-size:var(--text-xs);font-weight:650;letter-spacing:.13em;text-transform:uppercase}.v3-hero-media-chrome span:first-child{display:inline-flex;align-items:center;gap:var(--space-xs)}.v3-hero-media-chrome i{width:.45rem;height:.45rem;border-radius:50%;background:var(--color-positive);box-shadow:0 0 1rem var(--color-positive)}.v3-hero-media-corner{position:absolute;z-index:var(--z-raised);top:var(--space-lg);left:var(--space-xl);width:3rem;height:3rem;border-top:var(--rule-hair) solid var(--color-ink);border-left:var(--rule-hair) solid var(--color-ink)}.v3-hero-bottom{position:relative;z-index:calc(var(--z-raised) + 2);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:var(--space-lg);margin-top:auto}.v3-hero-bottom>p{max-width:17rem;margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-xs),1.15vw,var(--text-base));font-weight:400;letter-spacing:.065em;line-height:1.35;text-transform:uppercase}.v3-hero-cta-magnet{justify-self:center}.v3-action,.v3-project-card-links>:is(a,span){transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.v3-action{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:3.5rem;padding-inline:var(--space-xl);border:var(--rule-hair) solid var(--color-accent-strong);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.v3-action:hover{background:var(--color-accent-strong)}.v3-scroll-cue{display:inline-flex;align-items:center;justify-self:end;gap:var(--space-sm);color:var(--color-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.v3-scroll-cue:hover{color:var(--color-ink)}.v3-hero-version{position:absolute;right:var(--space-md);top:50%;color:var(--color-faint);font-size:var(--text-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;transform:translateY(-50%) rotate(90deg);transform-origin:center}.v3-reel{position:relative;overflow:hidden;padding:var(--space-4xl) 0 var(--space-3xl);background:var(--color-paper-deep)}.v3-reel-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-md);width:min(100%,var(--page-max));margin:0 auto var(--space-2xl);padding-inline:var(--page-gutter)}.v3-reel-heading p,.v3-section-label{margin:0;color:var(--color-accent-strong);font-size:var(--text-xs);font-weight:650;letter-spacing:.14em;text-transform:uppercase}.v3-reel-heading h2{min-width:0;margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-2xl),5vw,5rem);font-weight:700;letter-spacing:-.045em;line-height:1;overflow-wrap:anywhere;text-transform:uppercase}.v3-reel-rows{display:grid;gap:var(--space-sm)}.v3-reel-row{display:flex;width:-moz-max-content;width:max-content;gap:var(--space-sm);will-change:transform}.v3-reel-tile{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:14.5rem auto;gap:var(--space-xs) var(--space-md);width:25rem;padding:var(--space-xs);border:var(--rule-hair) solid var(--color-rule-soft);border-radius:var(--radius-md);background:var(--color-panel-solid);color:var(--color-ink)}.v3-reel-tile .project-visual{grid-column:1 / -1;width:100%;height:100%;min-height:0;border:0;border-radius:calc(var(--radius-md) - var(--space-xs))}.v3-reel-tile>span,.v3-reel-tile>strong{align-self:center;padding-block:var(--space-2xs);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.v3-reel-tile>span{color:var(--color-accent-strong)}.v3-reel-tile>strong{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.v3-reel-tile:active{transform:translateY(var(--space-3xs))}.v3-about{position:relative;display:grid;min-height:100svh;overflow:hidden;place-items:center;padding:var(--space-4xl) var(--page-gutter);background:var(--color-paper)}.v3-about-inner{position:relative;z-index:var(--z-raised);width:min(100%,72rem);text-align:center}.v3-about h2,.v3-capabilities h2,.v3-projects h2{min-width:0;margin:var(--space-md) 0 0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-section);font-weight:800;letter-spacing:-.055em;line-height:1;overflow-wrap:anywhere;text-transform:uppercase}.v3-about-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl);max-width:54rem;margin:var(--space-3xl) auto 0;text-align:left}.v3-about-copy p{margin:0;color:var(--color-body);font-size:clamp(var(--text-base),1.55vw,var(--text-md));font-weight:400;line-height:1.65}.v3-about-links{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-2xl)}.v3-about-links a{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:3rem;padding-inline:var(--space-lg);border-bottom:var(--rule-hair) solid var(--color-rule);color:var(--color-ink);font-size:var(--text-sm);font-weight:600}.v3-about-links a:hover{border-color:var(--color-accent);color:var(--color-accent-strong)}.v3-about-orbit{position:absolute;width:clamp(8rem,17vw,16rem);aspect-ratio:1;border:var(--rule-hair) solid var(--color-rule);border-radius:50%;transform:rotate(-24deg) scaleY(.42)}.v3-about-orbit i{position:absolute;top:50%;left:-.35rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--color-accent);box-shadow:0 0 2rem var(--color-accent-glow)}.v3-about-orbit-one{top:8%;left:2%}.v3-about-orbit-two{right:2%;bottom:9%;transform:rotate(28deg) scaleY(.42)}.v3-about-cross{position:absolute;color:var(--color-faint);font-family:var(--font-display);font-size:clamp(var(--text-2xl),7vw,7rem);font-weight:200}.v3-about-cross-one{right:8%;top:8%}.v3-about-cross-two{bottom:10%;left:9%}.v3-capabilities{position:relative;z-index:var(--z-raised);padding:var(--space-4xl) var(--page-gutter) calc(var(--space-4xl) + var(--space-2xl));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-material);color:var(--color-material-body)}.v3-capabilities-inner{width:min(100%,var(--page-max));margin-inline:auto}.v3-capabilities .v3-section-label{color:var(--color-material-body)}.v3-capabilities h2{color:var(--color-material-ink)}.v3-capability-list{margin-top:var(--space-3xl);border-top:var(--rule-hair) solid var(--color-material-rule)}.v3-capability-row{display:grid;grid-template-columns:4rem minmax(12rem,1fr) minmax(18rem,1.6fr) minmax(11rem,.8fr);align-items:start;gap:var(--space-xl);padding-block:var(--space-xl);border-bottom:var(--rule-hair) solid var(--color-material-rule)}.v3-capability-row>span{color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:1}.v3-capability-row h3,.v3-capability-row p,.v3-capability-row small{min-width:0;margin:0;overflow-wrap:anywhere}.v3-capability-row h3{color:var(--color-material-ink);font-family:var(--font-display);font-size:clamp(var(--text-lg),2.4vw,var(--text-2xl));font-weight:600;letter-spacing:-.025em;line-height:1;text-transform:uppercase}.v3-capability-row p{font-size:var(--text-base);line-height:1.6}.v3-capability-row small{color:var(--color-material-body);font-size:var(--text-xs);font-weight:650;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}.v3-projects{position:relative;z-index:calc(var(--z-raised) + 1);margin-top:calc(-1 * var(--space-2xl));padding:var(--space-4xl) var(--page-gutter) var(--space-4xl);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-paper)}.v3-projects-heading,.v3-project-stack{width:min(100%,var(--page-max));margin-inline:auto}.v3-projects-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;margin-bottom:var(--space-3xl)}.v3-projects-heading .v3-section-label,.v3-projects-heading h2{grid-column:1 / -1}.v3-projects-heading>p:last-child{grid-column:1;max-width:34rem;margin:var(--space-xl) 0 0 auto;color:var(--color-muted);font-size:var(--text-md);line-height:1.55}.v3-project-card-wrap{position:relative;height:88vh}.v3-project-card{position:sticky;top:calc(var(--nav-height) + var(--space-xl) + var(--v3-card-offset));display:grid;grid-template-rows:auto 1fr;height:min(72vh,46rem);min-height:36rem;overflow:hidden;border:var(--rule-strong) solid var(--color-rule);border-radius:var(--radius-xl);background:var(--gradient-panel);box-shadow:var(--shadow-depth);color:var(--color-body);transform-origin:top center}.v3-project-card-head{display:grid;grid-template-columns:5rem 1fr auto;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);border-bottom:var(--rule-hair) solid var(--color-rule)}.v3-project-card-head>span{color:var(--color-accent-strong);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;line-height:1}.v3-project-card-head p,.v3-project-card-head h3{min-width:0;margin:0}.v3-project-card-head p{color:var(--color-muted);font-size:var(--text-xs);font-weight:650;letter-spacing:.12em;text-transform:uppercase}.v3-project-card-head h3{margin-top:var(--space-2xs);color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-lg),3vw,var(--text-3xl));font-weight:650;letter-spacing:-.035em;line-height:1;overflow-wrap:anywhere;text-transform:uppercase}.v3-project-card-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs)}.v3-project-card-link-unavailable{border-style:dashed!important;color:var(--color-muted)!important;cursor:not-allowed;opacity:.72}.v3-project-card-links>a{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:3.25rem;padding-inline:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);color:var(--color-ink);font-size:var(--text-xs);font-weight:700;letter-spacing:.11em;text-transform:uppercase}.v3-project-card-links>a:hover{border-color:var(--color-accent);background:var(--color-accent-faint)}.v3-project-card-body{display:grid;grid-template-columns:minmax(17rem,.38fr) minmax(0,.62fr);min-height:0;padding:var(--space-sm)}.v3-project-card-notes{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:var(--space-xl);border-right:var(--rule-hair) solid var(--color-rule-soft)}.v3-project-card-notes>p{max-width:29rem;margin:0;color:var(--color-body);font-size:clamp(var(--text-base),1.45vw,var(--text-md));line-height:1.55;overflow-wrap:anywhere}.v3-project-card-notes dl{margin:var(--space-xl) 0 0;border-top:var(--rule-hair) solid var(--color-rule-soft)}.v3-project-card-notes dl>div{display:grid;grid-template-columns:5.5rem 1fr;gap:var(--space-md);padding-block:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule-soft)}.v3-project-card-notes dt,.v3-project-card-notes dd{margin:0;font-size:var(--text-xs);line-height:1.4}.v3-project-card-notes dt{color:var(--color-faint);font-weight:650;letter-spacing:.1em;text-transform:uppercase}.v3-project-card-notes dd{color:var(--color-ink);font-weight:600}.v3-project-card-visual{display:block;min-width:0;min-height:0;overflow:hidden;border-radius:calc(var(--radius-xl) - var(--space-sm));cursor:pointer}.v3-project-card-visual .project-visual{width:100%;height:100%;min-height:0;border:0;border-radius:inherit}.v3-project-card-visual .project-cover-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:none;filter:saturate(.94) contrast(1.02) brightness(.92)}.v3-project-card-visual .project-cover-video{z-index:2}.v3-project-card-visual .project-cover-scrim{background:var(--color-veil)}.v3-project-card[data-project=chordpilot] .project-cover-image,.v3-project-card[data-project=gamememory] .project-cover-image{-o-object-position:center top;object-position:center top}.v3-project-card[data-project=fretboard-caged-lab] .project-cover-image{-o-object-position:center 30%;object-position:center 30%}.v3-project-card[data-project=nonconvex-alpha] .project-cover-image{filter:saturate(.78) contrast(1.08) brightness(.7)}.v3-project-card[data-project=rail-drone-mission-studio] .project-cover-image{-o-object-position:center top;object-position:center top;filter:saturate(.86) contrast(1.04) brightness(.88)}.v3-project-card-visual .project-cover-label{top:var(--space-lg);left:var(--space-lg)}.v3-footer{padding:var(--space-4xl) var(--page-gutter) var(--space-xl);background:var(--color-paper-deep)}.v3-footer-cta,.v3-footer-line{width:min(100%,var(--page-max));margin-inline:auto}.v3-footer-cta{display:grid;grid-template-columns:minmax(15rem,.7fr) minmax(22rem,1fr) minmax(8.5rem,10rem);align-items:end;gap:var(--space-xl);padding-bottom:var(--space-3xl)}.v3-footer-intro p{max-width:20rem;margin:0;color:var(--color-muted);font-size:var(--text-md);line-height:1.5}.v3-footer-intro h2{margin:var(--space-md) 0 0;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-2xl),5.5vw,5.5rem);font-weight:700;letter-spacing:-.05em;line-height:1;text-transform:uppercase}.v3-contact-directory{margin:0;border-top:var(--rule-hair) solid var(--color-rule)}.v3-contact-directory>div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);align-items:baseline;gap:var(--space-md);padding-block:var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule)}.v3-contact-directory dt{color:var(--color-faint);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.v3-contact-directory dd{min-width:0;margin:0;color:var(--color-ink);font-size:clamp(var(--text-md),2vw,var(--text-lg));font-weight:600;overflow-wrap:anywhere}.v3-contact-directory small{display:block;margin-top:var(--space-3xs);color:var(--color-faint);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.v3-wechat-qr{margin:0;padding:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-ink)}.v3-wechat-qr img{display:block;width:100%;aspect-ratio:1;border-radius:calc(var(--radius-md) - var(--space-xs))}.v3-wechat-qr figcaption{padding-top:var(--space-xs);color:var(--color-paper-deep);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-align:center;text-transform:uppercase}.v3-footer-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-lg);padding-top:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule);color:var(--color-faint);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.v3-footer-line>span:nth-child(2){text-align:center}.v3-footer-line>div{display:flex;justify-content:flex-end;gap:var(--space-xs)}.v3-footer-line :is(a,button){display:grid;width:2.75rem;height:2.75rem;border:var(--rule-hair) solid var(--color-rule);border-radius:50%;place-items:center}.v3-footer-line button{padding:0;background:transparent;color:inherit;cursor:pointer}.v3-footer-line :is(a,button):hover{border-color:var(--color-accent);color:var(--color-ink)}.v3-nav a,.v3-action,.v3-scroll-cue,.v3-about-links a,.v3-project-card-links>a,.v3-footer :is(a,button){white-space:nowrap}@media(max-width:64rem){.v3-hero h1 strong{margin-left:7vw}.v3-hero-media-stage{right:calc(-1 * var(--space-xl));width:56vw}.v3-capability-row{grid-template-columns:3rem minmax(10rem,.9fr) minmax(16rem,1.4fr)}.v3-capability-row small{grid-column:2 / -1}}@media(max-width:60rem){.v3-project-card-wrap{height:auto;margin-bottom:var(--space-xl)}.v3-project-card{position:relative;top:auto;height:auto;min-height:0}.v3-project-card-body{grid-template-columns:1fr}.v3-project-card-notes{border-right:0;border-bottom:var(--rule-hair) solid var(--color-rule-soft)}.v3-project-card-visual{min-height:27rem}}@media(max-width:48rem){:root{--nav-height: 4rem;--radius-xl: 2.25rem}.v3-nav{padding-left:var(--space-md)}.v3-nav nav{gap:var(--space-md)}.v3-nav nav a:nth-child(2){display:none}.v3-hero-inner{padding-top:calc(var(--nav-height) + var(--space-3xl))}.v3-hero h1{font-size:clamp(4.15rem,17vw,8rem)}.v3-hero-media-stage{bottom:8.5rem;width:min(64vw,31rem)}.v3-hero-bottom{grid-template-columns:1fr 1fr}.v3-hero-cta-magnet{justify-self:end}.v3-scroll-cue{display:none}.v3-reel-heading{grid-template-columns:1fr;gap:var(--space-md)}.v3-reel-heading h2{justify-self:start}.v3-about-copy{grid-template-columns:1fr}.v3-capability-row{grid-template-columns:3rem 1fr;gap:var(--space-md)}.v3-capability-row p,.v3-capability-row small{grid-column:2}.v3-projects-heading{grid-template-columns:1fr}.v3-projects-heading>p:last-child{grid-column:1}.v3-project-card-head{grid-template-columns:3.5rem 1fr}.v3-project-card-links{grid-column:2;justify-self:start;justify-content:flex-start}.v3-footer-cta{grid-template-columns:minmax(0,1fr) minmax(8rem,10rem);align-items:flex-start}.v3-footer-intro{grid-column:1 / -1}}@media(max-width:40rem){.v3-nav-shell{top:var(--space-sm)}.v3-nav{grid-template-columns:auto 1fr auto;min-height:var(--nav-height)}.v3-nav nav a:not(:last-child){display:none}.v3-nav nav{display:none}.v3-nav-contact{min-height:2.5rem;padding-inline:var(--space-md)}.v3-nav-actions{gap:var(--space-2xs)}.v3-music-toggle{min-height:2.5rem;padding-inline:var(--space-sm)}.v3-language-toggle{min-width:3rem;min-height:2.5rem;padding-inline:var(--space-xs)}.v3-music-state{display:none}.v3-hero{min-height:52rem}.v3-hero-inner{display:flex;flex-direction:column;min-height:52rem;padding-top:calc(var(--nav-height) + var(--space-2xl));padding-bottom:var(--space-xl)}.v3-hero-kicker span:last-child{display:none}.v3-hero-title-wrap{margin-top:var(--space-lg)}.v3-hero h1{font-size:clamp(4rem,20vw,6.5rem);line-height:1}.v3-site[data-language=zh] .v3-hero h1{font-size:clamp(3.75rem,18vw,5.5rem);letter-spacing:-.075em}.v3-site[data-language=zh] .v3-hero h1 span{white-space:nowrap}.v3-hero h1 strong{margin-left:0}.v3-hero-media-stage{position:relative;right:auto;bottom:auto;width:calc(100% + var(--space-xl));margin:var(--space-xl) calc(-1 * var(--space-xl)) 0 auto;transform:perspective(55rem) rotateX(-2deg) rotateY(-5deg) rotate(1deg)}.v3-hero-bottom{grid-template-columns:1fr;align-items:start;margin-top:auto}.v3-hero-bottom>p{max-width:23rem}.v3-hero-cta-magnet{justify-self:start}.v3-hero-version{display:none}.v3-reel{padding-top:var(--space-3xl)}.v3-reel-rows{padding-inline:var(--page-gutter)}.v3-reel-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;gap:var(--space-sm);transform:none}.v3-reel-row-reverse{display:none}.v3-reel-tile{grid-template-rows:8.5rem auto;width:auto;min-width:0}.v3-reel-tile:nth-child(n+5){display:none}.v3-reel-tile>strong{font-size:.65rem}.v3-about,.v3-capabilities,.v3-projects,.v3-footer{padding-top:var(--space-3xl)}.v3-about-copy{margin-top:var(--space-2xl)}.v3-about-links{justify-content:flex-start}.v3-about-orbit,.v3-about-cross{opacity:.45}.v3-capability-list{margin-top:var(--space-2xl)}.v3-capability-row{padding-block:var(--space-lg)}.v3-project-card-head{padding:var(--space-lg)}.v3-project-card-head>span{font-size:var(--text-2xl)}.v3-project-card-head h3{font-size:var(--text-lg)}.v3-project-card-notes{padding:var(--space-lg)}.v3-project-card-visual{min-height:19rem}.v3-project-card:not([data-project=nonconvex-alpha]) .project-cover-image{-o-object-fit:contain;object-fit:contain;background:var(--color-paper-deep)}.v3-footer-line{grid-template-columns:1fr auto}.v3-footer-line>span:nth-child(2){display:none}.v3-footer-cta{grid-template-columns:1fr}.v3-wechat-qr{width:min(10rem,52vw)}}@media(max-width:23.5rem){.v3-nav nav{display:none}.v3-hero h1{font-size:clamp(3.75rem,19vw,5rem)}.v3-hero-media-chrome{right:var(--space-md);bottom:var(--space-md);left:var(--space-md);font-size:.62rem}.v3-action{padding-inline:var(--space-lg)}.v3-reel-row{grid-template-columns:1fr}.v3-reel-tile{grid-template-rows:11rem auto}.v3-about-links{align-items:flex-start;flex-direction:column}.v3-project-card-head{grid-template-columns:1fr}.v3-project-card-links{grid-column:1;justify-content:flex-start;width:100%}.v3-project-card-links>:is(a,span){justify-content:center;width:100%}.v3-project-card-notes dl>div{grid-template-columns:1fr;gap:var(--space-2xs)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v3-site *,.v3-site *:before,.v3-site *:after{animation-duration:.01ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:.01ms}.v3-reel-row{will-change:auto}.v3-hero-media-stage{transform:none}}