/* V57C — Unified, legible editorial triptychs and secondary copy.
   Scoped to existing design patterns, across all pages. */
:root {
  --ip-editorial-heading: clamp(1.55rem, 2.3vw, 2.15rem);
  --ip-editorial-copy: clamp(1.05rem, 1.25vw, 1.19rem);
  --ip-editorial-leading: 1.58;
}
.process-grid > div h3,
.principle-grid > article h3,
.v44-offer-grid > article h3 {
  font-size: var(--ip-editorial-heading) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  margin-block: .55rem .85rem !important;
}
.process-grid > div p,
.principle-grid > article p,
.v44-offer-grid > article p {
  font-size: var(--ip-editorial-copy) !important;
  line-height: var(--ip-editorial-leading) !important;
  max-width: 35ch;
}
/* Project-page explanatory notes and supporting project text */
.case-paper-grid > div > p,
.case-paper-grid > div > p:not(.eyebrow),
.v48-visual-note p,
.v48-project-keyline p,
.v48-related-copy strong,
.v48-project-enquiry-action .v48-action-secondary,
.v44-bridge > div > p:not(.eyebrow) {
  font-size: var(--ip-editorial-copy) !important;
  line-height: var(--ip-editorial-leading) !important;
}
/* The explanatory subtitles accompanying individual projects */
.v46-project-description,
.v46-project-sub,
.card-subtitle,
.v48-film-card > p {
  font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
  line-height: 1.55 !important;
}
/* Make numbered editorial panels feel like a shared system */
.process-grid > div,
.principle-grid > article,
.v44-offer-grid > article {
  min-width: 0;
}
@media (max-width: 680px) {
  :root {
    --ip-editorial-heading: 1.55rem;
    --ip-editorial-copy: 1.06rem;
  }
  .process-grid > div p,
  .principle-grid > article p,
  .v44-offer-grid > article p { max-width: 100%; }
}