/* cRAED / VELOCITY V1
   Keep visual identity and interactive hero 3D, but eliminate CPU/GPU-heavy
   continuous paints and scroll reveal delays. Fully static CSS; no tracking.
*/
/* Sections are always readable: slow IntersectionObserver must never gate content. */
.motion-on .reveal-card,
.reveal-card,
.motion-on .reveal-card.in-view {
  opacity:1!important;
  transform:none!important;
  transition:transform .18s ease, border-color .18s ease, background-color .18s ease!important;
  transition-delay:0ms!important;
}
.motion-on .tilt-card.reveal-card.in-view:hover,
.motion-on .tilt-card.reveal-card:hover {
  transform:translateY(-3px)!important;
}
/* Infinite paint animations on giant backgrounds are very costly when scrolling. */
.hero::before,
.hero-glow,
.bat-giant,
.scene-fog,
.scene-fog.fog2,
.scene-backlight,
.scene-arc,
.scene-arc.arc2,
.scene-arc.arc3,
.hero-lightning,
.scene-word,
.red-sparks i {
  animation:none!important;
}
.scene-fog,.scene-fog.fog2{opacity:.22!important;}
.hero::before{background-position:center!important;background-size:cover!important;}
/* Preserve the bat scene, but prevent compositing several viewport-sized filters. */
.scene3d {filter:none!important;}
.hero-sculpture{filter:none!important;transition:transform .17s ease-out!important;}
.hero-sculpture svg,.bat-wing-rear{filter:none!important;}
.hero .bat-backdrop{filter:none!important;}
/* Static soft surfaces instead of live backdrop sampling during every scroll. */
.site-header,.hero-strip,.hero-tags span,.mod-links a,.mod-info,.social-card {
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.mod-avatar-backdrop{filter:blur(7px) brightness(.5)!important;}
/* Restrict massive shadows and avoid repainting cards' blur when pointer moves. */
.mod-card:hover,.social-card:hover{box-shadow:0 12px 26px #0009!important;}
/* Keep subtle lightweight animations on small elements for premium feel. */
.hero-mark{animation:mark-float 7s ease-in-out infinite!important;}
/* Disable the 3D vignette and filters on narrower or touch screens. */
@media(max-width:800px),(pointer:coarse){
  .hero-mark{animation:none!important;}
  .hero-sculpture{filter:none!important;transition:none!important;}
  .scene3d{filter:none!important;opacity:.5!important;}
  .hero .hero-glow{display:none!important;}
  .hero .red-sparks{display:none!important;}
  .mod-avatar-backdrop{filter:blur(5px) brightness(.45)!important;}
}
/* Content should never be invisible when motion is reduced. */
@media(prefers-reduced-motion:reduce){
  .hero-mark{animation:none!important;}
  *,*:before,*:after{scroll-behavior:auto!important;}
}