/* ============================================================
   Marketing & Communications page styles, loaded after css/main.css
   Page-scoped additions only; design tokens come from main.css.
   ============================================================ */

/* CTA row under the H1 + answer block */
.page-header__ctas {
  display:flex; align-items:center; gap:var(--s-6); flex-wrap:wrap;
  margin-top:var(--s-7);
}

/* Scope: numbered editorial index rows (03 §H, rows, not icon grids) */
.scope h2 { max-width:20ch; }
.scope__intro { max-width:var(--text-max); color:var(--muted); margin-top:var(--s-5); }
.scope-list { list-style:none; max-width:var(--text-max); margin:var(--s-7) 0 0; padding:0; }
.scope-list li { display:flex; gap:var(--s-5); padding:var(--s-5) 0; border-top:1px solid var(--border-light); }
.scope-list li:last-child { border-bottom:1px solid var(--border-light); }
.scope-list__numeral {
  font-family:var(--font-serif);
  font-size:1.375rem; line-height:1.3;
  color:var(--gold-700); /* Signal green. Was Deep Brass, retired with the light palette. */
  min-width:2.25rem;
}
.scope-list h3 { margin-bottom:var(--s-2); }
.scope-list p { color:var(--muted); }

/* "What we don't do" note, Paper panel, warm hairline */
.scope-note {
  background:var(--paper);
  border:1px solid var(--border-light);
  border-radius:var(--radius);
  padding:var(--s-6);
  max-width:var(--text-max);
  margin-top:var(--s-7);
}
.scope-note__label { display:block; text-transform:uppercase; color:var(--muted); margin-bottom:var(--s-3); }
.scope-note p { color:var(--muted); }
.scope-note p + p { margin-top:var(--s-3); }

/* Adjacent-expertise links row */
.scope-related { max-width:var(--text-max); margin-top:var(--s-6); }
.scope-related p + p { margin-top:var(--s-3); }

/* Featured work, grid, not .work__rows: that class becomes a swipe
   carousel on mobile and expects the homepage dot markup */
.featured h2 { max-width:18ch; }
.featured__intro { max-width:var(--text-max); color:var(--muted); margin-top:var(--s-5); }
.featured__rows { display:grid; gap:var(--s-9); margin:var(--s-8) 0 0; }

/* Process-artifact strip (featured-work section) */
.artifact {
  display:flex; align-items:center;
  background:var(--paper);
  border:1px solid var(--border-light);
  border-radius:var(--radius);
  padding:var(--s-5);
  min-height:120px;
  max-width:var(--text-max);
  margin-top:var(--s-7);
}
.artifact .mono { color:var(--muted); }

/* Further-reading rows */
.reading__intro { max-width:var(--text-max); color:var(--muted); margin-top:var(--s-5); }
.reading-list { list-style:none; max-width:var(--text-max); margin:var(--s-6) 0; padding:0; }
.reading-list li { padding:var(--s-5) 0; border-top:1px solid var(--border-light); }
.reading-list li:last-child { border-bottom:1px solid var(--border-light); }
.reading-list h3 { margin-bottom:var(--s-2); }
.reading-list p { color:var(--muted); }

/* FAQ founder note */
.faq-section h2 { margin-bottom:var(--s-3); }
.faq-note { max-width:var(--text-max); color:var(--muted); margin-bottom:var(--s-5); }

@media (max-width:720px) {
  .scope-list li { gap:var(--s-4); }
}

/* Launch: the artifact frame carries a real image */
.artifact--img { padding:0; overflow:hidden; display:block; aspect-ratio:3 / 2; min-height:0; }
.artifact--img img { width:100%; height:100%; object-fit:cover; display:block; border-radius:inherit; }
.artifact__caption { color:var(--muted); max-width:var(--text-max-body); margin-top:var(--s-4); }