.cs{--p:0;--p1:clamp(0, calc((var(--p) - 0) / .3), 1);--p2:clamp(0, calc((var(--p) - .2) / .25), 1);--p3:clamp(0, calc((var(--p) - .35) / .2), 1);--p4:clamp(0, calc((var(--p) - .5) / .22), 1);--p5:clamp(0, calc((var(--p) - .65) / .17), 1);--p6:clamp(0, calc((var(--p) - .8) / .16), 1);color:var(--color-dark);isolation:isolate;z-index:1;background:0 0;height:320vh;margin-top:-36vh;position:relative}.cs__sticky{isolation:isolate;--bg-fade:clamp(0, calc((var(--p) - .04) / .2), 1);background:linear-gradient(180deg, #fff0 0%, #fff0 28%, rgba(255, 255, 255, var(--bg-fade)) 56%, rgba(255, 255, 255, var(--bg-fade)) 100%);width:100%;height:100vh;position:sticky;top:0;overflow:visible}.cs__inner{width:100%;height:100%;max-width:calc(var(--page-max-width) + var(--page-padding-x) * 2);padding:clamp(40px, 6vh, 88px) var(--page-padding-x);justify-content:center;align-items:center;margin-inline:auto;display:flex;position:relative}.cs__tech{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-gray-300);background:var(--color-white);z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:0 6px;font-size:10px;font-weight:500;position:absolute}.cs__tech--tl{top:14px;left:28px}.cs__tech--tr{top:14px;right:28px}.cs__tech--bl{bottom:14px;left:28px}.cs__tech--br{bottom:14px;right:28px}.cs__bg{z-index:0;pointer-events:none;position:absolute;inset:0}.cs__grid{opacity:calc(.55 + var(--p2) * .25);background-image:linear-gradient(90deg,#00000009 1px,#0000 1px),linear-gradient(#00000009 1px,#0000 1px);background-position:-1px -1px;background-size:56px 56px;position:absolute;inset:0}.cs__halo{display:none}.cs__stage{z-index:1;--diagram-shift:clamp(0, calc((var(--p) - .04) / .2), 1);width:min(94vmin,920px);max-width:100%;height:min(94vmin,920px);max-height:100%;transform:translateX(calc(var(--diagram-shift) * 33%));position:relative}.cs__svg{text-rendering:geometricprecision;width:100%;height:100%;overflow:visible}.cs__boundary{fill:none;stroke:#ff6f47a6;stroke-width:1.2px;stroke-dasharray:5 7;stroke-dashoffset:calc(2200 * (1 - var(--p3)));opacity:var(--p3);transform-origin:50%}.cs__boundary-caps{opacity:calc(var(--p3) * 1)}.cs__boundary-cap-bg{fill:var(--color-white);stroke:#ff6f4773;stroke-width:1px}.cs__boundary-cap-text{font-family:var(--font-mono);letter-spacing:.18em;fill:var(--color-orange);font-size:9px;font-weight:600}.cs__hub-glow{opacity:calc(var(--p2) * .95);transform-origin:50%;transform:scale(calc(.86 + var(--p2) * .14))}.cs__hub-glow-layer{stroke:none}.cs__hub-glow-layer--outer{fill:#ff6f470a}.cs__hub-glow-layer--mid{fill:#ff6f4714}.cs__hub-glow-layer--inner{fill:#ff6f4724}.cs__hub{opacity:var(--p2);transform-origin:50%;transform:scale(calc(.86 + var(--p2) * .14))}.cs__hub-halo{fill:#ff6f4714;stroke:#ff6f4733;stroke-width:1px}.cs__hub-shape{fill:#ff6f472e;stroke:var(--color-orange);stroke-width:1.4px}.cs__hub-shape-inner{fill:var(--color-white);stroke:#ff6f478c;stroke-width:1px}.cs__hub-title{font-family:var(--font-mono);letter-spacing:.22em;fill:var(--color-orange);font-size:13px;font-weight:600}.cs__pulse{fill:none;stroke:var(--color-orange);stroke-width:1.4px;transform-origin:50%;transform-box:fill-box;opacity:0;filter:opacity(var(--p5));animation:3s cubic-bezier(.2,.8,.2,1) infinite cs-pulse}.cs__pulse--delayed{animation-delay:1.5s}@keyframes cs-pulse{0%{opacity:0;transform:scale(1)}10%{opacity:.55}to{opacity:0;transform:scale(3)}}.cs__line{fill:none;stroke-linecap:round}.cs__line--art{stroke:#ff6f4780;stroke-width:1.1px;--shift:calc(var(--i) * .04);--lp:clamp(0, calc((var(--p) - .22 - var(--shift)) / .2), 1);stroke-dasharray:360;stroke-dashoffset:calc(360 * (1 - var(--lp)));opacity:calc(var(--lp) * .85)}.cs__line--team{stroke:#00000052;stroke-width:1.2px;stroke-dasharray:4 6;--shift:calc(var(--i) * .02);--lp:clamp(0, calc((var(--p) - .42 - var(--shift)) / .14), 1);opacity:var(--lp)}.cs__artifact{--shift:calc(var(--i) * .018);--ap:clamp(0, calc((var(--p) - 0 - var(--shift)) / .3), 1);transform:translate(calc(var(--cx) * (1 - var(--ap)) + var(--ax) * var(--ap)), calc(var(--cy) * (1 - var(--ap)) + var(--ay) * var(--ap))) rotate(calc(var(--crot) * (1 - var(--ap))));transform-box:fill-box;transform-origin:50%}.cs__artifact-drift-x{animation:cs-artifact-drift-x calc(8s + var(--i) * .7s) ease-in-out infinite alternate calc(var(--i) * -.43s);transform-box:fill-box;transform-origin:50%}.cs__artifact-drift-y{animation:cs-artifact-drift-y calc(11s + var(--i) * .5s) ease-in-out infinite alternate calc(var(--i) * -.71s - 1.2s);transform-box:fill-box;transform-origin:50%}@keyframes cs-artifact-drift-x{0%{transform:translate(-12px)}to{transform:translate(12px)}}@keyframes cs-artifact-drift-y{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}.cs__artifact-box{fill:#fffffff5;stroke:#191919e6;stroke-width:1px;filter:drop-shadow(0 1px 2px #00000014)}.cs__artifact-tag{font-family:var(--font-mono);letter-spacing:.14em;fill:var(--color-orange);font-size:11px;font-weight:600}.cs__artifact-divider{stroke:#1919192e;stroke-width:1px}.cs__artifact-label{font-family:var(--font-primary);letter-spacing:.005em;fill:var(--color-dark);font-size:13px;font-weight:500}.cs__artifact-dot{fill:rgb(calc(170 + var(--p2) * 85), calc(170 + var(--p2) * (-59)), calc(170 + var(--p2) * (-99)))}.cs__sprite{--shift:calc(var(--i) * .02);--mp:clamp(0, calc((var(--p) - 0 - var(--shift)) / .35), 1);--cp:clamp(0, calc((var(--p) - .5 - var(--shift)) / .06), 1);transform:translate(calc(var(--hx) * (1 - var(--mp)) + var(--rx) * var(--mp)), calc(var(--hy) * (1 - var(--mp)) + var(--ry) * var(--mp)));transform-box:fill-box;transform-origin:50%}.cs__sprite .team-sprite__cels{animation-duration:calc(.45s + var(--cp,0) * 60s)}.cs__sprite-prop{fill:var(--color-orange);opacity:var(--cp,0);transform:translateY(calc((1 - var(--cp,0)) * 6px));transform-box:fill-box;transform-origin:50% 100%;pointer-events:none}.cs__sprite-walk{animation:cs-sprite-walk var(--walk-dur) ease-in-out infinite alternate var(--walk-delay);transform-box:fill-box;transform-origin:50%}@keyframes cs-sprite-walk{0%{transform:translateX(calc(-1 * var(--walk-range) * (1 - var(--mp,0))))}to{transform:translateX(calc(var(--walk-range) * (1 - var(--mp,0))))}}.cs__sprite-html{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.cs__sprite-html svg{width:100%;height:100%;display:block}.cs__sprite-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;opacity:var(--mp);fill:var(--color-dark);font-size:11px;font-weight:600}.cs__caption{z-index:2;top:50%;left:var(--page-padding-x);transform-origin:0;text-align:left;--caption-fade:clamp(0, calc((var(--p) - .08) / .2), 1);width:100%;max-width:500px;opacity:var(--caption-fade);transform:translateY(calc(-50% + (1 - var(--caption-fade)) * 8px));flex-direction:column;align-items:flex-start;gap:16px;display:flex;position:absolute}.cs__eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-orange);font-size:11px;font-weight:500}.cs__headline{font-family:var(--font-primary);font-weight:500;font-size:var(--font-size-headline-section);letter-spacing:-.02em;color:var(--color-dark);text-wrap:balance;margin:0;line-height:1.1}.cs__headline-line{display:block}.cs__subline{max-width:48ch;color:var(--color-gray-700);margin:4px 0 0;font-size:clamp(14px,1.1vw,16px);line-height:1.55}@media (prefers-reduced-motion:reduce){.cs__pulse,.cs__artifact-drift-x,.cs__artifact-drift-y,.cs__sprite-walk{animation:none!important;transform:none!important}.cs__halo{transform:translate(-50%,-50%)scale(1.25)}}@media (max-width:900px){.cs{background:var(--color-white);height:auto;margin-top:0}.cs__sticky{background:var(--color-white);height:auto;position:relative;top:auto;overflow:hidden}.cs__inner{flex-direction:column;gap:32px;height:auto;padding:56px 16px 80px}.cs__stage{width:min(94vw,540px);height:min(94vw,540px);transform:none}.cs__caption{text-align:center;opacity:1;align-items:center;max-width:560px;margin-inline:auto;position:relative;top:auto;left:auto;transform:none!important}.cs__pulse{display:none}.cs__tech--tl,.cs__tech--tr{top:10px}.cs__tech--bl,.cs__tech--br{bottom:10px}.cs__tech--tl,.cs__tech--bl{left:14px}.cs__tech--tr,.cs__tech--br{right:14px}}
