/* ═══════════════════════════════════════════════════════════
   MOBILE CARD — GPU COMPOSITING SUPPORT
   Motion.js drives spring animations via inView() (see app.blade.php).
   This file only promotes GPU layers so the first frame is instant.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 575px) {

  /* GPU layer hints for GSAP-animated cards */
  .rn-service-area .row.row--25 > [class*="col-"],
  .rn-portfolio-area .tab-pane .row > [class*="col-"],
  .rn-resume-area .personal-experience-inner .row > [class*="col-"] {
    will-change: opacity, transform;
  }

}