/* These rules only apply if JavaScript is unavailable or startup fails. */
:is(.no-js, .startup-fallback) { scroll-behavior: auto; }
:is(.no-js, .startup-fallback) body { overflow: visible !important; }
:is(.no-js, .startup-fallback) .site-loader,
:is(.no-js, .startup-fallback) #hero-canvas,
:is(.no-js, .startup-fallback) .hero-video video,
:is(.no-js, .startup-fallback) .work-preview-video,
:is(.no-js, .startup-fallback) .menu-toggle,
:is(.no-js, .startup-fallback) .process-rail { display: none !important; }
:is(.no-js, .startup-fallback) .hero-video {
  background: url('assets/videos/crimson-system-field-poster.jpg') center / cover;
}
:is(.no-js, .startup-fallback) :is(.site-header, .hero-copy, .hero-role, .hero-summary > p, .reveal, .reveal-text, .process-word, .work-card, .site-footer > *) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}
:is(.no-js, .startup-fallback) .process-section { height: auto !important; min-height: 0 !important; }
:is(.no-js, .startup-fallback) .process-pin {
  position: static !important; min-height: 0; padding-top: 18px;
  grid-template-columns: 1fr; gap: 64px; transform: none !important;
}
:is(.no-js, .startup-fallback) .process-instrument { min-height: 0; overflow: visible; }
:is(.no-js, .startup-fallback) .process-panels { position: static; }
:is(.no-js, .startup-fallback) .process-panel {
  position: relative !important; inset: auto; opacity: 1 !important;
  visibility: visible !important; transform: none !important;
}