/* Khanzanzi apex gate (Phase 10). Locked C3 preview: flat #050505, Archivo Black, DM Sans exits. */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  background: #050505;
  color: #fff;
  font-family: "DM Sans", system-ui, sans-serif;
  display: grid;
  place-items: center;
  min-height: 100vh;
  overflow: hidden;
}
.gate {
  text-align: center;
  padding: 2rem;
  max-width: 100vw;
}
.brand {
  font-family: "Archivo Black", "Arial Black", Impact, sans-serif;
  font-weight: 400;
  font-size: clamp(3.5rem, 14vw, 9.5rem);
  letter-spacing: -0.04em;
  line-height: 0.95;
  user-select: none;
}
.brand .letter {
  display: inline-block;
  color: #ffffff;
  transition: color 0.55s ease;
}
.exits {
  margin-top: clamp(1.25rem, 3vw, 2rem);
  display: flex;
  justify-content: center;
  gap: clamp(2rem, 6vw, 3.5rem);
}
.exits a {
  color: #6e6e6e;
  text-decoration: none;
  font-size: clamp(0.85rem, 1.6vw, 1.05rem);
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: color 0.2s ease;
}
.exits a:hover,
.exits a:focus-visible { color: #c8c8c8; }
@media (prefers-reduced-motion: reduce) {
  .brand .letter, .exits a { transition: none; }
}