/* ==========================================================================
   AF ROTTERDAM — HEADER SCROLL STATES
   Added via separate file to keep global.css clean
   ========================================================================== */

.site-header {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.header--scrolled .header-main {
  box-shadow: 0 2px 20px rgba(0, 40, 104, 0.12);
}

.header--hidden {
  transform: translateY(-100%);
}