/* Quiet diagram motion. Image, layout and typography remain unchanged. */
.system-graph .graph-signal{fill:var(--amber);stroke:var(--white);stroke-width:1.1}
.diagram-motion-host{position:relative}
.diagram-motion-toggle{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink);opacity:.8;transition:opacity .2s,background .2s}
.diagram-motion-toggle:hover,.diagram-motion-toggle:focus-visible{opacity:1;background:var(--paper)}
.diagram-motion-toggle svg{width:12px;height:12px;fill:currentColor}
.motion-prepared .graph-halo{transform-box:fill-box;transform-origin:center;animation:diagram-breathe 5.6s ease-in-out infinite;animation-play-state:paused}
.motion-running .graph-halo{animation-play-state:running}
@keyframes diagram-breathe{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.065);opacity:1}}
.guide-drawing.drawing-ready>:is(path,circle,rect){stroke-dasharray:1;stroke-dashoffset:1}
.guide-drawing.is-drawing>:is(path,circle,rect){animation:diagram-draw 1.55s cubic-bezier(.25,.65,.3,1) both}
.guide-drawing.is-drawing>:nth-child(2){animation-delay:.15s}
.guide-drawing.is-drawing>:nth-child(3){animation-delay:.3s}
.guide-drawing.is-drawing>:nth-child(n+4){animation-delay:.4s}
@keyframes diagram-draw{from{stroke-dashoffset:1;opacity:.3}to{stroke-dashoffset:0;opacity:1}}
.company-art.motion-reveal .circle-one{animation:perspective-left 1.5s cubic-bezier(.2,.7,.3,1) both}
.company-art.motion-reveal .circle-two{animation:perspective-right 1.5s cubic-bezier(.2,.7,.3,1) both}
@keyframes perspective-left{from{transform:translateX(-20px);opacity:.25}to{transform:translateX(0);opacity:1}}
@keyframes perspective-right{from{transform:translateX(20px);opacity:.25}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){
 .graph-signal,.diagram-motion-toggle{display:none!important}
 .motion-prepared .graph-halo,.company-art.motion-reveal .perspective-circle,.guide-drawing.is-drawing>:is(path,circle,rect){animation:none!important;transform:none!important;opacity:1}
 .guide-drawing.drawing-ready>:is(path,circle,rect){stroke-dasharray:none;stroke-dashoffset:0}
}
@media print{
 .graph-signal,.diagram-motion-toggle{display:none!important}
 .motion-prepared .graph-halo,.company-art.motion-reveal .perspective-circle,.guide-drawing.is-drawing>:is(path,circle,rect){animation:none!important;transform:none!important;opacity:1}
 .guide-drawing.drawing-ready>:is(path,circle,rect){stroke-dasharray:none;stroke-dashoffset:0}
}