/* ==========================================================================
   Page Header Section
   Block: .page-header / .page-header-section
   --------------------------------------------------------------------------
   Only the band variants are here. The .page-header banner itself lives in
   assets/css/theme.css, because six root templates render one and none of them
   loads a block stylesheet.
   ========================================================================== */

.page-header-section--default {
  background-image: none;
  background-color: var(--color-background);
}

.page-header-section--soft {
  background-image: none;
  background-color: var(--color-background-sunken);
}

.page-header-section--compact {
  padding-block: clamp(1.75rem, 1.25rem + 2vw, 2.75rem);
}

.page-header-section--spacious {
  padding-block: clamp(3.5rem, 2.5rem + 4vw, 6rem);
}