/* The Hunt — design tokens (v4 locked palette) */
:root {
  /* Colors */
  --bone:      #EFE9D8;
  --paper:     #F8F4E5;
  --ink:       #15140F;
  --bistre:    #2E2419;
  --verdigris: #3F5246;
  --bordeaux:  #5C2B2B;
  --cognac:    #8C5A35;
  --champagne: #BFA878;
  --linen:     #B5AE99;

  /* Derived */
  --rule:        rgba(21,20,15,0.18);
  --rule-strong: rgba(21,20,15,0.4);
  --ink-soft:    rgba(21,20,15,0.65);
  --bone-soft:   rgba(239,233,216,0.7);

  /* Type */
  --serif: 'Playfair Display', 'Lora', Georgia, 'Times New Roman', serif;
  --sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --mono:  'JetBrains Mono', 'IBM Plex Mono', ui-monospace, Menlo, monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
  background: var(--bone);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.serif { font-family: var(--serif); font-weight: 500; }
.serif-italic { font-family: var(--serif); font-style: italic; font-weight: 400; }
.mono  { font-family: var(--mono); font-variant-numeric: tabular-nums; }

/* Spaced caps wordmark (used inside Lockup 5 stack) */
.wordmark-caps {
  font-family: var(--serif);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.38em;
}

/* Lockup 5 — ridgeback mark above spaced caps wordmark, tight gap.
   Use .lockup5 as the outer container; pair with <span class="mk"><img></span><span class="wm">THE HUNT</span>.
   Size via --lk-mk-w and --lk-wm-size. Default is small/nav scale. */
.lockup5 {
  display: inline-flex; flex-direction: column; align-items: center;
  line-height: 1;
}
.lockup5 .mk {
  display: inline-flex; align-items: center; justify-content: center;
  width: var(--lk-mk-w, 44px);
  height: calc(var(--lk-mk-w, 44px) * 0.6);
  margin-bottom: var(--lk-gap, 2px);
  overflow: hidden;
}
.lockup5 .mk img { width: 100%; height: 100%; object-fit: contain; display: block; }
.lockup5 .wm {
  font-family: var(--serif);
  font-weight: 500;
  font-size: var(--lk-wm-size, 14px);
  letter-spacing: 0.38em;
  text-transform: uppercase;
  padding-left: 0.38em; /* optically center spaced caps */
  white-space: nowrap;
}
.lockup5.on-dark .mk img { filter: invert(1) brightness(0.98); opacity: 0.95; }
.lockup5.on-dark .wm { color: var(--bone); }

.rule { height: 1px; background: var(--ink); opacity: 0.9; }
.rule-thin { height: 1px; background: var(--rule); }

.eyebrow {
  font-family: var(--sans);
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

.must-hunt {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--bordeaux);
}

.worth-trip {
  font-family: var(--sans);
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--cognac);
}

button, input, select { font-family: inherit; }