.hero-root{--bg:#0e1318;--ink:#e8edf2;--ink-dim:#7d8b99;--ink-soft:#b9c4cf;--blue:#4f86e0;--amber:#e8973f;--emer:#34c293;--c:var(--blue);width:100%;min-height:100vh;color:var(--ink);font-family:var(--font-archivo), system-ui, sans-serif;cursor:none;background:radial-gradient(135% 110% at 50% 28%,#21323e 0%,#16222b 38%,#0e161c 72%,#070b0e 100%);position:relative;overflow:hidden}.hero-root .grid{z-index:1;pointer-events:none;opacity:.5;background-image:linear-gradient(#7896b40d 1px,#0000 1px),linear-gradient(90deg,#7896b40d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask:radial-gradient(120% 90% at 50% 40%,#000 35%,#0000 85%);mask:radial-gradient(120% 90% at 50% 40%,#000 35%,#0000 85%)}.hero-root .grain{pointer-events:none;opacity:.05;mix-blend-mode:overlay;z-index:6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-root .vignette{pointer-events:none;z-index:6;position:absolute;inset:0;box-shadow:inset 0 0 300px 90px #0000009e,inset 0 0 80px #0006}.hero-root .mark{z-index:7;font-family:var(--font-fraunces), Georgia, serif;letter-spacing:.02em;font-size:20px;font-weight:400;position:absolute;top:34px;left:46px}.hero-root .mark b{font-weight:600}.hero-root .mark .reg{vertical-align:super;color:var(--ink-soft);font-size:9px}.hero-root .kicker{z-index:7;letter-spacing:.36em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;position:absolute;top:38px;right:46px}.hero-root .tag{z-index:7;text-align:center;font-family:var(--font-fraunces), Georgia, serif;color:var(--ink-dim);opacity:0;font-size:15px;font-style:italic;font-weight:300;animation:1.6s 1.1s forwards hero-fade;position:absolute;top:34px;left:50%;transform:translate(-50%)}@keyframes hero-fade{to{opacity:.85}}.hero-root .ghost{z-index:1;font-family:var(--font-fraunces), Georgia, serif;color:var(--c);opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:54vh;font-weight:600;line-height:.8;transition:color .6s;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hero-root .stage{z-index:3;justify-content:center;align-items:center;padding:0 5vw 18vh;display:flex;position:absolute;inset:0}.hero-root .spine{z-index:0;background:linear-gradient(90deg, var(--amber), var(--blue) 50%, var(--emer));opacity:.45;height:1.5px;position:absolute;top:46%;left:12%;right:12%;transform:translateY(-50%);box-shadow:0 0 18px #78a0d24d}.hero-root .obj{cursor:none;flex-direction:column;flex:1;align-items:center;gap:18px;max-width:30%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.hero-root .obj.center{max-width:38%}.hero-root .fig{opacity:.32;width:100%;height:auto;max-height:42vh;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .55s;animation:8s ease-in-out infinite hero-bob;overflow:visible;transform:scale(.62)}.hero-root .obj:nth-child(2) .fig{animation-delay:-2.6s}.hero-root .obj:nth-child(4) .fig{animation-delay:-5.2s}@keyframes hero-bob{0%,to{translate:0}50%{translate:0 -12px}}.hero-root .obj.active .fig{opacity:1;transform:scale(1.16)}.hero-root .glow{z-index:-1;filter:blur(55px);opacity:0;border-radius:50%;width:60%;height:60%;transition:opacity .6s;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.hero-root .obj.active .glow{opacity:.45;animation:4s ease-in-out infinite hero-pulse}@keyframes hero-pulse{0%,to{opacity:.34}50%{opacity:.5}}.hero-root .fig .contour{fill:none;stroke:var(--col);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.hero-root .fig .wire{fill:none;stroke:var(--col);stroke-width:1px;stroke-linecap:round;opacity:.4;stroke-dasharray:1;stroke-dashoffset:0}.hero-root .fig .detail{fill:none;stroke:var(--col);stroke-width:1.3px;stroke-linecap:round;opacity:.42;transition:opacity .6s}.hero-root .obj.active .fig .detail{opacity:.85;transition-delay:.4s}.hero-root .fig .node{fill:var(--col);opacity:.55;animation:3.4s ease-in-out infinite hero-twinkle}.hero-root .obj.active .fig .node{opacity:1}.hero-root .fig .node:nth-of-type(2n){animation-delay:-1.1s}.hero-root .fig .node:nth-of-type(3n){animation-delay:-2.2s}@keyframes hero-twinkle{0%,to{opacity:.45}50%{opacity:1}}.hero-root .fig .hub{r:4.4}.hero-root .cap{opacity:.5;flex-direction:column;align-items:center;gap:7px;transition:opacity .5s;display:flex}.hero-root .obj.active .cap{opacity:1}.hero-root .cap .idx{letter-spacing:.4em;color:var(--col);opacity:.85;font-size:11px}.hero-root .cap .role{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:.01em;color:var(--ink);font-size:18px;font-weight:400}.hero-root .obj.center .cap .role{font-size:26px}.hero-root .cap .bar{background:var(--col);width:0;height:2px;box-shadow:0 0 12px var(--col);transition:width .55s cubic-bezier(.2,.8,.2,1)}.hero-root .obj.active .cap .bar{width:50px}.hero-root .desc{z-index:7;text-align:center;letter-spacing:.04em;color:var(--ink-dim);opacity:0;font-size:13px;transition:opacity .5s;position:absolute;bottom:54px;left:0;right:0}.hero-root .desc.show{opacity:1}.hero-root .cur{z-index:9;pointer-events:none;mix-blend-mode:screen;border:1.5px solid #c8d7e699;border-radius:50%;width:26px;height:26px;transition:width .25s,height .25s,background .25s,border-color .25s;position:fixed;transform:translate(-50%,-50%)}.hero-root .cur.hot{border-color:var(--c);background:#78a0d21f;width:54px;height:54px}.hero-root .curdot{z-index:9;background:var(--ink);pointer-events:none;border-radius:50%;width:4px;height:4px;position:fixed;transform:translate(-50%,-50%)}.hero-root .loading{z-index:10;background:var(--bg);color:var(--ink-dim);letter-spacing:.3em;text-transform:uppercase;cursor:none;justify-content:center;align-items:center;font-size:11px;transition:opacity .8s;display:flex;position:absolute;inset:0}.hero-root .loading.hide{opacity:0;pointer-events:none}@media (hover:none){.hero-root,.hero-root .obj,.hero-root .loading{cursor:auto}.hero-root .cur,.hero-root .curdot{display:none}}@media (max-width:780px){.hero-root .tag,.hero-root .kicker{display:none}.hero-root .mark{top:26px;left:24px}.hero-root .stage{flex-direction:column;justify-content:center;gap:1vh;padding:13vh 8vw 18vh}.hero-root .obj,.hero-root .obj.center{flex:initial;max-width:58%}.hero-root .fig{max-height:18vh}.hero-root .obj.active .fig{transform:scale(1.08)}.hero-root .spine{background:linear-gradient(180deg, var(--blue), var(--amber) 50%, var(--emer));width:1.5px;height:auto;inset:13% auto 22% 50%;transform:translate(-50%)}.hero-root .ghost{font-size:34vh}.hero-root .cap .role{font-size:15px}.hero-root .obj.center .cap .role{font-size:17px}}