/* Shared Hitman family accents — September 2026. */
:root { --family-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace; --family-accent: #ff5a5f; }
.kicker, .serum-number, .row-index, .case-number,
.sb-builder-steps article > span, .sb-authority-grid article > span {
  font-family: var(--family-mono);
  letter-spacing: .12em;
}
.family-hero { position: relative; }
.family-marks { position: absolute; inset: 0; z-index: 3; pointer-events: none; user-select: none; }
.family-cross { position: absolute; color: var(--family-accent); opacity: .65; font: 200 26px/1 var(--family-mono); }
.family-cross-top { top: 104px; right: 28px; }
.family-cross-bottom { bottom: 28px; left: 28px; }
.family-side-label { position: absolute; top: 42%; right: 24px; writing-mode: vertical-rl; color: #b1b1b1; font: 11px/1.5 var(--family-mono); letter-spacing: .17em; }
.family-side-label::before { content: ""; display: inline-block; width: 1px; height: 32px; margin-bottom: 18px; background: rgba(245,245,245,.28); }
.serum-number { padding-bottom: 12px; border-bottom: 1px solid rgba(245,245,245,.2); }
.family-progress { position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 100; background: var(--family-accent); transform: scaleX(var(--family-progress, 0)); transform-origin: left; pointer-events: none; }
@media (max-width: 1100px) {
  .family-side-label { display: none; }
  .family-cross-top { right: 20px; }
  .family-cross-bottom { left: 20px; bottom: 16px; }
}
@media (max-width: 620px) {
  .family-cross-top { top: 100px; right: 18px; font-size: 20px; }
  .family-cross-bottom { display: none; }
}