/* KRAGOS Compliance - shared base for the three design directions.
   Fonts and marks are byte copies of the ratified KRAGOS STONE pack (/assets/brand/PROVENANCE.md).
   Zero CDN requests. */
@font-face { font-family: "Inter"; src: url("/assets/brand/inter-var-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; src: url("/assets/brand/inter-var-latin-ext.woff2") format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  --k-cream: #EDEAE4; --k-stone: #2B2B2B; --k-iron: #1A1612; --k-bone: #E6DCC8; --k-muted: #7A7268;
  --k-copper: #B87333; --k-copper-hover: #C78142; --k-copper-ink: #9B5810; --k-copper-wash: #E7DCCF;
  --k-copper-line: #DBC2A8; --k-copper-wash-dark: #2D2116; --k-stone-wash: #D6D3CE; --k-cream-hover: #E2DFD9;
  --k-line: rgba(43,43,43,.14); --k-line-dark: rgba(237,234,228,.14);
  --k-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--k-cream); color: var(--k-stone); font-family: var(--k-font); font-size: 17px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: var(--k-copper-ink); }
:focus-visible { outline: 2px solid var(--k-copper); outline-offset: 3px; }

/* The ratified lockup, a 1px muted hairline at 40%, then "Compliance" set in Inter 500. Never drawn into the mark. */
.kc-brand { flex: none; display: inline-flex; align-items: center; gap: 14px; text-decoration: none; color: inherit; }
.kc-brand img { height: 26px; width: auto; }
.kc-brand .kc-hair { flex: none; width: 1px; height: 24px; background: var(--k-muted); opacity: .4; }
.kc-brand .kc-word { white-space: nowrap; font-weight: 500; font-size: 18px; letter-spacing: 0; }
.kc-brand .kc-k { display: none; height: 28px; }
@media (max-width: 480px) { .kc-brand .kc-lockup { display: none; } .kc-brand .kc-k { display: block; } }

.kc-trust { font-size: 14px; line-height: 1.5; }
.kc-trust strong { font-weight: 600; }
.kc-wa { display: inline-flex; align-items: center; gap: 8px; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }