/* Branded 404 — dramatic dark section, gold accents. */
.hb-404__section { min-height: 70vh; display: flex; align-items: center; }
.hb-404__inner {
    display: flex; flex-direction: column; align-items: center; text-align: center;
    gap: var(--sp-4);
}
.hb-404__logo { height: 84px; width: auto; margin-block-end: var(--sp-2); }
.hb-404__code {
    font-family: var(--font-display);
    font-size: clamp(72px, 18vw, 180px);
    font-weight: var(--fw-bold);
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 2px var(--hb-gold);
    text-stroke: 2px var(--hb-gold);
    opacity: .85;
}
.hb-404__text { color: var(--surface-text-muted); max-width: 46ch; font-size: var(--fs-h4); }
.hb-404__cta { display: flex; gap: var(--sp-3); flex-wrap: wrap; justify-content: center; margin-block-start: var(--sp-3); }