/* Norhart brand lockup: tile image + "norhart" wordmark + gradient dot.
   Size is driven by --s (tile edge). Text inherits currentColor so it works in light and dark themes. */
.nh-brand{--s:40px;display:inline-flex;align-items:center;gap:calc(var(--s)*.28);text-decoration:none;color:inherit;line-height:1;min-width:0;max-width:100%}
.nh-brand-tile{width:var(--s);height:var(--s);flex:none;display:block;object-fit:contain;border-radius:0}
.nh-brand-word{display:inline-flex;align-items:baseline;font-family:'Nunito','Quicksand','Inter',ui-rounded,system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:900;font-size:calc(var(--s)*.64);letter-spacing:-.025em;text-transform:none;line-height:1;white-space:nowrap}
.nh-brand-dot{display:inline-block;flex:none;width:.28em;height:.28em;margin-left:.1em;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#a855f7);font-style:normal}
.nh-brand-tag{margin-left:.15em;font-family:Inter,system-ui,sans-serif;font-size:calc(var(--s)*.27);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#f87171;align-self:center}
.nh-brand-col{display:flex;flex-direction:column;gap:3px}
.nh-brand--rs{--s:36px}
@media(min-width:768px){.nh-brand--rs{--s:40px}}
.nh-brand-pro{margin-left:.25em;font-family:Inter,system-ui,sans-serif;font-size:.36em;font-weight:900;letter-spacing:.16em;color:#3b82f6;align-self:flex-start;margin-top:-.1em;line-height:1;vertical-align:baseline;position:static}