/* BIG III brand layer on top of legal.css. Lift colours match the app
   (Theme.Color.liftSquat / liftBench / liftDeadlift, dark variants). */
:root {
  --lift-squat: #7f5af0;
  --lift-bench: #6ba6ff;
  --lift-deadlift: #4ade80;
  --wordmark: 900 1em/1 system-ui, -apple-system, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
}

.bigiii {
  display: inline-block;
  font: var(--wordmark);
  font-stretch: expanded;
  letter-spacing: 0.03em;
  color: var(--paper);
  text-decoration: none;
  white-space: nowrap;
}

/* The III are real letters in the same face as BIG, coloured by lift, so
   each I matches the I in BIG exactly. */
.bigiii .sq { color: var(--lift-squat); }
.bigiii .bp { color: var(--lift-bench); }
.bigiii .dl { color: var(--lift-deadlift); }

.legal-header .bigiii { font-size: clamp(30px, 4.5vw, 40px); }