.brand-panel{position:relative;display:none;overflow:hidden;isolation:isolate;min-height:100vh;padding:36px 52px 40px;color:var(--on-ink);background:var(--ink);grid-template-rows:auto minmax(0,1fr) auto;--px: 0;--py: 0;--mx: 50%;--my: 42%}@media(min-width:980px){.brand-panel{display:grid}}.brand-panel .bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.brand-panel .blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform}.brand-panel .blob.b1{width:520px;height:520px;left:-8%;bottom:-14%;background:radial-gradient(circle,var(--orange) 0%,transparent 70%);animation:wander1 26s ease-in-out infinite alternate}.brand-panel .blob.b2{width:480px;height:480px;right:-10%;top:-10%;background:radial-gradient(circle,var(--c2) 0%,transparent 70%);animation:wander2 32s ease-in-out infinite alternate}.brand-panel .blob.b3{width:420px;height:420px;left:38%;top:30%;background:radial-gradient(circle,var(--ink2) 0%,transparent 70%);animation:wander3 38s ease-in-out infinite alternate}@keyframes wander1{to{transform:translate(120px,-90px) scale(1.15)}}@keyframes wander2{to{transform:translate(-110px,120px) scale(1.1)}}@keyframes wander3{to{transform:translate(-90px,-70px) scale(1.2)}}.brand-panel .net{position:absolute;inset:0;width:100%;height:100%}.brand-panel .grain{position:absolute;inset:0;background-image:var(--noise);opacity:.07;mix-blend-mode:overlay}.brand-panel .spot{position:absolute;inset:0;background:radial-gradient(380px circle at var(--mx) var(--my),color-mix(in srgb,var(--orange) 16%,transparent),transparent 62%);transition:opacity .4s}.brand-panel .brand-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.brand-panel .clock{margin:4px 0 0;font-size:13px;color:color-mix(in srgb,var(--on-ink) 70%,transparent);text-align:right}.brand-panel .stage{position:relative;min-height:0}.brand-panel .rings{position:absolute;left:50%;top:50%;height:min(100%,590px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:2;perspective:1100px}.brand-panel .rings-tilt{width:100%;height:100%;transform:rotateX(calc(var(--py) * -12deg)) rotateY(calc(var(--px) * 16deg));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.brand-panel .rings-spin{width:100%;height:100%;animation:drift 120s linear infinite}.brand-panel .rings-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--orange) 16%,transparent));transition:filter .6s ease,opacity .6s ease}.brand-panel .trk,.brand-panel .prg{fill:none;stroke-width:14;stroke-linecap:round}.brand-panel .trk-a{stroke:color-mix(in srgb,var(--on-ink) 15%,transparent)}.brand-panel .trk-b{stroke:color-mix(in srgb,var(--orange) 24%,transparent)}.brand-panel .prg{stroke-dasharray:100;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)}.brand-panel .prg-a{stroke:url(#gA);stroke-dashoffset:calc(100 - var(--pa, 0))}.brand-panel .prg-b{stroke:url(#gB);stroke-dashoffset:calc(100 - var(--pb, 0))}.brand-panel .spark{fill:var(--on-ink);filter:drop-shadow(0 0 7px var(--on-ink))}.brand-panel .spark.sb{fill:var(--orange-hi);filter:drop-shadow(0 0 8px var(--orange))}.brand-panel .wave{fill:none;stroke:var(--orange);stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:center}.brand-panel .wave.go{animation:wave 1.1s ease-out}@keyframes drift{to{transform:rotate(360deg)}}@keyframes wave{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(7)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shiver{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}}.brand-panel .orbit-track{fill:none;stroke:color-mix(in srgb,var(--on-ink) 22%,transparent);stroke-width:1.4;stroke-dasharray:2 9}.brand-panel .orbit-prog{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--po, 0));transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--orange) 80%,transparent))}.brand-panel .nd .node{fill:var(--ink);stroke:color-mix(in srgb,var(--on-ink) 55%,transparent);stroke-width:2;transition:fill .4s,stroke .4s}.brand-panel .nd .halo{fill:none;stroke:var(--orange);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}.brand-panel .nd.on .node{fill:var(--orange);stroke:var(--orange-hi);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--orange) 95%,transparent))}.brand-panel .nd.on .halo{animation:halo 2.6s ease-out infinite}@keyframes halo{0%{transform:scale(.7);opacity:.7}to{transform:scale(2.2);opacity:0}}.brand-panel .tick{stroke:color-mix(in srgb,var(--on-ink) 22%,transparent);stroke-width:1.4;animation:tick 6s linear infinite;animation-delay:calc(var(--i) * .1s)}.brand-panel .tick.major{stroke-width:2.2}@keyframes tick{0%,15%{stroke:var(--orange-hi)}40%,to{stroke:color-mix(in srgb,var(--on-ink) 22%,transparent)}}.brand-panel .brand-copy h2{margin:0 0 14px;font:700 clamp(38px,4.2vw,64px) / 1.02 var(--display);letter-spacing:-.035em}@keyframes ang{to{--ang: 360deg}}@keyframes fill{to{width:100%}}@keyframes barIn{to{transform:none;opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes ripple{to{transform:scale(1);opacity:0}}@keyframes rot{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.brand-panel .blob,.brand-panel .rings-spin,.brand-panel .tick,.brand-panel .nd .halo,.brand-panel .wave,.brand-panel .spark{animation:none}.brand-panel .rings-tilt,.brand-panel .spot,.brand-panel .prg,.brand-panel .orbit-prog{transition:none}}