/* Angular traces occupy the margins, beneath the copy and media. */
.factory-traces{position:absolute;inset:0;pointer-events:none;transform:translate3d(calc(var(--scene-x,0px) * -.3),0,0)}
.factory-traces svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.factory-traces-mobile{display:none}
.factory-traces path{stroke:var(--yellow);stroke-width:1.7;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke;opacity:.14;stroke-dasharray:1;stroke-dashoffset:0}
.factory-traces .trace-support{stroke-width:1.1;opacity:.07}
.factory-traces.is-ready path{opacity:0;stroke-dashoffset:1}
.factory-traces.is-drawing path{animation:factory-trace-grow 2.8s cubic-bezier(.22,.68,.25,1) both;animation-delay:var(--trace-delay,0s)}
.factory-traces.is-drawing .trace-support{animation-name:factory-trace-branch}
.factory-traces path:nth-child(2){--trace-delay:.2s}
.factory-traces path:nth-child(3){--trace-delay:.34s}
.factory-traces path:nth-child(4){--trace-delay:.46s}
.factory-traces path:nth-child(5){--trace-delay:.58s}
.factory-traces.is-paused path{animation-play-state:paused}
@keyframes factory-trace-grow{
 0%{stroke-dashoffset:1;opacity:0}
 8%{opacity:.76}
 60%{stroke-dashoffset:0;opacity:.76}
 72%{stroke-dashoffset:0;opacity:.76}
 100%{stroke-dashoffset:0;opacity:.14}
}
@keyframes factory-trace-branch{
 0%{stroke-dashoffset:1;opacity:0}
 8%{opacity:.4}
 60%{stroke-dashoffset:0;opacity:.4}
 72%{stroke-dashoffset:0;opacity:.4}
 100%{stroke-dashoffset:0;opacity:.07}
}
@media(max-width:700px){.factory-traces-desktop{display:none}.factory-traces-mobile{display:block}.factory-traces{transform:none}.factory-traces path{stroke-width:1.3}.factory-traces .trace-support{stroke-width:1}}
@media(prefers-reduced-motion:reduce){.factory-traces{transform:none}.factory-traces.is-ready path,.factory-traces.is-drawing path{animation:none;stroke-dashoffset:0;opacity:.14}.factory-traces.is-ready .trace-support,.factory-traces.is-drawing .trace-support{opacity:.07}}
