/*! WAPI Connect, "Kuwait Time": motion layer styles, core (M03). Plan: .router/MOTION.md.
    Effects adapted from React Bits (https://reactbits.dev): Blur Text, Light Rays, Star Border.
    React Bits: Copyright (c) 2026 David Haz. MIT + Commons Clause License Condition v1.0. Used as part of the
    wapiconnect.net website only; the components are not sold or redistributed on their own.
    Rules: tokens only (no new colour), transforms and opacity, every hiding rule inside
    @media (prefers-reduced-motion: no-preference) and under html.w-motion / html.w-story / html.w-gsap (set only without
    reduced motion), nothing loops. Module styles live in motion/<module>.css. */

/* 1. Lenis 1.3.26's recommended CSS (lib/lenis-1.3.26/lenis.css), inlined: one request less. It only acts while Lenis
      runs (html.lenis), which is only on mouse/trackpad desktops. */
html.lenis, html.lenis body { height: auto; }
/* Lenis animates the scroll itself: the site's CSS smooth scroll (wapi-layout.css) would run a second animation */
html.lenis { scroll-behavior: auto !important; }
.lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; }
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] { overscroll-behavior: contain; }
.lenis.lenis-smooth iframe { pointer-events: none; }
.lenis.lenis-autoToggle { transition-property: overflow; transition-duration: 1ms; transition-behavior: allow-discrete; }

/* 2. Hand-over hook: where a module hands a group to GSAP (.w-g) or lets GSAP show its pins ([data-w-pins]), the
      site.js CSS transitions of those elements are switched off so the two never run at once. GSAP only, so only
      with html.w-gsap (motion.js removes it when reduced motion is switched on). */
@media (prefers-reduced-motion: no-preference) {
  html.w-gsap .w-g [data-r],
  html.w-gsap .w-g [data-r] img,
  html.w-gsap .w-g [data-r] video,
  html.w-gsap .w-g .w-pin,
  html.w-gsap [data-w-pins] .w-pin { transition: none; }
}

/* 3. Print: always the plain, final page. Every element visible, tracks at their normal height, decorations gone. */
@media print {
  html.w-motion *, html.w-motion *::before, html.w-motion *::after { animation: none !important; transition: none !important; }
  [data-r], [data-r] img, [data-r] video, .w-w, .w-g, .w-pin, .w-pin__n, .w-pin__l {
    opacity: 1 !important; filter: none !important; transform: none !important; clip-path: none !important; }
  html.w-story .w-track { block-size: auto !important; min-block-size: 0 !important; }
  html.w-story .w-track__frame { position: static !important; block-size: auto !important; }
  [data-w-clone], .w-rays, .w-lap, .w-ring, .w-line, .w-playhead__t { display: none !important; }
}