/* ================= performance overrides (loaded last) ================= */

/* full-screen animated grain repainted every frame → off */
body::after{display:none!important;animation:none!important}

/* backdrop blur is very expensive while scrolling → solid tinted backgrounds instead */
*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.nav,.nav.scrolled{background:rgba(247,241,234,.97)!important}
.tabbar{background:rgba(255,250,244,.98)!important}
.float-card,.h5-card,.h5-stat,.why-chip,.hs-tag,.top-ring,.spin-badge{background:rgba(255,250,244,.97)!important}
.ba-tag,.hz-idx,.reel-ui button,.reel .play{background:rgba(10,9,8,.7)!important}
.sheet-bg{background:rgba(20,15,12,.6)!important}

/* hundreds of permanent GPU layers (one per letter) → only while animating */
.wi,.ch,.reel,.service,.btn,.hx-card,.cine-media,.cine-media img,.hz-track,.xm-row,.h5-frame video,.hs-media img,.marquee-reels{will-change:auto!important}

/* heavy blurred glows */
.glow{filter:none!important;display:none}
.ft-svg .ft-sw{filter:none!important}
.ft-svg .ft-spark{filter:none!important}
.ft-glow{animation:none!important}

/* keep video layers cheap */
video{background:#1a1411}
.reel video,.service .bg video,.opt-card video{transform:translateZ(0)}

/* reduced motion: respect the system setting */
@media (prefers-reduced-motion:reduce){
  .cmq-track,.h5-track,.marquee-track,.ft-word .fl span{animation:none!important}
}