/**
 * Homepage CSS
 * -----------------------------------------------------------------------
 * Styles specific to the homepage.
 * Loaded on every page but selectors only match homepage elements.
 * -----------------------------------------------------------------------
 */


/* Liquid expand columns — the 4-column hover-expand section on the homepage hero area
   Each column expands from 25% to 50% width on hover */
.liquid-column { height: 400px; width: 25%; overflow: hidden; flex: 1; transition: all 0.3s ease-in-out; }
.liquid-column:hover { width: 50% !important; }

/* Home card title — forces equal flex height so cards in the same row align at the bottom */
.home-card-title h4 { flex: 1 !important; }