/* Tapex global logo override
 * Replaces the header brand (legacy 12x12 cyan triangle + "Tapex" text)
 * with the official /logo.png wordmark, site-wide.
 * Loaded after the main bundle stylesheet so it wins the cascade.
 */
.site-header__brand {
  gap: 0;
  /* Hides the "Tapex" text node — /logo.png already contains the wordmark. */
  font-size: 0;
}

/* Hides the legacy geometric brand mark. */
.site-header__brand .site-header__mark {
  display: none;
}

/* The logo itself. 3665x1406 => 2.607:1, so 30px tall renders ~78px wide. */
.site-header__brand::before {
  content: "";
  display: block;
  width: 78px;
  height: 30px;
  background: url("/logo.png") center / contain no-repeat;
}