/* Rosie 1400 MIG weld hero (capabilities). Canvas footprint is fixed by aspect-ratio. */
.weld-fig { position: relative; width: min(100%, 660px, calc(70vh * 1.08)); margin-left: auto; }
.weld-stage { position: relative; aspect-ratio: 1.08 / 1; width: 100%; }
.weld-stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.weld-stage canvas { color: var(--ink); }
.weld-detail { position: absolute; border-radius: 50%; overflow: hidden; background: var(--ice); border: 1.2px solid var(--ink); opacity: 0; pointer-events: none; }
.weld-detail canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.weld-stage noscript img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: var(--draw-blend); filter: var(--draw-filter); }

/* HUD: the page's micro-label style, quiet */
.weld-fig .weld-hud { z-index: 1; pointer-events: none; }
.weld-hud .lbl b { font-variant-numeric: tabular-nums; min-width: 5.5em; }
.weld-hud .weld-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; border: 1px solid var(--ink-2); margin-right: .15rem; vertical-align: 1px; }
.weld-fig.is-arc .weld-dot { background: var(--red); border-color: var(--red); }
.weld-fig:not(.is-live) .weld-hud { display: none; }

@media (max-width: 900px) {
  .weld-fig { width: 100%; margin: 0 auto; }
}