/* cinematic/index.css — barrel.
 *
 * Single entry point for the cinematic interaction layer. Load AFTER
 * components.css and pages.css so its rules override safely:
 *
 *   <link rel="stylesheet" href="/css/cinematic/index.css?v=...">
 *
 * Load order matters — base tokens first, mobile/a11y overrides last:
 *   1. base             — :root tokens, selection, decorative (cine-rule, cine-numeral)
 *   2. typography       — display/body/mono font assignments
 *   3. grain            — film-grain overlay
 *   4. hero             — cinematic hero shell (poster + video + overlay + content)
 *   5. cursor           — DISABLED cursor lens block (kept for future reuse)
 *   6. viewtransitions  — Phase 4a: View Transitions API cross-fade
 *   7. curtain          — page-transition curtain + route variants (sellers/buyers)
 *   8. reveals          — IntersectionObserver reveals + clip modifier
 *   9. counters         — stat counter typography
 *  10. magnetic         — magnetic CTA safety nets
 *  11. pixeldistort     — Phase 4b: WebGL ripple overlay on opted-in images
 *  12. hoverpreview     — Phase 4c: floating listing image preview on hover
 *  13. mobile           — cross-module mobile overrides (loaded last)
 */

@import url("/css/tokens.css");
@import url("/css/cinematic/intro.css");
@import url("/css/cinematic/base.css");
@import url("/css/cinematic/typography.css");
@import url("/css/cinematic/grain.css");
@import url("/css/cinematic/hero.css");
@import url("/css/cinematic/cursor.css");
@import url("/css/cinematic/viewtransitions.css");
@import url("/css/cinematic/curtain.css?v=20260530-transition3");
@import url("/css/cinematic/reveals.css");
@import url("/css/cinematic/cmabook.css");
@import url("/css/cinematic/duotone.css");
@import url("/css/cinematic/blindreveal.css");
@import url("/css/cinematic/counters.css");
@import url("/css/cinematic/magnetic.css");
@import url("/css/cinematic/pixeldistort.css");
@import url("/css/cinematic/hoverpreview.css");
@import url("/css/cinematic/scrollprogress.css");
@import url("/css/cinematic/blueprint.css");
@import url("/css/cinematic/horizontal.css");
@import url("/css/cinematic/mobile.css");