/* Each enhancement opts in only after its DOM is usable. */
html:not([data-navigation-ready]) .mobile-nav-panel[hidden] {
  display: none !important;
}
@media (max-width: 900px) {
  html:not([data-navigation-ready]) .mobile-nav-panel[hidden] {
    position: static; display: flex !important; flex-wrap: wrap; gap: 12px; grid-column: 1 / -1; width: 100%;
    padding: 12px; margin-top: 10px;
  }
  html:not([data-navigation-ready]) .methodworks-nav { display: flex; flex-wrap: wrap; height: auto; }
  html:not([data-navigation-ready]) .site-header,
  html:not([data-navigation-ready]) .journey-header { position: relative; height: auto; }
}
html:not([data-hero-ready]) .cinematic-home .stage,
html:not([data-hero-ready]) .cinematic-home .toolbar { display: none; }
/* Readiness belongs to the active presentation, not whichever script loaded. */
@media (max-width: 899px) {
  html:not([data-mobile-hero-ready]) .cinematic-home .mobile-rolodex { display: block; }
  html:not([data-mobile-hero-ready]) .cinematic-home .mobile-rolodex-deck { display: grid; gap: 18px; height: auto; }
  html:not([data-mobile-hero-ready]) .cinematic-home .mobile-service-card {
    position: relative; inset: auto; transform: none; opacity: 1; visibility: visible;
    width: 100%; display: block; pointer-events: auto;
  }
  html:not([data-mobile-hero-ready]) .cinematic-home .mobile-rolodex-index { display: none; }
}
@media (min-width: 900px) {
  html:not([data-hero-ready]) .cinematic-home .mobile-rolodex {
    display: block; width: 100%; max-width: 1560px; margin-inline: auto;
  }
  html:not([data-hero-ready]) .cinematic-home .mobile-rolodex-deck {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: 18px; height: auto;
  }
  html:not([data-hero-ready]) .cinematic-home .mobile-service-card {
    position: relative; inset: auto; transform: none; opacity: 1; visibility: visible;
    display: grid; width: 100%; min-width: 0; overflow: hidden; pointer-events: auto;
    border: 1px solid #ffffff26; border-radius: 20px; background: #091421;
    color: #fff; text-decoration: none;
  }
  html:not([data-hero-ready]) .cinematic-home .mobile-service-media {
    display: block; position: relative; aspect-ratio: 16 / 9; overflow: hidden;
  }
  html:not([data-hero-ready]) .cinematic-home .mobile-service-media img {
    display: block; width: 100%; height: 100%; object-fit: cover;
  }
  html:not([data-hero-ready]) .cinematic-home .mobile-service-media video { display: none; }
  html:not([data-hero-ready]) .cinematic-home .mobile-service-body { display: grid; gap: 12px; padding: 24px; }
  html:not([data-hero-ready]) .cinematic-home .mobile-service-title { font-size: clamp(24px, 2vw, 32px); line-height: 1.1; }
  html:not([data-hero-ready]) .cinematic-home .mobile-service-points { display: none; }
  html:not([data-hero-ready]) .cinematic-home .mobile-service-action { color: var(--orange); }
  html:not([data-hero-ready]) .cinematic-home .mobile-rolodex-index { display: none; }
}
html:not([data-homepage-ready]) .outcomes-chapter,
html:not([data-homepage-ready]) .proof-chapter,
html:not([data-homepage-ready]) .method-chapter { height: auto; min-height: 100svh; }
html:not([data-homepage-ready]) .outcomes-pin,
html:not([data-homepage-ready]) .proof-pin,
html:not([data-homepage-ready]) .method-pin { position: relative; height: auto; min-height: 100svh; }
html:not([data-homepage-ready]) .outcomes-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); min-height: 700px; }
html:not([data-homepage-ready]) .outcome-tile { flex: auto; opacity: 1; }
html:not([data-homepage-ready]) .outcome-copy { opacity: 1; transform: none; }
html:not([data-homepage-ready]) .proof-numbers article { opacity: 1; position: relative; }
html:not([data-homepage-ready]) .method-steps article { opacity: 1; position: relative; }
html:not([data-journey-ready]) .cinematic-journey .journey-track,
html:not([data-journey-ready]) .cinematic-journey .mobile-journey-progress { display: none; }
html:not([data-journey-ready]) .cinematic-journey .mobile-journey { display: block; }
html:not([data-journey-ready]) .cinematic-journey .mobile-journey-beat {
  display: block; position: relative; padding: 100px max(20px,5vw) 32px; min-height: auto;
}
html:not([data-journey-ready]) .cinematic-journey .mobile-beat-media { margin: 0; aspect-ratio: 16/9; }
html:not([data-journey-ready]) .cinematic-journey .mobile-beat-media img { width: 100%; height: 100%; object-fit: cover; }
html:not([data-journey-ready]) .cinematic-journey .mobile-beat-copy { position: relative; padding: 24px; background: #101d2e; }
html:not([data-journey-ready]) .cinematic-journey .story-beat { position: static; opacity: 1; visibility: visible; transform: none; }
html:not([data-journey-ready]) .cinematic-journey .mobile-beat-next { display: none; }
@media (max-width: 600px) {
  html:not([data-homepage-ready]) .outcomes-grid { grid-template-columns: 1fr; }
}