/* Small cross-site refinements */

/* Header logo: approximately 20% larger than the initial web size. */
.brand-logo {
  width: clamp(222px, 20.4vw, 294px);
}

/* Management CTA must use only the management accent, not the digital base accent. */
.page--management .service-cta--management {
  border-left: 1px solid var(--line);
  box-shadow: inset 4px 0 0 var(--management);
  background:
    linear-gradient(120deg, rgba(113,61,72,.14), transparent 43%),
    #16191c;
}

/* Content hierarchy: decorative numbering is removed below the main service identity.
   Section headings therefore use the full available width instead of the old 70px number column. */
.section-heading {
  grid-template-columns: minmax(0, 1fr);
}

/* Keep the About page on the same heading scale as the four service pages. */
.page--about .section-heading h2,
.page--about .service-cta h2 {
  font-size: clamp(1.85rem, 3vw, 3.2rem);
  max-width: 22ch;
}

.page--digital .capability-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page--digital .capability-card,
.page--management .management-card {
  min-height: 230px;
}

.page--digital .capability-card h3,
.page--management .management-card h3 {
  margin-top: clamp(2.2rem, 3.2vw, 3.3rem);
}

.page--digital .service-list__item {
  grid-template-columns: 1fr;
}

.page--management .management-grid,
.page--management .management-grid--four {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page--management .management-copy-grid {
  margin-left: 0;
}

@media (max-width: 780px) {
  .brand-logo {
    width: 216px;
  }

  .page--digital .capability-grid,
  .page--management .management-grid,
  .page--management .management-grid--four {
    grid-template-columns: 1fr;
  }
}