/* ==========================================================================
   Lite mode — html.lite (Android, or ?lite=1; see js/core.js)
   Same design, cheaper rendering: no scroll-linked or per-frame blur, no
   blend modes over video, no rotating blurred glows, fewer compositor layers.
   Everything here only overrides; nothing changes layout.
   ========================================================================== */

/* Hero: the dot-grain overlay blends over every video frame — drop it */
html.lite .home-hero__grid {
  display: none;
}

/* Rotating blurred glow rings (hero pill, footer CTA): keep the ring, stop the spin */
html.lite .home-hero__pill-glow-spin,
html.lite .home-footer__cta-glow-spin {
  animation: none;
  filter: blur(6px);
  transform: translate(-50%, -50%) rotate(300deg);
  will-change: auto;
}

/* Reveal animations: opacity + movement only (a blur per element / per word costs a raster each frame) */
html.lite .home-copy-fade,
html.lite .home-copy-line,
html.lite .home-feature__word,
html.lite .home-feature__body,
html.lite .home-charter__media,
html.lite .home-connect__card,
html.lite .home-events__tile,
html.lite .home-philosophy__role.is-leave-to,
html.lite .legal__hero > :not(.legal__title),
html.lite .legal__glance,
html.lite .legal__toc,
html.lite .legal__content {
  filter: none !important;
}

/* Glow text shadows on the big headings */
html.lite .home-h1,
html.lite .home-h2,
html.lite .home-charter__heading,
html.lite .home-connect__heading,
html.lite .home-events__heading,
html.lite .home-statement__heading,
html.lite .legal__title,
html.lite .apply-step__title,
html.lite .apply-step-name__line--question,
html.lite .apply-done__title {
  text-shadow: none;
}

/* Footer: constant blur radius instead of one driven by the scroll position, no moving light */
html.lite .home-footer__glow-wash {
  filter: blur(32px);
}

html.lite .home-footer__halo {
  filter: blur(14px);
}

html.lite .home-footer__orbit,
html.lite .home-footer__sheen {
  display: none;
}

html.lite .home-footer__mark {
  filter: drop-shadow(0 22px 44px rgb(0 0 0 / .5));
  will-change: auto;
}

html.lite .home-footer__wordmark {
  filter: none;
  will-change: auto;
}

/* Chapter nav glow */
html.lite .home-chapter__nav-item--on .home-chapter__nav-glyph,
html.lite .home-chapter__nav:focus-within .home-chapter__nav-item--on .home-chapter__nav-glyph {
  filter: none;
}

/* Fewer promoted layers (each one is GPU memory on a phone) */
html.lite .home-philosophy__role,
html.lite .home-philosophy__category,
html.lite .home-chapter__frame,
html.lite .home-feature__track,
html.lite .home-events__tile {
  will-change: auto;
}

/* Apply loader: the breathing blurred glow behind the mark */
html.lite .loader__o-glow-img {
  animation: none;
  filter: blur(10px) brightness(1.4);
}
