/**
 * XGene Stage 8.1 semantic-motion corrective layer.
 * Presentation-only. No stored content, taxonomy, routing, or governance changes.
 *
 * Goals:
 * - Motion must explain the page, not decorate it.
 * - Motion text must be legible and strategically placed.
 * - Desktop motion uses a calm, consistent cadence.
 * - Mobile prioritizes conversion/content and uses compact semantic snapshots.
 * - Reduced-motion users receive a meaningful static state.
 */
:root{
  --xg131-motion-fast:4.8s;
  --xg131-motion-standard:6.4s;
  --xg131-motion-ambient:8.8s;
  --xg131-motion-ease:cubic-bezier(.22,.61,.36,1);
  --xg131-visual-mobile-max:15rem;
}

/* Legibility: animation labels are part of the communication layer. */
.xg-life-node,
.xg-life-science-flow__core,
.xg-life-science-flow__output,
.xg-about-system__core,
.xg-about-system__node,
.xg-audience-orbit__core,
.xg-audience-orbit__node,
.xg-methodology-node,
.xg-contact-signal__card,
.xg-book-visual__line,
.xg121-topic-node,
.xg121-topic-motion__title,
.xg111-media-chip,
.xg111-transcript-card,
.xg111-video-play,
.xg-service-motion__node,
.xg-service-lifecycle__node,
.xg-editorial-flow__node{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.xg121-topic-motion__title small,
.xg121-topic-motion__title strong{ text-shadow:0 2px 14px rgba(0,20,42,.42); }
.xg121-topic-motion__title small{font-size:.68rem!important;color:#b8ffff!important}
.xg121-topic-motion__title strong{font-size:1.32rem!important;color:#fff!important}
.xg121-topic-node strong{font-size:.96rem!important;color:#0b2e4a!important}
.xg121-topic-node small{font-size:.68rem!important;color:#4c6578!important}
.xg120-semantic-motion__core small{font-size:.62rem!important;color:#c9ffff!important;opacity:1!important}
.xg120-semantic-motion__core strong{font-size:1.28rem!important}
.xg120-semantic-motion__core span{font-size:.58rem!important;color:#efffff!important;opacity:.96!important}
.xg120-semantic-motion__node span{font-size:.92rem!important}

/* Calm, consistent pacing. Topic geometry still provides the meaning. */
.xg121-topic-motion__track{animation-duration:var(--xg131-motion-fast)!important}
.xg121-topic-motion__track--ghost{animation-duration:var(--xg131-motion-standard)!important}
.xg121-topic-node{animation-duration:var(--xg131-motion-standard)!important;animation-timing-function:var(--xg131-motion-ease)!important}
.xg120-semantic-motion:before{animation-duration:var(--xg131-motion-ambient)!important}
.xg120-semantic-motion__line{animation-duration:var(--xg131-motion-standard)!important}
.xg120-semantic-motion__signal{animation-duration:var(--xg131-motion-standard)!important}
.xg120-semantic-motion__core,.xg120-semantic-motion__node{animation-duration:var(--xg131-motion-ambient)!important;animation-timing-function:var(--xg131-motion-ease)!important}

/* Give hero visuals a stable communication zone on larger screens. */
@media (min-width:761px){
  [data-xg-motion-scene],
  [data-xg-animate-diagram],
  [data-xg-pathway],
  [data-xg111-media-visual],
  [data-xg121-topic-motion]{
    contain:layout paint;
  }
  .xg-life-science-flow,
  .xg-about-system,
  .xg-audience-orbit,
  .xg-methodology-visual,
  .xg-contact-signal,
  .xg-book-visual,
  .xg-service-motion,
  .xg-service-lifecycle,
  .xg111-media-stage,
  .xg111-media-visual,
  .xg121-topic-motion{
    content-visibility:auto;
    contain-intrinsic-size:560px 420px;
  }
}

/* Mobile/tablet strategy — FINAL OWNER DECISION (Stage 8 / 1.13.8):
   semantic animation/diagram surfaces are desktop-only. No compact static
   snapshot is retained below the desktop shell breakpoint because it consumes
   conversion-critical mobile real estate without providing motion. */
@media (max-width:1100px){
  [data-xg-desktop-visual],
  [data-xg-animate-diagram],
  [data-xg-pathway],
  [data-xg-motion-scene],
  [data-xg-semantic-motion],
  [data-xg121-topic-motion],
  [data-xg190-graph],
  [data-xg111-media-visual],
  .xg120-semantic-motion,
  .xg121-topic-motion,
  .xg190-graph,
  .xg190-evidence-flow,
  .xg111-media-stage,
  .xg111-media-visual,
  .xg-life-science-flow,
  .xg-about-system,
  .xg-audience-orbit,
  .xg-methodology-visual,
  .xg-contact-signal,
  .xg-book-visual,
  .xg-service-motion,
  .xg-service-lifecycle,
  .xg-editorial-flow,
  .xg-editorial-cover__visual,
  .xg-404-visual,
  .xg-hub-signal,
  .xg-services-map{
    display:none!important;
    min-height:0!important;
    height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  /* Once the visual column is removed, all known hero grids collapse to one
     content column and return the reclaimed space to proposition/CTA/content. */
  .xg-home-hero__grid,
  .xg-enterprise-hero__grid,
  .xg-contact-hero__grid,
  .xg-methodology-hero__grid,
  .xg-compact-hero__grid,
  .xg-hub-hero__grid,
  .xg-editorial-hub-hero__grid,
  .xg-service-hub-hero__grid,
  .xg-services-hero__grid,
  .xg-service-detail-hero__grid,
  .xg120-faq-hero__grid,
  .xg120-search-hero__grid,
  .xg111-hero__grid,
  .xg190-hero__grid,
  .xg190-knowledge-hero__grid,
  .xg611-faq-hero__grid,
  .xg-media-hero__grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
    min-height:0!important;
  }
}

/* Reduced motion always wins, on every device. */
@media (prefers-reduced-motion:reduce){
  [data-xg-motion-scene] *,[data-xg-animate-diagram] *,[data-xg-pathway] *,[data-xg111-media-visual] *,[data-xg121-topic-motion] *{
    animation:none!important;transition:none!important;scroll-behavior:auto!important;
  }
  .xg-auto-particle,[data-xg-motion-particle],.xg121-topic-motion__runner{display:none!important}
}