/* ======================================== Brickstone Realty — Animations Issue #6: Purely decorative, non-critical CSS loaded render-blocking in ======================================== */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideInLeft { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.03); } } .animate-fade-in-up { animation: fadeInUp .6s ease-out both; } .animate-fade-in { animation: fadeIn .5s ease-out both; } .animate-slide-left { animation: slideInLeft .5s ease-out both; } .animate-delay-1 { animation-delay: .1s; } .animate-delay-2 { animation-delay: .2s; } .animate-delay-3 { animation-delay: .3s; } .hover-pulse:hover { animation: pulse .4s ease-in-out; } /* Hero text animation */ .hero-overlay h1 { animation: fadeInUp .8s ease-out both; } .hero-overlay p { animation: fadeInUp .8s ease-out .2s both; }