.dsn-engine-network .eng-ac-band{--band-w:min(100vw - 2 * var(--eng-page-gutter), 88rem);--gap:calc((100vw - var(--band-w)) / 2);--trace-right:calc(var(--gap) - 10rem);isolation:isolate;inline-size:var(--band-w);min-width:0;margin-inline:calc((100% - var(--band-w)) / 2);grid-template-columns:minmax(0,1fr) 27rem;align-items:center;column-gap:4rem;margin-block:-8rem 3.5rem;padding-block:7.75rem 2.75rem;display:grid;position:relative}.dsn-engine-network .eng-ac-band-bleed{z-index:-1;border-bottom:1px solid var(--hairline);background:var(--eng-grain-image), radial-gradient(70% 90% at 78% 40%, rgba(var(--gold-rgb), .07), transparent 70%), linear-gradient(180deg, #120f0a, #17130d);position:absolute;inset-block:0;inset-inline:calc(50% - 50vw);overflow:hidden}.dsn-engine-network .eng-ac-band-copy{z-index:2;min-width:0;position:relative}.dsn-engine-network .eng-ac-band .eng-ac-header{max-width:60rem;padding:1rem 0 0}.dsn-engine-network .eng-ac-band .eng-ac-header h1{font-size:clamp(2.4rem,3.7vw,3.4rem);line-height:1.05}.dsn-engine-network .eng-ac-band .eng-ac-header .eng-lede{max-width:48rem}.dsn-engine-network .eng-ac-band-art{z-index:1;pointer-events:none;min-width:0;min-height:20rem;position:static}.dsn-engine-network .eng-ac-band-trace{z-index:0;inset-block:0;left:28%;right:calc(-1 * var(--gap));position:absolute;overflow:hidden}.dsn-engine-network .eng-ac-band-trace .eng-hub-trace{top:50%;right:var(--trace-right);width:calc(var(--band-w) * .68);opacity:.8;max-width:none;height:auto;position:absolute;overflow:visible;translate:0 -50%;mask-image:linear-gradient(90deg,#0000 0%,#000 38% 92%,#0000 100%)}.dsn-engine-network .eng-ac-band .eng-hub-edge{fill:none;stroke:#d4a94e3d;stroke-width:1px}.dsn-engine-network .eng-ac-band .eng-hub-dot{fill:#f3ecdd47}.dsn-engine-network .eng-ac-band .eng-hub-dot.is-bright{fill:#f0d49180}.dsn-engine-network .eng-ac-band .eng-hub-node{fill:#f3ecdd80}.dsn-engine-network .eng-ac-band .eng-hub-node-ring{fill:none;stroke:#f0d49138;stroke-width:1px}.dsn-engine-network .eng-ac-band :is(.eng-hub-hop,.eng-hub-hop-glow){fill:none;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1px;opacity:0;animation:eng-ac-hop var(--duration) linear var(--start) forwards}.dsn-engine-network .eng-ac-band .eng-hub-hop{stroke:#f0d491f2;stroke-width:1.6px}.dsn-engine-network .eng-ac-band .eng-hub-hop-glow{stroke:#d4a94e29;stroke-width:5px}.dsn-engine-network .eng-ac-band .eng-hub-pin{fill:#f0d491f2;opacity:0;animation:eng-ac-pin .2s ease var(--at) forwards}.dsn-engine-network .eng-ac-band .eng-hub-ring{fill:none;stroke:#d4a94e80;stroke-width:1.2px;opacity:0;transform-box:fill-box;transform-origin:50%;vector-effect:non-scaling-stroke;animation:eng-ac-ping .9s ease-out var(--at)}@keyframes eng-ac-hop{0%{stroke-dashoffset:1px;opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes eng-ac-pin{to{opacity:1}}@keyframes eng-ac-ping{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(8.5)}}@media (width<=1023px){.dsn-engine-network .eng-ac-band{grid-template-columns:minmax(0,1fr);row-gap:2rem}.dsn-engine-network .eng-ac-band-art{width:100%;min-height:0;position:relative}.dsn-engine-network .eng-ac-band-trace{width:120%;margin-left:-10%;position:static;overflow:visible}.dsn-engine-network .eng-ac-band-trace .eng-hub-trace{width:100%;position:static;translate:none;mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}}@media (width<=600px){.dsn-engine-network .eng-ac-band .eng-ac-header h1{font-size:2.35rem}}
