/* ============================================================================
   Vecreal company wordmark — GENERATED from the revision-14 brand canon.
   Source: docs/design-system/BRAND-CANON.md + assets/brand-manifest.json.
   Run `pnpm brand:sync`; never edit this derived file directly.

   Markup:
     <span class="bk-wordmark size-md" role="img" aria-label="Vecreal">
       <span class="bk-v" aria-hidden="true"></span><span class="bk-vec-text">ec</span><span class="bk-real-text">real</span>
     </span>
   Add `dark` to the wordmark class on a dark surface.
   ========================================================================== */
:root{
  --bk-vec: #9C4A33;
  --bk-real: #1D1D1F;
  --bk-vec-dark: #C68070;
  --bk-real-dark: #F7F8F8;
}

.bk-wordmark{
  font-family:'Inter',system-ui,sans-serif;
  font-weight:700;
  font-variation-settings:'opsz' 14;
  letter-spacing:-0.04em;
  line-height:1;
  display:inline-flex;
  align-items:baseline;
  color:var(--bk-real);
}

.bk-wordmark .bk-v{
  display:inline-block;
  flex-shrink:0;
  height:0.66em;
  aspect-ratio:46 / 39.27;
  margin-right:-0.13em;
  transform:translateY(0.020em);
  background-color:var(--bk-vec);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='9 14 46 39.27'%3E%3Cpath d='M10%2015.7%20L30%2050.27%20Q32%2053.27%2034%2050.27%20L54%2015.7%20Q55%2014%2053%2014%20L45%2014%20Q43%2014%2042.00%2015.73%20L32.75%2031.70%20Q32%2033%2031.25%2031.70%20L22.00%2015.73%20Q21%2014%2019%2014%20L11%2014%20Q9%2014%2010%2015.7%20Z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='9 14 46 39.27'%3E%3Cpath d='M10%2015.7%20L30%2050.27%20Q32%2053.27%2034%2050.27%20L54%2015.7%20Q55%2014%2053%2014%20L45%2014%20Q43%2014%2042.00%2015.73%20L32.75%2031.70%20Q32%2033%2031.25%2031.70%20L22.00%2015.73%20Q21%2014%2019%2014%20L11%2014%20Q9%2014%2010%2015.7%20Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.bk-wordmark .bk-vec-text{color:var(--bk-vec)}
.bk-wordmark .bk-real-text{color:var(--bk-real)}

.bk-wordmark.size-hero{font-size:96px}
.bk-wordmark.size-xl{font-size:64px}
.bk-wordmark.size-lg{font-size:48px}
.bk-wordmark.size-md{font-size:32px}
.bk-wordmark.size-sm{font-size:22px}
.bk-wordmark.size-xs{font-size:18px}

.bk-wordmark.dark,
html[data-theme="dark"] .bk-wordmark{color:var(--bk-real-dark)}
.bk-wordmark.dark .bk-v,
html[data-theme="dark"] .bk-wordmark .bk-v{background-color:var(--bk-vec-dark)}
.bk-wordmark.dark .bk-vec-text,
html[data-theme="dark"] .bk-wordmark .bk-vec-text{color:var(--bk-vec-dark)}
.bk-wordmark.dark .bk-real-text,
html[data-theme="dark"] .bk-wordmark .bk-real-text{color:var(--bk-real-dark)}