/* gcolour.com · product site
   Inherits jcolour-com/style.css; overrides only what differs.
   Kept intentionally minimal so the two products feel like siblings. */

/* Three-column capabilities (vs two on jcolour) — denser, more spec-like */
.caps { grid-template-columns: repeat(3, 1fr); }

.cap { border-right: var(--hairline); }
.cap:nth-child(3n) { border-right: 0; }
.cap:nth-child(2n) { border-right: var(--hairline); }
.cap:nth-last-child(-n+3) { border-bottom: 0; }
.cap:nth-last-child(-n+2) { border-bottom: var(--hairline); }
.cap:nth-last-child(-n+3):nth-child(3n+1),
.cap:nth-last-child(-n+3):nth-child(3n+2),
.cap:nth-last-child(-n+3):nth-child(3n) { border-bottom: 0; }

.approach-intro { margin-bottom: var(--space-5); }
.approach-intro .lead {
  font-family: var(--font-serif-en);
  font-size: var(--fs-h2);
  line-height: 1.3;
  font-weight: 400;
  color: var(--ink);
}
.approach-intro .cn .lead { font-family: var(--font-serif-cn); font-weight: 500; }

.frontier-intro { margin-bottom: var(--space-6); }
.frontier-intro .lead {
  font-family: var(--font-serif-en);
  font-size: var(--fs-h2);
  line-height: 1.25;
  font-weight: 400;
  color: var(--ink);
  margin-bottom: var(--space-4);
}
.frontier-intro .cn .lead { font-family: var(--font-serif-cn); font-weight: 500; }
.frontier-intro p { color: var(--ink-2); font-size: 15px; line-height: 1.7; }
.frontier-intro .cn p { font-family: var(--font-sans-cn); }

@media (max-width: 1024px) {
  .caps { grid-template-columns: repeat(2, 1fr); }
  .cap { border-right: var(--hairline) !important; border-bottom: var(--hairline) !important; }
  .cap:nth-child(2n) { border-right: 0 !important; }
}
@media (max-width: 820px) {
  .caps { grid-template-columns: 1fr; }
  .cap { border-right: 0 !important; }
}