/* Fade-in + slide-up reveal animation for the "Sectors We Serve" cards on the homepage. Only applies once JS adds the "js" class to (see js/sector-animations.js), so visitors without JavaScript always see the cards normally. */ html.js .sector-card-anim { opacity: 0; transform: translateY(40px); transition: opacity 0.6s ease, transform 0.6s ease; transition-delay: 0s; will-change: opacity, transform; } html.js .sector-card-anim.is-visible { opacity: 1; transform: translateY(0); } /* Respect users who prefer reduced motion: show cards immediately, no animation. */ @media (prefers-reduced-motion: reduce) { html.js .sector-card-anim { opacity: 1; transform: none; transition: none; } }