/* Precision Flow only. The other concepts retain their original CSS scenes. */
.precision-sculpture {
  position: relative;
  width: 100%;
  min-width: 0;
  margin: 0;
  align-self: center;
  --sculpture-ink: #203a51;
  --sculpture-muted: #526c81;
}
.sculpture-stage { position: relative; height: 480px; width: 100%; isolation: isolate; }
.sculpture-canvas { display: block; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.precision-sculpture[data-renderer="webgl"] .sculpture-canvas { opacity: 1; pointer-events: none; }
.precision-sculpture .precision-fallback { position: absolute; inset: 0; width: 100%; height: 100% !important; transform: none !important; pointer-events: none; }
.precision-sculpture .precision-fallback * { animation: none !important; }
.precision-sculpture[data-renderer="webgl"] .precision-fallback { visibility: hidden; }
.sculpture-caption { position: relative; display: flex; align-items: center; justify-content: flex-start; color: var(--sculpture-ink); padding: 0 14px; min-height: 32px; }
.sculpture-caption-copy { display: inline-flex; align-items: center; gap: 8px; font-size: .72rem; white-space: nowrap; }
.sculpture-caption-line { display: inline-block; width: 20px; height: 1px; margin-right: 2px; background: #839aad; }
.sculpture-caption-copy > span:not(.sculpture-caption-line) { color: var(--sculpture-muted); }
@media (min-width: 1550px) { .sculpture-stage { height: 515px; } }
@media (max-width: 1200px) { .sculpture-stage { height: 465px; } .sculpture-caption { padding: 0; } }
@media (min-width: 681px) and (max-width: 920px) { .sculpture-stage { height: 390px; } .sculpture-caption { justify-content: center; } }
@media (max-width: 680px) { .sculpture-stage { height: 380px; } .sculpture-caption { justify-content: center; } }
@media (max-width: 370px) { .sculpture-stage { height: 330px; } }
@media (forced-colors: active) { .sculpture-canvas, .sculpture-stage { display: none !important; } .sculpture-caption { padding-block: 24px; } }