/* The platform's mark and name (templates/_brand.html). Temporary until an
   official logo exists: the hire page's person-with-a-check on a blue to
   violet tile, with the wordmark in Sora. */
.hob-brand{display:inline-flex;flex-direction:column;align-items:center;gap:10px;margin:0 auto 22px}
.hob-mark{display:inline-grid;place-items:center;flex:0 0 auto;
  background:linear-gradient(135deg,#0A84FF,#6d5cf6);
  box-shadow:0 10px 30px rgba(10,132,255,.35), inset 0 1px 0 rgba(255,255,255,.25)}
.hob-mark svg{display:block}
.hob-word{font-family:'Sora',system-ui,-apple-system,sans-serif;font-weight:700;font-size:1.25rem;
  letter-spacing:.01em;color:#fff}
:root[data-theme="light"] .hob-word{color:#0F172A}