/* v3-concepts-virtual-speech.css
   Page-specific rules for concepts-virtual-speech.html.
   Everything else comes from css/v3-pages.css and the shared v3 vocabulary.
   CRO pass added the hero promise echo and the deliverables list. */

/* 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;
}

/* The speaker's own portrait sits narrow, not as a banner. */
.v3 .cell-img-portrait { max-width: 320px; }
.v3 .cell-img-portrait img { height: clamp(240px, 30vw, 380px); object-position: center 22%; }
.v3 .cell-img figcaption {
  margin-top: .5rem;
  font-size: .78rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  opacity: .62;
}

/* 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;
}

/* 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;
}