/* Static presentation is selected once, before desktop rendering initializes. */
html[data-render-mode="static"] { scroll-behavior: auto; }
html[data-render-mode="static"] :is(.native-floor,.native-block-target,.native-motion-toggle,.solana-motion) { display: none !important; }
html[data-render-mode="static"] :is(.native-poster,.solana-poster) { opacity: 1 !important; visibility: visible !important; }
html[data-render-mode="static"] :is(.home-flow,.flow-viewport,.service-story,.service-world-layout,.service-story-copy,.service-world-intro,.service-story-panel) {
  position: relative !important; inset: auto !important; height: auto !important;
  min-height: 0 !important; transform: none !important; opacity: 1 !important;
  visibility: visible !important; will-change: auto !important;
}
html[data-render-mode="static"] .flow-viewport { overflow: visible; }
html[data-render-mode="static"] body #services .service-world-layout {
  display: flex; flex-direction: column; padding-block: 40px 12px; gap: 28px;
}
html[data-render-mode="static"] #services .service-world-heading { order: 0; }
html[data-render-mode="static"] #services .service-world-intro { order: 1; padding: 0; }
html[data-render-mode="static"] #services .service-story-copy { order: 2; width: 100%; }
html[data-render-mode="static"] #services .service-world-sticky { display: none !important; }
html[data-render-mode="static"] body #services .service-story-panel {
  padding: 20px 0 32px; display: block; border-top: 1px solid #c8d1cb;
}
html[data-render-mode="static"] body #services :is(.service-story-panel h3,.service-world-intro h2) {
  width: auto; max-width: 100%; white-space: normal; margin-bottom: 20px;
}
html[data-render-mode="static"] body #services p { max-width: none; }
html[data-render-mode="static"] .mobile-service-still {
  display: block; width: 100%; max-width: 640px; height: auto; margin: 0 auto 16px;
}
html[data-render-mode="static"] .mobile-static-poster {
  display: block; width: 100%; height: 100%; object-fit: cover; opacity: 1 !important;
}
html[data-render-mode="static"] :is(.work-image,.chain-art) { animation: none !important; will-change: auto; }
@media (max-width: 1024px) {
  html[data-render-mode="static"] .native-blender-hero { min-height: 0; height: auto; padding-bottom: 0; }
  html[data-render-mode="static"] .native-blender-hero .hero-main { height: auto; padding: 32px 0 16px; }
  html[data-render-mode="static"] .native-blender-hero .hero-copy { width: 100%; }
  html[data-render-mode="static"] .hero-visual.native-scene { position: relative; width: min(100%, 620px); inset: auto; margin: 0 auto; }
  html[data-render-mode="static"] body #services .service-world-layout { width: min(100% - 40px, 760px); padding-inline: 0; }
}