/**
 * Header scroll behavior styles
 * Matches Squarespace's "shrink" class behavior
 */

/* Header shrink state - adds background when scrolling */
#header.shrink {
  background-color: rgb(245, 245, 243);
  transition: background-color 0.3s ease;
}

/* Ensure the header background element doesn't interfere */
#header.shrink .header-background {
  opacity: 0;
}

/* Default transparent state */
#header:not(.shrink) {
  background-color: transparent;
  transition: background-color 0.3s ease;
}