/* Public content remains readable until React starts, including with JS disabled.
   Removed from effect by App's data-prerender cleanup; interactive styles stay unchanged. */
html[data-prerender] [data-orbit-reveal],
html[data-prerender] .section-reveal,
html[data-prerender] .reveal { opacity: 1 !important; transform: none !important; }
html[data-prerender] .orbital-story { height: auto !important; }
html[data-prerender] .orbit-sticky { position: relative !important; height: auto !important; min-height: 100svh; overflow: visible !important; }
html[data-prerender] .hero-content { position: relative !important; inset: auto !important; padding: 200px 0 100px; margin: 0 6.25%; transform: none !important; opacity: 1 !important; }
html[data-prerender] .hero-content h1 { opacity: 1 !important; }
html[data-prerender] .journey-video,
html[data-prerender] #orbital-cinema,
html[data-prerender] .blog-backdrop,
html[data-prerender] .film-partners,
html[data-prerender] .opening-instruction,
html[data-prerender] .hub-controls { display: none !important; }
html[data-prerender] .blog-reveal { position: relative !important; inset: auto !important; visibility: visible !important; opacity: 1 !important; transform: none !important; pointer-events: auto !important; padding: 70px 6.25%; background: #19022b; }
html[data-prerender] .blog-heading,
html[data-prerender] .blog-reveal .blog-grid { position: relative !important; inset: auto !important; transform: none !important; opacity: 1 !important; }
html[data-prerender] .blog-reveal .blog-card { opacity: 1 !important; transform: none !important; }
html[data-prerender] .orbit-hero-content { animation: none; }
html[data-prerender] .site-navigation .nav-shell { top: calc(var(--site-nav-gap, 24px) + 64px) !important; }
html[data-prerender] .blog-reveal { background: #fefaf4; color: #19022b; }
html[data-prerender] .blog-cards { position: relative; inset: auto; display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr)); gap: 36px; margin: 40px 0; overflow: visible; mask-image: none; }
html[data-prerender] .blog-reveal .blog-card { position: relative; inset: auto; width: auto; }
html[data-prerender] .blog-image { aspect-ratio: 16 / 10; }
html[data-prerender] .blog-meta { opacity: 1; }
html[data-prerender] .blog-all { position: relative; inset: auto; transform: none; opacity: 1; }

html[data-prerender] .prerender-story { padding: 70px 7%; background: #eee9e0; color: #19022b; }
html[data-prerender] .prerender-story h2 { font-family: Lapture,Georgia,serif; font-size: clamp(32px,4vw,58px); line-height: 1.1; margin: 32px 0 20px; }
html[data-prerender] .prerender-story p { max-width: 850px; font-size: 20px; line-height: 1.6; }