/* Section: projects_teaser — dark band, chips + "all projects" link, 3-column grid of overlay project cards. */

.ex-projects-teaser[id] { scroll-margin-top: var(--ex-scroll-offset); }

/* Pro "Key projects" head (mockup): the eyebrow is a row of its own; title and filter column share the row below,
   aligned on their bottom edge (the filter column is the taller one: 36 + 14 + 19px). Chips 4px apart, 75% white. */
.ex-projects-teaser--pro .ex-projects-teaser__head,
.ex-projects-teaser--industrial .ex-projects-teaser__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 0 24px;
}
.ex-projects-teaser--pro .ex-projects-teaser__head > .ex-section-head__main,
.ex-projects-teaser--industrial .ex-projects-teaser__head > .ex-section-head__main { display: contents; }
.ex-projects-teaser--pro .ex-projects-teaser__head .ex-eyebrow,
.ex-projects-teaser--industrial .ex-projects-teaser__head .ex-eyebrow { grid-column: 1 / -1; }
.ex-projects-teaser--pro .ex-projects-teaser__head .ex-title,
.ex-projects-teaser--industrial .ex-projects-teaser__head .ex-title { grid-column: 1; }
.ex-projects-teaser--pro .ex-projects-teaser__aside,
.ex-projects-teaser--industrial .ex-projects-teaser__aside { grid-column: 2; }
.ex-projects-teaser--pro .ex-projects-teaser__chips,
.ex-projects-teaser--industrial .ex-projects-teaser__chips { gap: 4px; }
.ex-projects-teaser .ex-chip--bold:not(.is-active):not([aria-pressed="true"]):not(:hover):not(:focus-visible) { color: rgba(255, 255, 255, .75); }
.ex-projects-teaser--pro .ex-projects-teaser__grid,
.ex-projects-teaser--industrial .ex-projects-teaser__grid { gap: 16px; }

.ex-projects-teaser__grid { margin: 0; padding: 0; list-style: none; }
.ex-projects-teaser__item { position: relative; display: flex; min-width: 0; }
.ex-projects-teaser__item > * { flex: 1 1 auto; min-width: 0; }
.ex-projects-teaser__item[hidden],
.ex-projects-teaser__item.is-hidden { display: none; }

.ex-projects-teaser__empty {
  margin: 0;
  padding: 40px 0 8px;
  font-size: var(--ex-fs-body);
  line-height: 1.6;
  color: var(--ex-fg-muted);
}

/* ---------- Responsive (proposal — not designed) ---------- */
@media (max-width: 899px) {
  .ex-projects-teaser--pro .ex-projects-teaser__head,
  .ex-projects-teaser--industrial .ex-projects-teaser__head { grid-template-columns: minmax(0, 1fr); }
  .ex-projects-teaser--pro .ex-projects-teaser__aside,
  .ex-projects-teaser--industrial .ex-projects-teaser__aside { grid-column: 1; margin-top: 18px; }
  .ex-projects-teaser--pro .ex-projects-teaser__grid,
  .ex-projects-teaser--industrial .ex-projects-teaser__grid { gap: var(--ex-space-4); }
  .ex-projects-teaser__aside { align-items: flex-start; width: 100%; }
  .ex-projects-teaser__aside .ex-chips { justify-content: flex-start; max-width: 100%; }
  .ex-projects-teaser__chips .ex-chip { min-height: var(--ex-touch); }
}