/* Grey Matters B3.4b — consistent case/project editorial palette.
   Applied only to eight explicitly opted-in public pages; CGS is excluded.
   Approved tokens only. No global design-system overrides.
   The Camper Van page already has its independently accepted treatment. */

.gm-editorial-triad { background: var(--gm-ivory); }
.gm-editorial-triad .project-title {
  background: var(--gm-paper);
  border: 1px solid var(--gm-line);
  border-top: 4px solid var(--gm-plum);
  border-radius: .65rem;
  padding: clamp(1rem, 2.5vw, 1.8rem);
}
.gm-editorial-triad .project-title h1,
.gm-editorial-triad .project-story > .gm-section > h2 {
  color: var(--gm-plum);
}
.gm-editorial-triad .project-story > .gm-section {
  padding: clamp(1rem, 2.2vw, 1.65rem);
  margin-block: 1.15rem;
}
/* Gentle rhythm rather than boxing every paragraph or every section. */
.gm-editorial-triad .project-story > .gm-section:nth-of-type(3n + 2) {
  background: var(--gm-paper);
  border: 1px solid var(--gm-line);
  border-radius: .65rem;
}
.gm-editorial-triad .project-story > .gm-section:nth-of-type(6n + 5) {
  background: var(--gm-lavender);
  border-left: 3px solid var(--gm-plum);
}
.gm-editorial-triad .project-story > #boundaries,
.gm-editorial-triad .project-story > #parallel {
  background: var(--gm-lavender);
  border: 1px solid var(--gm-line);
  border-left: 3px solid var(--gm-plum);
  border-radius: .65rem;
}
.gm-editorial-triad .project-story .project-photo img {
  max-width: 100%;
}
@media (max-width: 650px) {
  .gm-editorial-triad .project-title,
  .gm-editorial-triad .project-story > .gm-section { padding: 1rem; }
}