@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --sans:"Inter Tight",Inter,Arial,Helvetica,sans-serif;
  --display:"Space Grotesk",var(--sans);
  --gray:#9a9a96;
  font-family:var(--sans);
}

/* Keep the bespoke compressed face only on THEO JUSTIN. */
.section h2,
.contact h2 {
  font-family:var(--display);
  font-weight:700;
  line-height:.84;
  letter-spacing:-.065em;
}

.contact h2 {
  line-height:.9;
}

.intro-heading > p,
.section-heading > p {
  max-width:520px;
  font-size:.86rem;
  font-weight:600;
  line-height:1.55;
  letter-spacing:.015em;
}

.stats strong {
  font:800 clamp(2.8rem,5.7vw,6.3rem)/.86 var(--sans);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.07em;
}

.stats span {
  max-width:210px;
  font-size:.68rem;
  font-weight:700;
  line-height:1.35;
  letter-spacing:.035em;
}

.case-list h3,
.timeline h3,
.capability-grid h3 {
  font:700 clamp(1.1rem,1.85vw,1.85rem)/1.05 var(--sans);
  letter-spacing:-.025em;
}

.case-list p,
.timeline p,
.capability-grid p {
  color:#aaa7a2;
  font-size:.75rem;
  line-height:1.55;
  font-weight:500;
}

.timeline time,
.case-list > article > span,
.timeline > article > span {
  font-family:var(--sans);
  letter-spacing:.04em;
}

@media (max-width:760px) {
  .stats strong { font-size:clamp(2.15rem,10.5vw,3.15rem); }
  .case-list h3,.timeline h3,.capability-grid h3 { line-height:1.05; }
  .section h2 { line-height:.88; }
  .contact h2 { line-height:.94; }
}