:root{--header-height:56px;--vh100:100vh}@supports (height:100dvh){:root{--vh100:100dvh}}@media (min-width:768px){:root{--header-height:64px}}
:root,:root[data-theme=dark]{--color-text:#e5ecf6;--color-muted:#94a3b8;--color-accent:#6ea8ff;--color-accent-soft:#6ea8ff29;--color-page-bg:#0b1024;--color-surface:#131a33;--color-surface-raised:#1a2240;--header-bg:#0b1024b8;--header-border:#ffffff14;--outline-starry:conic-gradient(from 135deg, #963cfff2 0turn, #3c96ff .18turn, #e1beffe6 .32turn, #4678ffbf .5turn, #3c96ff .68turn, #963cfff2 1turn);--outline-rest-opacity:.42;--outline-glow-hover:0 0 10px #468cff73, 0 0 24px #8c3cff3d;--gradient-home-intro:radial-gradient(ellipse 80% 60% at 50% 35%, #6ea8ff24 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 50% 80%, #a884ff1a 0%, transparent 65%), linear-gradient(180deg, #05071a 0%, #0b1024 55%, #131a33 100%);--gradient-home-projects:linear-gradient(180deg, #131a33 0%, #1a2240 100%);--shadow-card:0 12px 30px -18px #000000b3;--shadow-card-hover:0 20px 40px -18px #000c;--hero-card-bg:#141c38b8;--hero-card-bg-solid:#182142;--hero-card-text:#e8eefb;--hero-card-muted:#9aa9c8;--hero-card-shadow:0 18px 36px -22px #000000d9;--hero-card-glow:0 0 20px #5096ff52, 0 0 40px #8c3cff29;--hero-orbit-line:#a0beff38;--hero-core-glow:0 0 60px #6ea8ff73, 0 0 140px #6ea8ff2e;--hero-core-ring:#a0beff47;--hero-starfield:radial-gradient(1px 1px at 12% 18%, #ffffffa6, transparent 60%), radial-gradient(1px 1px at 28% 72%, #ffffff73, transparent 60%), radial-gradient(1px 1px at 54% 30%, #ffffffb3, transparent 60%), radial-gradient(1px 1px at 78% 64%, #ffffff8c, transparent 60%), radial-gradient(1.5px 1.5px at 88% 22%, #b4c8ffb3, transparent 60%), radial-gradient(1px 1px at 38% 50%, #fff6, transparent 60%)}:root[data-theme=light]{--color-text:#172033;--color-muted:#667085;--color-accent:#2458d3;--color-accent-soft:#edf3ff;--color-page-bg:#f7f9fc;--color-surface:#fff;--color-surface-raised:#fff;--header-bg:#ffffffb8;--header-border:#17203314;--outline-starry:conic-gradient(from 135deg, #7832f5f2 0turn, #3278f5 .18turn, #be82f5e6 .32turn, #466ee6bf .5turn, #3278f5 .68turn, #7832f5f2 1turn);--outline-rest-opacity:.5;--outline-glow-hover:0 0 8px #3c6ef052, 0 0 18px #6e32f029;--gradient-home-intro:radial-gradient(ellipse 80% 60% at 50% 30%, #2458d31f 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 50% 80%, #a06eff14 0%, transparent 65%), linear-gradient(180deg, #fff 0%, #eaf0fb 60%, #d8e3f8 100%);--gradient-home-projects:linear-gradient(180deg, #eaf0fb 0%, #d3deff 100%);--shadow-card:0 12px 30px -18px #2458d373;--shadow-card-hover:0 20px 40px -18px #2458d38c;--hero-card-bg:#ffffffd9;--hero-card-bg-solid:#fff;--hero-card-text:#172033;--hero-card-muted:#5b6781;--hero-card-shadow:0 18px 36px -22px #2458d359;--hero-card-glow:0 0 16px #326ef038, 0 0 32px #6e32f01a;--hero-orbit-line:#2458d338;--hero-core-glow:0 0 60px #2458d32e, 0 0 140px #2458d314;--hero-core-ring:#2458d338;--hero-starfield:radial-gradient(1px 1px at 14% 22%, #2458d32e, transparent 60%), radial-gradient(1px 1px at 32% 70%, #2458d31f, transparent 60%), radial-gradient(1px 1px at 56% 32%, #2458d329, transparent 60%), radial-gradient(1px 1px at 78% 64%, #2458d31f, transparent 60%), radial-gradient(1.5px 1.5px at 88% 22%, #2458d32e, transparent 60%)}
*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--color-text);background:var(--color-page-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}@media (prefers-reduced-motion:no-preference){body,.site-header,.language-toggle,.theme-toggle,.social-profile-link,.site-nav__link,.home-slide,.home-slide__project-link{transition:background-color .22s,background .22s,color .22s,border-color .22s,box-shadow .22s}}
@keyframes outline-disc-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.outline-surface{--surface-fill:var(--color-surface);--surface-tint:transparent;isolation:isolate;appearance:none;background:0 0;border:0;position:relative;overflow:hidden}.outline-surface:before{content:"";aspect-ratio:1;background:var(--outline-starry);width:200%;opacity:var(--outline-rest-opacity);transform-origin:50%;pointer-events:none;z-index:0;transition:opacity .22s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.outline-surface:after{content:"";border-radius:inherit;background:linear-gradient(var(--surface-tint), var(--surface-tint)), var(--surface-fill);pointer-events:none;z-index:1;transition:background-color .22s,background-image .22s;position:absolute;inset:1px}.outline-surface>*{z-index:2;position:relative}.outline-surface:hover:before,.outline-surface:focus-visible:before,.outline-surface:focus-within:before{opacity:1}@media (prefers-reduced-motion:no-preference){.outline-surface:before{animation:2.1s linear infinite outline-disc-spin}}
.i18n-text{vertical-align:baseline;color:inherit;align-items:baseline;min-width:0;display:inline-grid}.i18n-text__value{color:inherit;grid-area:1/1;min-width:0;transition:opacity .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1)}.i18n-text[data-locale=us] .i18n-text__value--cn,.i18n-text[data-locale=cn] .i18n-text__value--us{opacity:0;pointer-events:none;transform:translateY(-60%)scale(.6)}.i18n-text[data-locale=us] .i18n-text__value--us,.i18n-text[data-locale=cn] .i18n-text__value--cn{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.i18n-text__value{transition:opacity;transform:none!important}}
.app-shell{isolation:isolate;width:100%;height:100%;position:relative}.site-main{width:100%;height:100%;position:relative}.route-loading{height:var(--vh100);color:var(--color-muted);justify-content:center;align-items:center;display:flex}.route-fullscreen{width:100%;height:var(--vh100);position:relative;overflow:hidden}
.site-header{z-index:50;height:var(--header-height);border-bottom:1px solid var(--header-border);background:var(--header-bg);-webkit-backdrop-filter:saturate(180%)blur(14px);align-items:center;gap:1rem;padding:0 clamp(1rem,4vw,3rem);display:flex;position:fixed;top:0;left:0;right:0}.site-header__primary{flex:1;align-items:baseline;gap:1rem;min-width:0;display:flex}.site-title{color:var(--color-text);font-weight:700}.site-header a:hover,.site-header a:focus-visible{text-decoration:none}.site-nav{scrollbar-width:none;flex:1;gap:1rem;min-width:0;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav__link{color:var(--color-muted);white-space:nowrap;font-weight:650;position:relative}.site-nav__link[aria-current=page]{color:var(--color-text)}.site-nav__link[aria-current=page]:after{content:"";background:var(--color-accent);border-radius:999px;height:2px;position:absolute;bottom:-.45rem;left:0;right:0}@media (max-width:767px){.site-header,.site-header__primary{gap:.5rem}.site-header{padding:0 .75rem}.site-title{font-size:.95rem}.site-nav{justify-content:flex-start;gap:.55rem;font-size:.82rem}}.site-header__social{align-items:center;gap:.5rem;display:flex}.social-profile-link,.language-toggle,.theme-toggle{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;height:36px;display:inline-flex}.social-profile-link:hover,.social-profile-link:focus-visible,.language-toggle:hover,.language-toggle:focus-visible,.theme-toggle:hover,.theme-toggle:focus-visible{--surface-tint:var(--color-accent-soft);box-shadow:var(--outline-glow-hover)}.social-profile-link:focus-visible,.language-toggle:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.social-profile-link{width:36px;color:var(--color-text);padding:0;text-decoration:none}.social-profile-link__icon{width:18px;height:18px;display:block}.social-profile-link__icon--linkedin{width:16px;height:16px}.language-toggle{min-width:56px;color:var(--color-accent);font:inherit;padding:0 .8rem;font-weight:700;line-height:1}.language-toggle__label{z-index:2;color:currentColor;line-height:1;position:absolute}.theme-toggle{width:36px;color:var(--color-accent);padding:0}.theme-toggle__icon{z-index:2;color:currentColor;width:18px;height:18px;transition:opacity .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1);display:block;position:absolute}.theme-toggle[data-theme=light] .theme-toggle__icon--moon,.theme-toggle[data-theme=dark] .theme-toggle__icon--sun{opacity:0;pointer-events:none;transform:rotate(-90deg)scale(.6)}.theme-toggle[data-theme=light] .theme-toggle__icon--sun,.theme-toggle[data-theme=dark] .theme-toggle__icon--moon{opacity:1;transform:rotate(0)scale(1)}@media (prefers-reduced-motion:reduce){.theme-toggle__icon{transition:opacity;transform:none!important}}@media (max-width:767px){.site-header__social{gap:.35rem}.social-profile-link,.theme-toggle{width:32px;height:32px}.language-toggle{min-width:46px;height:32px;padding:0 .65rem}}
.header-overflow{align-items:center;display:inline-flex;position:relative}.header-overflow__trigger{cursor:pointer;width:36px;height:36px;color:var(--color-accent);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.header-overflow__trigger:hover,.header-overflow__trigger:focus-visible{--surface-tint:var(--color-accent-soft);box-shadow:var(--outline-glow-hover)}.header-overflow__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.header-overflow__trigger[aria-expanded=true]{--surface-tint:var(--color-accent-soft);box-shadow:var(--outline-glow-hover)}.header-overflow__glyph{z-index:2;color:currentColor;width:18px;height:18px;display:block;position:relative}@media (max-width:767px){.header-overflow__trigger{width:32px;height:32px}}.header-overflow__popover{z-index:60;border:1px solid var(--header-border);background:var(--color-surface);width:max-content;min-width:9rem;max-width:calc(100vw - 1.5rem);box-shadow:var(--shadow-card-hover);transform-origin:100% 0;border-radius:14px;padding:.35rem;position:absolute;top:calc(100% + .5rem);right:0}.header-overflow__popover[hidden]{display:none}.header-overflow__panel{flex-direction:column;gap:.1rem;display:flex}.header-menu-item{width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:.7rem;padding:.5rem .7rem;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.header-menu-item:hover,.header-menu-item:focus-visible{background:var(--color-accent-soft);color:var(--color-text)}.header-menu-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.header-menu-item__icon{width:22px;height:22px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.header-menu-item__icon svg{width:18px;height:18px}.header-menu-item__label{flex:auto;min-width:0}.header-menu-item__glyph{width:22px;height:22px;color:var(--color-accent);justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:inline-flex;position:relative}.header-menu-item__glyph[data-theme=light] .theme-toggle__icon--moon,.header-menu-item__glyph[data-theme=dark] .theme-toggle__icon--sun{opacity:0;pointer-events:none;transform:rotate(-90deg)scale(.6)}.header-menu-item__glyph[data-theme=light] .theme-toggle__icon--sun,.header-menu-item__glyph[data-theme=dark] .theme-toggle__icon--moon{opacity:1;transform:rotate(0)scale(1)}@media (prefers-reduced-motion:no-preference){.header-overflow__popover{animation:.16s cubic-bezier(.2,.8,.2,1) header-overflow-pop}}@keyframes header-overflow-pop{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}
.home-fullpage{width:100%;height:var(--vh100);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;background:var(--color-page-bg);perspective:1200px;perspective-origin:50%;flex-direction:row;display:flex;overflow:scroll hidden}.home-fullpage::-webkit-scrollbar{display:none}.home-slide{scroll-snap-align:start;scroll-snap-stop:always;width:100vw;height:100%;padding:calc(var(--header-height) + 1rem) clamp(1.25rem, 5vw, 4rem) 2rem;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, filter;flex:0 0 100vw;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible;box-shadow:0 0 0 1px #ffffff0a}@supports (animation-timeline:view()){.home-slide--intro{transform-origin:100%;animation:linear both home-slide-cube-first;animation-timeline:view(inline)}.home-slide--scene{transform-origin:0;animation:linear both home-slide-cube-second;animation-timeline:view(inline)}.home-slide:before{content:"";pointer-events:none;z-index:3;border:1px solid #ffffff1f;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0003,inset 1px 0 #ffffff14,inset -1px 0 #0000003d}.home-slide--intro:after,.home-slide--scene:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff29,#0000 16% 84%,#00000052),linear-gradient(90deg,#ffffff2e,#00000075);width:clamp(44px,7vw,96px);position:absolute;top:0;bottom:0;box-shadow:inset 1px 0 #ffffff29,inset -1px 0 #00000061}.home-slide--intro:after{transform-origin:100%;right:0;transform:rotateY(-90deg)}.home-slide--scene:after{transform-origin:0;left:0;transform:rotateY(90deg)}}@keyframes home-slide-cube-first{0%{filter:brightness();transform:rotateY(0)}50%{filter:brightness();transform:rotateY(0)}to{filter:brightness(.74);transform:rotateY(-90deg)}}@keyframes home-slide-cube-second{0%{filter:brightness(.74);transform:rotateY(90deg)}50%{filter:brightness();transform:rotateY(0)}to{filter:brightness();transform:rotateY(0)}}.home-slide--intro{background:var(--gradient-home-intro)}.home-slide--orbit{padding:var(--header-height) 0 0;overflow:hidden}.home-slide--scene{z-index:2;padding:var(--header-height) 0 0;background:var(--color-page-bg);flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:hidden}.scene-canvas-wrapper{inset:0;top:var(--header-height);position:absolute}.home-slide__content{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:min(100%,1040px);display:flex}.home-slide__title{letter-spacing:0;margin:0;font-size:2rem;font-weight:800;line-height:1.1}@media (min-width:768px){.home-slide__title{font-size:3rem}}@media (min-width:1024px){.home-slide__title{font-size:4rem}}.home-slide__cue-group{color:var(--color-muted);pointer-events:none;z-index:5;align-items:center;gap:.3rem;display:flex;position:absolute;top:50%;right:clamp(.75rem,2vw,1.75rem);transform:translateY(-50%)}.home-slide__cue-group--reverse{flex-direction:row-reverse}.home-slide__cue-group--align-left{left:clamp(.75rem,2vw,1.75rem);right:auto}.home-slide__cue-group--on-dark{color:#ffffffc7}.home-slide__cue-text{letter-spacing:.18em;white-space:nowrap;color:currentColor;text-shadow:0 0 6px,0 0 14px;font-size:.78rem;font-weight:700;animation:1.8s ease-in-out infinite home-cue-glow}.home-slide__scroll-cue{color:currentColor;filter:drop-shadow(0 0 4px)drop-shadow(0 0 10px);width:36px;height:24px;animation:1.8s ease-in-out infinite home-scroll-cue;display:inline-block;position:relative}.home-slide__scroll-cue:before,.home-slide__scroll-cue:after{content:"";opacity:.9;border-top:2px solid;border-right:2px solid;width:11px;height:11px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.home-slide__scroll-cue:before{opacity:.55;left:4px}.home-slide__scroll-cue:after{right:8px}.home-slide__scroll-cue--reverse{animation-name:home-scroll-cue-reverse}.home-slide__scroll-cue--reverse:before,.home-slide__scroll-cue--reverse:after{border-color:#0000 #0000 currentColor currentColor;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px}.home-slide__scroll-cue--reverse:before{opacity:.55;left:auto;right:4px}.home-slide__scroll-cue--reverse:after{opacity:.9;left:8px;right:auto}@keyframes home-scroll-cue{0%,to{opacity:.85;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}@keyframes home-scroll-cue-reverse{0%,to{opacity:.85;transform:translate(0)}50%{opacity:1;transform:translate(-5px)}}@keyframes home-cue-glow{0%,to{opacity:.85}50%{opacity:1}}@media (max-width:767px){.home-slide__cue-text{letter-spacing:.14em;font-size:.7rem}.home-slide__cue-group{gap:.2rem;right:clamp(.5rem,3vw,1rem)}.home-slide__cue-group--align-left{left:clamp(.5rem,3vw,1rem);right:auto}}@media (prefers-reduced-motion:reduce){.home-fullpage{scroll-behavior:auto}.home-slide__scroll-cue,.home-slide__scroll-cue--reverse,.home-slide__cue-text{animation:none}.home-slide{filter:none!important;opacity:1!important;animation:none!important;transform:none!important}}
.hero-orbit{isolation:isolate;--orbit-1-rx:clamp(240px, 25vw, 330px);--orbit-1-ry:clamp(108px, 12vw, 150px);--orbit-2-rx:clamp(330px, 34vw, 430px);--orbit-2-ry:clamp(150px, 17vw, 210px);--orbit-3-rx:clamp(420px, 42vw, 520px);--orbit-3-ry:clamp(190px, 21vw, 260px);--hero-card-width:clamp(132px, 13vw, 178px);place-items:center;width:100%;height:100%;display:grid;position:relative}.hero-orbit__starfield{background:var(--hero-starfield);opacity:.85;pointer-events:none;z-index:0;background-repeat:repeat;background-size:260px 260px,320px 320px,400px 400px,220px 220px,340px 340px,280px 280px;animation:90s linear infinite hero-starfield-drift;position:absolute;inset:0}@keyframes hero-starfield-drift{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:260px 0,-320px 0,400px 0,-220px 0,340px 0,-280px 0}}.hero-orbit__scene{aspect-ratio:16/9;width:min(1100px,96vw);max-height:calc(var(--vh100) - var(--header-height) - 2rem);z-index:1;place-items:center;display:grid;position:relative}.hero-orbit__rings{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-orbit__ring{fill:none;stroke:var(--hero-orbit-line);stroke-width:1px;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}.hero-orbit__ring--1{rx:var(--orbit-1-rx);ry:var(--orbit-1-ry);opacity:.55}.hero-orbit__ring--2{rx:var(--orbit-2-rx);ry:var(--orbit-2-ry);opacity:.45}.hero-orbit__ring--3{rx:var(--orbit-3-rx);ry:var(--orbit-3-ry);opacity:.35}.hero-orbit__core{text-align:center;z-index:20;flex-direction:column;align-items:center;gap:.5rem;max-width:min(520px,80vw);padding:0 1rem;display:flex;position:relative}.hero-orbit__core-glow{background:radial-gradient(circle, var(--color-accent-soft) 0%, var(--color-accent-soft) 35%, transparent 70%);filter:blur(18px);opacity:.85;pointer-events:none;z-index:-1;border-radius:50%;width:clamp(220px,28vw,360px);height:clamp(220px,28vw,360px);animation:6s ease-in-out infinite hero-core-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}@keyframes hero-core-pulse{0%,to{opacity:.55;transform:translate(-50%,-55%)scale(1)}50%{opacity:.95;transform:translate(-50%,-55%)scale(1.06)}}.hero-orbit__icon{object-fit:cover;width:clamp(96px,10vw,144px);height:auto;box-shadow:var(--hero-core-glow), 0 0 0 1px var(--hero-core-ring);border-radius:50%}.hero-orbit__name{letter-spacing:0;color:var(--color-text);margin:0;font-size:3.4rem;font-weight:800;line-height:1.05}.hero-orbit__name .i18n-text__value{background:linear-gradient(135deg, var(--color-text) 0%, var(--color-accent) 80%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-orbit__role{letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin:0;font-size:1.05rem;font-weight:600}.hero-orbit__cards{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.hero-orbit__card-slot{z-index:15;pointer-events:auto;will-change:transform, opacity;--phase:0;position:absolute;top:50%;left:50%}.hero-orbit__card-slot[data-active=true]{z-index:1000}@media (hover:hover){.hero-orbit__card-slot:hover,.hero-orbit__card-slot:focus-within{z-index:1000}}.hero-orbit__card{--surface-fill:var(--hero-card-bg-solid);width:var(--hero-card-width);color:var(--hero-card-text);box-shadow:var(--hero-card-shadow);text-align:center;touch-action:manipulation;transform:perspective(700px) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg));transform-origin:50%;will-change:transform;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.65rem .9rem .75rem;transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);display:flex}.hero-orbit__card-glare{background:radial-gradient(circle at var(--card-glare-x,50%) var(--card-glare-y,50%), #ffffff1a 0%, #ffffff0a 32%, transparent 65%);opacity:0;pointer-events:none;border-radius:inherit;z-index:2;transition:opacity .26s;position:absolute;inset:0}.hero-orbit__card-slot[data-active=true] .hero-orbit__card{transform:perspective(700px) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg)) translateY(-2px) scale(1.04);box-shadow:var(--hero-card-shadow), var(--hero-card-glow), var(--outline-glow-hover)}.hero-orbit__card-slot[data-active=true] .hero-orbit__card:before{opacity:1}.hero-orbit__card-slot[data-active=true] .hero-orbit__card-glare{opacity:.7}@media (hover:hover){.hero-orbit__card-slot:hover .hero-orbit__card,.hero-orbit__card-slot:focus-within .hero-orbit__card{transform:perspective(700px) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg)) translateY(-2px) scale(1.04);box-shadow:var(--hero-card-shadow), var(--hero-card-glow), var(--outline-glow-hover)}.hero-orbit__card-slot:hover .hero-orbit__card:before,.hero-orbit__card-slot:focus-within .hero-orbit__card:before{opacity:1}.hero-orbit__card-slot:hover .hero-orbit__card-glare,.hero-orbit__card-slot:focus-within .hero-orbit__card-glare{opacity:.7}}.hero-orbit__card-icon{z-index:2;background:var(--color-accent-soft);width:30px;height:30px;color:var(--color-accent);--card-pointer-amp:8px;transform:translate(calc(var(--card-pointer-dx,0) * var(--card-pointer-amp)), calc(var(--card-pointer-dy,0) * var(--card-pointer-amp)));will-change:transform;border-radius:999px;justify-content:center;align-items:center;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative}.hero-orbit__card-icon svg{width:18px;height:18px}.hero-orbit__card-text{z-index:2;flex-direction:column;gap:.15rem;min-width:0;display:flex;position:relative}.hero-orbit__card-title{letter-spacing:0;color:var(--hero-card-text);--card-pointer-amp:5px;transform:translate(calc(var(--card-pointer-dx,0) * var(--card-pointer-amp)), calc(var(--card-pointer-dy,0) * var(--card-pointer-amp)));font-size:.92rem;font-weight:700;line-height:1.2;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.hero-orbit__card-subtitle{color:var(--hero-card-muted);--card-pointer-amp:2.5px;transform:translate(calc(var(--card-pointer-dx,0) * var(--card-pointer-amp)), calc(var(--card-pointer-dy,0) * var(--card-pointer-amp)));font-size:.72rem;line-height:1.35;transition:transform .22s cubic-bezier(.2,.8,.2,1)}@media (min-width:768px) and (max-width:1023px){.hero-orbit{--orbit-1-rx:clamp(200px, 26vw, 260px);--orbit-1-ry:clamp(96px, 13vw, 126px);--orbit-2-rx:clamp(280px, 36vw, 350px);--orbit-2-ry:clamp(132px, 18vw, 172px);--orbit-3-rx:clamp(350px, 45vw, 430px);--orbit-3-ry:clamp(168px, 22vw, 220px);--hero-card-width:clamp(124px, 18vw, 160px)}.hero-orbit__scene{aspect-ratio:4/3;width:min(900px,96vw)}.hero-orbit__card{padding:.55rem .75rem .65rem}.hero-orbit__card-title{font-size:.86rem}.hero-orbit__card-subtitle{font-size:.68rem}}@media (max-width:767px){.hero-orbit{--orbit-1-rx:clamp(96px, 28vw, 130px);--orbit-1-ry:clamp(26px, 7.5vw, 36px);--orbit-2-rx:clamp(130px, 38vw, 175px);--orbit-2-ry:clamp(36px, 10vw, 48px);--orbit-3-rx:clamp(160px, 46vw, 215px);--orbit-3-ry:clamp(46px, 12vw, 60px);--hero-card-width:44px;--hero-card-width-active:clamp(112px, 40vw, 148px)}.hero-orbit__scene{aspect-ratio:1;width:100%;max-height:calc(var(--vh100) - var(--header-height) - 2rem)}.hero-orbit__icon{width:clamp(72px,22vw,104px)}.hero-orbit__name{font-size:2rem}.hero-orbit__role{letter-spacing:.14em;font-size:.78rem}.hero-orbit__card{width:var(--hero-card-width);min-height:var(--hero-card-width);border-radius:999px;gap:0;padding:0}.hero-orbit__card-icon{width:22px;height:22px}.hero-orbit__card-icon svg{width:14px;height:14px}.hero-orbit__card-title{font-size:.74rem}.hero-orbit__card-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-orbit__card-slot[data-active=true]{transition:transform .28s cubic-bezier(.2,.8,.2,1);opacity:1!important;pointer-events:auto!important;transform:translate(-50%,-50%)translateY(128px)!important}.hero-orbit__card-slot[data-active=true] .hero-orbit__card{width:var(--hero-card-width-active);border-radius:8px;gap:.2rem;min-height:auto;padding:.45rem .55rem .55rem}.hero-orbit__card-slot[data-active=true] .hero-orbit__card-text{clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}.hero-orbit__card-slot[data-active=true] .hero-orbit__card-subtitle{text-overflow:clip;white-space:normal;max-width:none;overflow:visible}.hero-orbit__card-subtitle{text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--hero-card-width) - 1.1rem);font-size:.62rem;line-height:1.25;overflow:hidden}.hero-orbit__ring--3{display:none}}@media (max-width:767px) and (orientation:portrait){.hero-orbit{--orbit-1-rx:clamp(78px, 22vw, 110px);--orbit-1-ry:clamp(60px, 16vw, 90px);--orbit-2-rx:clamp(110px, 32vw, 150px);--orbit-2-ry:clamp(86px, 22vw, 120px);--orbit-3-rx:clamp(135px, 40vw, 175px);--orbit-3-ry:clamp(108px, 28vw, 150px)}.hero-orbit__scene{aspect-ratio:3/4}}@media (prefers-reduced-motion:reduce){.hero-orbit__starfield,.hero-orbit__core-glow{animation:none}.hero-orbit__card,.hero-orbit__card-icon,.hero-orbit__card-text,.hero-orbit__card-title,.hero-orbit__card-subtitle,.hero-orbit__card-slot[data-active=true]{transition:none}}