/* Home — page-specific tweaks layered over style.css */

.is-home .hero-cinematic h1 { letter-spacing: -0.02em; }

/* Match heights only at desktop where cards sit in a row.
   Below 1025px the pillar grid wraps, so the fixed height becomes harmful
   (creates huge empty cards on mobile). The base style.css responsive layer
   also enforces min-height: 0 below 768px as a safety net. */
@media (min-width: 1025px) {
  .is-home .pillar-card { min-height: 540px; }
}

.is-home .stat-row .stat-num { color: var(--steel); }

.is-home .events-strip .event-card:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
  transition: transform var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}