:root {
  --wk-bg: #0a0b0c;
  --wk-bg-raised: #0d1519;
  --wk-bg-control: #151c20;
  --wk-paper: #f7f7f5;
  --wk-muted: #9da3a6;
  --wk-gold: #d8b26e;
  --wk-gold-bright: #efc66f;
  --wk-green: #75d69a;
  --wk-border: #263137;
  --wk-border-soft: rgba(247, 247, 245, 0.12);
  --wk-radius-sm: 4px;
  --wk-radius-md: 7px;
  --wk-container: 1440px;
  --wk-gutter: clamp(20px, 4vw, 64px);
  --wk-section-y: clamp(64px, 8vw, 112px);
  --wk-display: "Arial Narrow", "Roboto Condensed", "Barlow Condensed", sans-serif;
  --wk-body: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.wk-page {
  background: var(--wk-bg);
  color: var(--wk-paper);
  font-family: var(--wk-body);
}

.wk-container {
  width: min(var(--wk-container), calc(100% - (2 * var(--wk-gutter))));
  margin-inline: auto;
}

.wk-eyebrow {
  color: var(--wk-gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.wk-display {
  font-family: var(--wk-display);
  font-size: clamp(52px, 6vw, 88px);
  font-stretch: condensed;
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 0.94;
  text-transform: uppercase;
}

.wk-gold { color: var(--wk-gold-bright); }

.wk-button {
  min-height: 54px;
  padding-inline: 24px;
  border: 1px solid var(--wk-border);
  border-radius: var(--wk-radius-sm);
  font-size: 15px;
  font-weight: 750;
}

.wk-button--primary {
  background: var(--wk-gold-bright);
  border-color: var(--wk-gold-bright);
  color: #111315;
}

.wk-card {
  border: 1px solid var(--wk-border);
  border-radius: var(--wk-radius-md);
  background: var(--wk-bg-raised);
}

.wk-divider { border-top: 1px solid var(--wk-border-soft); }

@media (max-width: 900px) {
  .wk-display { font-size: clamp(46px, 12vw, 70px); }
}