/* Homepage teaser: a compact deep green chapter after the light documents
   section, distinct from the near-black chapters around it. */
.bureau-teaser {
  padding-block: calc(clamp(64px, 7vw, 104px) * var(--section-spacing-scale));
  background: var(--color-primary-deep);
  color: var(--color-white);
}
.bureau-teaser .eyebrow {
  color: var(--color-accent-soft);
  margin-bottom: 18px;
}
.bureau-teaser :focus-visible {
  outline-color: var(--color-accent-soft);
}
.bureau-teaser__inner {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  gap: clamp(32px, 6vw, 88px);
}
.bureau-teaser h2 {
  margin-bottom: 14px;
  font-size: clamp(30px, 3vw, 44px);
}
.bureau-teaser p {
  max-width: 52ch;
  color: var(--color-on-ink);
  font-size: 17px;
}
.bureau-teaser .button {
  margin-top: 24px;
}
.bureau-teaser__photo {
  width: 100%;
  height: clamp(200px, 17vw, 240px);
  object-fit: cover;
  object-position: center 43%;
  border-radius: var(--radius-lg);
}
@media (max-width: 767px) {
  .bureau-teaser__inner {
    grid-template-columns: minmax(0, 1fr);
  }
  .bureau-teaser__photo {
    height: 200px;
  }
}