.slide-in { opacity: 0; transform: translateX(-50px); transition: opacity 0.8s ease, transform 0.8s ease; } .slide-in.slide-right { transform: translateX(50px); } .slide-in.slide-up { transform: translateY(30px); } .slide-in.is-visible { opacity: 1 !important; transform: none !important; } .about-red-rule { width: 50px; height: 4px; background: #cc0000; margin-bottom: 14px; } .about-label { font-size: 13px; font-weight: 800; letter-spacing: 3px; text-transform: uppercase; color: #cc0000; margin-bottom: 10px; display: block; } .about-feature-row { display: flex; align-items: flex-start; gap: 20px; padding: 18px 0; border-top: 1px solid #2a2a2a; } .about-feature-icon { width: 54px; height: 54px; min-width: 54px; border-radius: 50%; border: 2px solid #cc0000; display: flex; align-items: center; justify-content: center; font-size: 22px; } .about-feature-title { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; margin-bottom: 5px; } .about-feature-desc { font-size: 13px; color: #999999; line-height: 1.6; margin: 0; } document.addEventListener(“DOMContentLoaded”, function() { var els = document.querySelectorAll(“.slide-in”); var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add(“is-visible”); } }); }, { threshold: 0.1 }); els.forEach(function(el) { observer.observe(el); }); });