/* Brand overrides: swap the design-system's four-cell mark for the
   Firestop Check flame logo everywhere it appears (headers, footers,
   hero screenshot chrome). The cells are hidden and the flame is drawn
   as a background so the component markup stays untouched. */

.spectrum-mark {
  background: url("assets/firestop-check-logo.png") center / contain no-repeat;
  border-radius: 0;
  overflow: visible;
}
.spectrum-mark > span {
  display: none;
}

/* The flame is taller than the square cell mark was; give it matching
   height in the lockup so it holds its visual weight next to the wordmark.
   (!important: each instance carries an inline width/height.) */
.lockup .spectrum-mark {
  width: 15px !important;
  height: 23px !important;
}