/* v3-concepts-urgentie.css
   Page-local rules only. Everything else comes from v3-pages.css.
   New here: the people-note callout (employee-owned framing above the four
   tactics) and the accent quote between the tactics intro and the bento. */

/* Pacing images: a full-measure band between two heavy text runs. */
.v3 .cell-img { margin: 2rem 0 0; }
.v3 .cell-img img {
  display: block;
  width: 100%;
  height: clamp(180px, 26vw, 340px);
  object-fit: cover;
  border-radius: 10px;
}

/* Subheads inside a section, above the 62ch prose measure. */
.v3 section > h3 {
  max-width: 62ch;
  margin: 2.25rem 0 .75rem;
  font-size: 1.05rem;
  letter-spacing: .01em;
}

.v3 .people-note {
  max-width: 68ch;
  margin: 2rem auto 1.25rem;
  padding: 1.25rem 1.4rem;
  border-left: 3px solid var(--petrol, #2f6d78);
  background: color-mix(in srgb, var(--petrol, #2f6d78) 7%, transparent);
  border-radius: 0 6px 6px 0;
}

.v3 .people-note .people-label {
  display: block;
  font-size: .72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--petrol, #2f6d78);
  margin-bottom: .5rem;
}

.v3 .people-note p {
  margin: 0;
  font-size: .96rem;
  line-height: 1.65;
}

.v3 .accent-quote {
  max-width: 62ch;
  margin: 1.5rem auto 2.25rem;
  padding: 0 0 0 1.4rem;
  border-left: 2px solid currentColor;
  opacity: .92;
}

.v3 .accent-quote p {
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.6;
  font-style: italic;
}

/* CRO: the hero repeats the shape of the promise, subordinate to the button. */
.v3 .hero-inner .micro { margin-top: .75rem; opacity: .72; }

/* CRO: the deliverables must be countable, not a running sentence. */
.v3 .cta-band ul.deliverables {
  list-style: none;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin: .9rem auto;
  padding: 0;
  font-size: .9rem;
  max-width: 68ch;
}