
/*
Theme Name: HW Realty Theme
Theme URI: https://your-website.com/
Author: Your Name
Author URI: https://your-website.com/
Description: A custom WordPress theme designed to host the HW Realty React application.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hwrealty
*/

/* Ken Burns Effect for Hero Image */
@keyframes ken-burns {
  0% { transform: scale(1.1) translate(0, 0); }
  100% { transform: scale(1) translate(0, 0); }
}
.ken-burns {
  animation: ken-burns 20s ease-out forwards;
}

/* Scroll Reveal Animation */
.reveal {
  opacity: 0;
  transform: translateY(40px) scale(0.98);
  transition: opacity 1.2s cubic-bezier(0.23, 1, 0.32, 1), transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.reveal.active {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Glass Card Base Style */
.glass-card {
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(25px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 32px;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transform: translateZ(0); /* Promotes to hardware layer */
}
.dark .glass-card {
  background-color: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
    