:root{color-scheme:dark;--bg:#050706;--ink:#f5f7ef;--muted:#aab6aa;--line:#f5f7ef2e;--panel:#060908c2;--brand-rgb:0, 255, 0;--accent-rgb:163, 207, 163;--accent:rgb(var(--accent-rgb))}*{box-sizing:border-box}html{touch-action:none;background:var(--bg);min-width:320px}body{overscroll-behavior:none;touch-action:none;background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}body:before{z-index:20;pointer-events:none;content:"";mix-blend-mode:screen;opacity:.14;background-image:repeating-linear-gradient(#f5f7ef0a 0 1px,#0000 1px 5px);position:fixed;inset:0}body:after{z-index:21;pointer-events:none;content:"";opacity:.1;mix-blend-mode:screen;background-image:repeating-radial-gradient(circle at 18% 24%,#f5f7ef05 0 1px,#0000 1px 3px);position:fixed;inset:0}a{color:inherit}button{font:inherit;-webkit-tap-highlight-color:transparent}.helix-lab,.helix-interface{min-height:100svh}.helix-interface{isolation:isolate;background:linear-gradient(90deg, #050706e6, #0507061a 46%, #050706c7), linear-gradient(180deg, rgba(var(--brand-rgb), .035), transparent 28%, rgba(var(--brand-rgb), .015)), #050706;position:relative;overflow:hidden}.helix-interface:before{z-index:0;pointer-events:none;content:"";border:1px solid #f5f7ef1a;border-radius:8px;position:absolute;inset:20px}.helix-interface:after{z-index:1;pointer-events:none;content:"";border:1px solid rgba(var(--accent-rgb), .12);border-radius:8px;position:absolute;inset:76px 28px 108px}.helix-stage{z-index:-1;cursor:grab;position:absolute;inset:0}.helix-stage:before,.helix-stage:after{pointer-events:none;content:"";position:absolute;inset:0}.helix-stage:before{z-index:0;background:radial-gradient(#0000 0 44%,#05070661 78%,#050706e0 100%),linear-gradient(#0810083d,#0000 44%,#05090538)}.helix-stage:after{z-index:3;mix-blend-mode:screen;opacity:.48;background:linear-gradient(90deg,#0507069e,#0000 20% 74%,#050706b3)}.helix-stage:active{cursor:grabbing}.helix-stage canvas{z-index:2;touch-action:none;width:100%;height:100%;display:block;position:relative}.frontage{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(520px,100% - 430px);min-width:360px;color:var(--ink);text-shadow:0 0 22px rgba(var(--accent-rgb), .08), 0 12px 34px #0000009e;position:absolute;top:34px;left:30px}.frontage-logo{width:min(268px,52vw);height:auto;display:block}.frontage h1{letter-spacing:0;max-width:11ch;margin:16px 0 0;font-size:clamp(3rem,5vw,5.8rem);line-height:.88}.frontage-copy{color:#f5f7efc7;max-width:34rem;margin-top:18px;font-size:clamp(1rem,1.35vw,1.22rem);font-weight:650;line-height:1.48}.frontage-contact{pointer-events:auto;border:1px solid rgba(var(--brand-rgb), .64);color:#f5f7ef;letter-spacing:.08em;text-transform:uppercase;background:#050706b3;border-radius:4px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:.78rem;font-weight:850;text-decoration:none;transition:border-color .16s,background .16s,color .16s;display:inline-flex;position:fixed;top:34px;right:30px}.frontage-contact:hover,.frontage-contact:focus-visible{border-color:rgb(var(--brand-rgb));background:rgba(var(--brand-rgb), .08);color:#fff}.node-panel{z-index:8;background:var(--panel);backdrop-filter:blur(18px);border:1px solid #f5f7ef33;border-radius:8px;flex-direction:column;width:min(360px,100% - 60px);height:min(344px,100vh - 156px);min-height:320px;padding:24px;transition:opacity .18s,transform .18s,visibility .18s;display:flex;position:absolute;top:104px;right:30px;overflow:hidden;box-shadow:0 24px 90px #00000073}.node-panel.is-dismissed{visibility:hidden;opacity:0;pointer-events:none;transform:translate(14px,-6px)scale(.98)}.node-panel-close{color:#f5f7efdb;cursor:pointer;background:#05070694;border:1px solid #f5f7ef38;border-radius:999px;place-items:center;width:28px;height:28px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.node-panel-toggle{display:none}.node-panel-close:hover{border-color:rgba(var(--accent-rgb), .72);color:var(--accent)}.node-panel h1{--node-title-size:clamp(2rem, 3vw, 3.05rem);color:#fff;height:calc(var(--node-title-size) * 1.82);font-size:var(--node-title-size);letter-spacing:0;overflow-wrap:anywhere;margin:0;line-height:.9;overflow:hidden}.node-panel>p{color:#fff;height:124px;margin:18px 0 0;line-height:1.55;overflow:hidden}.node-panel>.node-panel-detail{color:#fff;text-transform:uppercase;border-top:1px solid #f5f7ef29;align-items:flex-end;height:52px;min-height:52px;margin-top:auto;padding-top:14px;font-size:.76rem;font-weight:800;line-height:1.35;display:flex}.node-panel-contact{width:100%;color:inherit;text-transform:none;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;display:flex}.node-panel-contact[hidden]{display:none}.node-panel-contact>span{color:#f5f7ef94;text-transform:uppercase;font-size:.68rem}.node-panel-contact strong{color:var(--accent);letter-spacing:0;font-size:.92rem}.node-panel-contact:hover strong,.node-panel-contact:focus-visible strong{color:var(--ink)}.scramble-accent{color:rgb(var(--brand-rgb));text-shadow:none}.control-legend{z-index:7;pointer-events:none;user-select:none;color:#f5f7efbd;align-items:center;gap:18px;display:flex;position:absolute;bottom:116px;left:30px}.control-legend-title{color:rgba(var(--accent-rgb), .86);letter-spacing:.12em;text-transform:uppercase;font-size:.64rem;font-weight:900}.control-legend-item{grid-template-columns:24px auto;align-items:center;gap:7px;display:grid}.control-legend-item>span:last-child{gap:1px;display:grid}.control-legend strong,.control-legend small{text-transform:uppercase;font-size:.64rem;line-height:1.05}.control-touch-label{display:none}.control-legend strong{color:#f5f7efe0;font-weight:850}.control-legend small{color:#f5f7ef6b;font-weight:700}.control-mark{width:24px;height:24px;color:rgba(var(--accent-rgb), .86);display:block;position:relative}.control-mark-select i{z-index:1;background:#050706;border:1px solid;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:8px}.control-gesture{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block;overflow:visible}.control-gesture-mobile{display:none}.control-wheel{fill:currentColor;stroke:none}.control-mark-select:before{content:"";border:1px solid #f5f7ef52;border-radius:50%;position:absolute;inset:3px}.control-mark-select i{width:6px;height:6px;box-shadow:0 0 6px rgba(var(--accent-rgb), .12);background:currentColor;border:0;top:9px;left:9px}.node-rail{z-index:9;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid;position:absolute;bottom:28px;left:30px;right:30px}.node-rail button,.spatial-label{color:var(--ink);cursor:pointer;text-align:left;backdrop-filter:blur(14px);background:#050706a3;border:1px solid #f5f7ef29;border-radius:8px}.node-rail button{text-align:center;justify-content:center;align-items:center;min-height:72px;padding:12px;font-weight:780;display:flex}.node-rail button.is-active,.spatial-label.is-active{border-color:rgba(var(--brand-rgb), .64);background:linear-gradient(rgba(var(--brand-rgb), .06), rgba(var(--brand-rgb), .06)), #050706e6;box-shadow:none}.spatial-label.is-active{box-shadow:none;color:var(--ink);background:0 0;border-color:#0000}.spatial-labels{z-index:6;pointer-events:none;position:absolute;inset:0}.spatial-label{width:142px;min-height:0;box-shadow:none;backdrop-filter:none;opacity:0;pointer-events:auto;text-align:center;text-shadow:0 0 8px rgba(var(--accent-rgb), .3), 0 0 18px rgba(var(--accent-rgb), .12), 0 2px 10px #000000e6;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:850;transition:opacity .16s,color .16s;display:block;position:absolute;transform:translate(-999px,-999px)}.spatial-label:after{content:"";background:linear-gradient(180deg, rgba(var(--accent-rgb), .64), transparent);width:1px;height:22px;margin:6px auto 0;display:block}.page-shell{width:min(1120px,100% - 40px);margin:0 auto;padding:48px 0}.hero-section{border-bottom:1px solid var(--line);align-items:end;min-height:58vh;padding:48px 0 32px;display:grid}.text-link{color:var(--accent);text-underline-offset:.22em;margin-top:28px;font-weight:800;text-decoration-thickness:.12em;display:inline-flex}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width<=1060px){.node-panel{min-height:0;top:auto;bottom:142px;right:24px}.node-rail{grid-template-columns:repeat(4,minmax(0,1fr));left:24px;right:24px}.control-legend{bottom:198px;left:24px}}@media (width<=720px){:root{--ink:#dde5de;--line:#dde5de29}.helix-interface:before{inset:14px}.helix-interface:after{inset:76px 14px 104px}.frontage{width:calc(100% - 36px);min-width:0;top:22px;left:18px}.frontage-logo{width:min(218px,58vw)}.frontage h1{max-width:10ch;margin-top:12px;font-size:clamp(2.2rem,12vw,3.25rem)}.frontage-copy{max-width:22rem;margin-top:12px;font-size:.92rem}.frontage-contact{min-height:38px;padding:0 15px;font-size:.7rem;top:22px;right:18px}.node-panel{top:auto;right:14px;bottom:calc(70px + env(safe-area-inset-bottom));cursor:pointer;transform-origin:bottom;will-change:height, transform;width:auto;height:72px;min-height:0;padding:12px 48px 12px 14px;transition:height .26s cubic-bezier(.22,1,.36,1),padding .26s cubic-bezier(.22,1,.36,1),opacity .18s,transform .18s,visibility .18s;display:flex;left:14px}.node-panel h1{--node-title-size:1rem;height:calc(var(--node-title-size) * 1.2);text-overflow:ellipsis;white-space:nowrap;padding-right:4px;line-height:1.1;transition:height .26s cubic-bezier(.22,1,.36,1),font-size .26s cubic-bezier(.22,1,.36,1),line-height .26s cubic-bezier(.22,1,.36,1);overflow:hidden}.node-panel>p{text-overflow:ellipsis;white-space:nowrap;height:1.2em;margin:5px 0 0;font-size:.72rem;line-height:1.2;transition:margin .26s cubic-bezier(.22,1,.36,1),font-size .26s cubic-bezier(.22,1,.36,1),line-height .26s cubic-bezier(.22,1,.36,1);overflow:hidden}.node-panel>.node-panel-detail,.node-panel-close{display:none}.node-panel-toggle{width:44px;height:100%;color:var(--accent);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.node-panel-toggle span{border-top:1px solid;border-left:1px solid;width:9px;height:9px;transition:transform .22s;transform:translateY(3px)rotate(45deg)}.node-panel.is-mobile-expanded{cursor:default;height:min(38dvh,330px);min-height:292px;padding:22px 20px 20px;animation:.36s cubic-bezier(.22,1,.36,1) both mobile-node-panel-rise}.node-panel.is-mobile-expanded h1{--node-title-size:clamp(1.8rem, 8vw, 2.35rem);height:calc(var(--node-title-size) * 1.85);text-overflow:clip;white-space:normal;padding-right:64px;line-height:.92}.node-panel.is-mobile-expanded>p{text-overflow:clip;white-space:normal;height:auto;margin-top:14px;font-size:.9rem;line-height:1.45}.node-panel.is-mobile-expanded>.node-panel-detail{height:46px;min-height:46px;margin-top:auto;padding-top:12px;font-size:.68rem;animation:.28s 90ms both mobile-node-detail-reveal;display:flex}.node-panel.is-mobile-expanded .node-panel-close{display:grid}.node-panel.is-mobile-expanded .node-panel-toggle{display:none}@keyframes mobile-node-panel-rise{0%{opacity:.82;transform:translateY(28px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes mobile-node-detail-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translate(0,0)}}.control-legend{right:auto;bottom:calc(158px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 28px);min-height:0;box-shadow:none;opacity:1;background:0 0;border:0;justify-content:center;gap:clamp(14px,5vw,20px);padding:0;transition:opacity .22s,transform .22s,visibility .22s;left:50%;transform:translate(-50%)}.node-panel.is-mobile-expanded~.control-legend{visibility:hidden;opacity:0;transform:translate(-50%,8px)}.control-legend-title{color:var(--accent);letter-spacing:0;border-right:0;padding-right:0;display:block}.control-legend-item{grid-template-columns:26px auto;gap:8px}.control-legend strong{color:#f5f7eff5;font-size:.7rem}.control-legend small{color:#f5f7ef9e;font-size:.62rem}.control-mark{width:26px;height:26px;color:var(--accent)}.control-gesture-desktop{display:none}.control-gesture-mobile{display:block}.control-wheel-label{display:none}.control-touch-label{display:inline}.control-legend-item:last-child{display:none}.node-rail{right:14px;bottom:calc(10px + env(safe-area-inset-bottom));overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;display:flex;left:14px;overflow-x:auto}.node-rail::-webkit-scrollbar{display:none}.node-rail button{scroll-snap-align:center;white-space:nowrap;flex:none;min-height:50px;padding:9px 15px;font-size:.74rem}.spatial-label{display:none}}@media (hover:none) and (pointer:coarse){.spatial-label{display:none}body:before,.helix-stage:after{mix-blend-mode:normal}body:after{display:none}.node-panel,.node-rail button{backdrop-filter:none}.node-rail button{background:#050706d6}}@media (prefers-reduced-motion:reduce){.spatial-label{transition:none}}@media (prefers-reduced-motion:reduce) and (width<=720px){.node-panel,.node-panel h1,.node-panel>p,.node-panel.is-mobile-expanded,.node-panel.is-mobile-expanded>.node-panel-detail{transition:none;animation:none}}
