/* Direction-C page bands for the home, /solutions/, service and studio pages
   (components/PageBands.js). Imported by those page routes only. Colours and
   type come from the semantic tokens, same as design/components.css. */

/* One line beside a short card row: no card frame, so it never reads as an
   empty card. */
.c-aside-line {
  display: flex;
  align-items: center;
  padding: var(--s-6);
  border-left: 3px solid var(--color-highlight-bg);
  font-size: var(--t-md);
  color: var(--color-text-muted);
}

/* "See all" button under a card grid. */
.c-band-more { margin-top: var(--s-8); }

/* The thread: a lead column with a media slot beside a narrower side column. */
.c-split {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: var(--s-9);
  align-items: start;
}
.c-split__lead {
  font-family: var(--font-display);
  font-size: var(--t-xl);
  font-weight: 500;
  line-height: 1.45;
  color: var(--color-text);
}
.c-split__side {
  padding-left: var(--s-7);
  border-left: 1px solid var(--color-border);
}
.c-media-slot {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  margin-top: var(--s-6);
  padding: var(--s-6);
  text-align: center;
  background: var(--color-surface-2);
  border: 1px dashed var(--color-border-strong);
  border-radius: var(--r-lg);
  color: var(--color-text-muted);
}
@media (max-width: 900px) {
  .c-split { grid-template-columns: 1fr; gap: var(--s-7); }
  .c-split__side { padding-left: 0; padding-top: var(--s-6); border-left: 0; border-top: 1px solid var(--color-border); }
}

/* Closing Book a call: the one tinted band on the page. */
.c-book-band { background: var(--color-highlight-bg); }
.c-book-band__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-6);
}
.c-book-band .section__heading { margin: 0; max-width: 40rem; }
@media (max-width: 600px) {
  .c-book-band .btn { flex: 1 1 100%; }
}

/* /studio/: the tagline and line stack inside the hero subhead. */
.page-studio-c .page-studio-c__line { display: block; }
.page-studio-c__line + .page-studio-c__line { margin-top: var(--s-4); }

/* Home "everything we automate" band: a .c-card per group, its projects as a
   ruled list. A project with its own page is a link. */
.c-project-group__list {
  margin: var(--s-3) 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--color-border);
}
.c-project-group__list li {
  padding: var(--s-3) 0;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text);
}
.c-project-group__list a {
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
}
.c-project-group__list a::after { content: ' →'; }
.c-project-group__list a:hover { text-decoration: underline; }
.c-project-closing {
  margin-top: var(--s-7);
  font-size: var(--t-md);
  color: var(--color-text-muted);
}

/* Home "beyond automation" band: the same ruled lists without the card, so it
   reads lighter than the automation band above it. */
.c-service-group__title {
  margin: 0;
  font-size: var(--t-md);
  color: var(--color-text);
}