:root { --accent: #db9e30; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }<style> /* ============================== GLOBAL TEXT REVEAL STYLES ============================== */ .reveal-text { overflow: hidden; } .reveal-text .word { display: inline-block; opacity: 0; transform: translateY(120%); transition: transform .7s cubic-bezier(.22,.61,.36,1), opacity .7s ease; will-change: transform, opacity; } .reveal-text.is-visible .word { opacity: 1; transform: translateY(0); } </style> <script> document.addEventListener("DOMContentLoaded", function () { const elements = document.querySelectorAll('.reveal-text'); elements.forEach(el => { const text = el.innerText; el.innerHTML = ''; const words = text.split(' '); words.forEach((word, i) => { const span = document.createElement('span'); span.className = 'word'; span.textContent = word + ' '; span.style.transitionDelay = (i * 0.06) + 's'; el.appendChild(span); }); }); const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); } }); }, { threshold: 0.3 }); document.querySelectorAll('.reveal-text').forEach(el => observer.observe(el)); }); </script>