/* Content stays visible without JS; transforms do not affect document flow. */
.page-live [data-live-reveal="pending"] { opacity: 0; }
.page-live .live-hero-scene { transform: translateY(var(--live-drift,0px)) scale(1.06); }
.page-live .live-motion-toggle {
  position: absolute; z-index: 3; right: max(32px,calc((100% - 1240px)/2)); bottom: 22px;
  min-height: 44px; padding: 10px 16px; border: 1px solid #adcde3;
  border-radius: 6px; background: #f7fcfff0; color: #275774;
  font: inherit; font-size: 12px; cursor: pointer;
}
.page-live .live-motion-toggle[hidden] { display: none; }
.page-live .live-motion-toggle:focus-visible { outline: 3px solid #0076cd; outline-offset: 4px; }
.page-live.live-motion-static [data-live-reveal] { opacity: 1; }
.page-live.live-motion-static .live-hero-scene { transform: none; }
.page-live.live-motion-static .live-hero-copy,
.page-live.live-motion-static .live-hero-actions { animation: none; }
@media(max-width:780px) {
  .page-live .live-hero-scene { transform: translateY(var(--live-drift,0px)) scale(1.025); }
  .page-live .live-motion-toggle { right: 20px; bottom: 14px; }
}
@media(prefers-reduced-motion:reduce) {
  .page-live [data-live-reveal] { opacity: 1 !important; }
  .page-live .live-hero-scene { transform: none !important; }
}
@media print {
  .page-live [data-live-reveal] { opacity: 1 !important; }
  .page-live .live-hero-scene { transform: none !important; }
  .page-live .live-motion-toggle { display: none; }
}