/* Header menu only. 18px. Typhoon sets these items to text-sm (14px). */
.header-nav li.text-sm {
  font-size: 18px;
}

/* Height steps Typhoon did not build. spacing is 0.25rem, so 10/12/14 are 40/48/56px. */
.h-10 { height: calc(var(--spacing) * 10); }
.h-12 { height: calc(var(--spacing) * 12); }
.h-14 { height: calc(var(--spacing) * 14); }

/* Home hero photo: fit the hero height, keep the photo's own width, center it, and blur it. */
#hero:has(img.background-image[src*="hero-home"]) {
  background-color: #194431;
}

#hero img.background-image[src*="hero-home"] {
  object-fit: contain;
  object-position: center center;
  filter: blur(6px);
}