/* Display-led layout — full-width display hero, framework Venn in What it is */

.layout-display-led .hero,
.layout-editorial .hero {
  display: block;
  max-width: none;
  width: 100%;
  margin: 0;
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
  padding-inline: max(var(--space-lg), calc((100% - var(--max-width)) / 2));
  box-sizing: border-box;
}

.layout-display-led .hero-inner,
.layout-editorial .hero-inner {
  max-width: var(--max-width);
  margin: 0 auto;
}

.layout-display-led .hero-display,
.layout-editorial .hero-display {
  margin-bottom: var(--space-md);
  max-width: 960px;
}

.layout-display-led .hero-display em,
.layout-editorial .hero-display em {
  font-style: italic;
}
/* Statement callouts — business cost + what changes */
.layout-display-led .statement-display {
  margin: var(--space-md) 0;
  max-width: 720px;
}

.layout-display-led .statement-display--center {
  text-align: center;
  margin-inline: auto;
}

.layout-display-led .statement-display--notice {
  line-height: var(--leading-statement);
}

.layout-display-led .statement-display--notice em {
  font-style: italic;
  font-weight: 400;
}

.layout-display-led .s4-statement {
  margin-top: var(--space-lg);
  max-width: 640px;
}

.layout-display-led .sect-ey {
  letter-spacing: 0.2em;
}

.layout-display-led .s5close.quote {
  font-family: var(--type-quote);
  font-size: var(--text-quote);
  font-weight: var(--weight-quote);
  line-height: var(--leading-quote);
  color: var(--color-quote);
  text-align: center;
  margin-inline: auto;
  max-width: 560px;
}

/* Pete Swinburn — video stacked above quote */
.layout-display-led .ceo-video-quote {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: var(--space-md);
  align-items: center;
  margin-bottom: var(--space-sm);
}

.layout-display-led .ceo-video-quote--stacked {
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: var(--space-sm);
}

.layout-display-led .ceo-video-quote--stacked .ceo-video-quote-pull {
  max-width: 720px;
}

.layout-display-led .ceo-video-quote-media .vwrap {
  margin-bottom: 0;
}

.layout-display-led .ceo-video-quote-pull {
  margin-bottom: 0;
}

/* Pete profile — attribution + intro (no logo column) */
.layout-display-led .ceo-profile {
  display: block;
  margin-top: var(--space-md);
}

.layout-display-led .ceo-profile--pete {
  margin-top: 0;
}

.layout-display-led .ceo-profile-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: var(--white, #fff);
  border-radius: 8px;
  padding: var(--space-sm);
  box-sizing: border-box;
}

.layout-display-led .ceo-profile-logo img {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

.layout-display-led .ceo-profile-copy .pctx {
  max-width: none;
  margin-top: var(--space-sm);
}

.layout-display-led .ceo-profile--danielle {
  margin-top: var(--space-lg);
}

.layout-display-led .ceo-profile-logo--superbia {
  justify-content: center;
}

.layout-display-led .ceo-profile-logo--superbia .ceo-profile-logo-img {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

.layout-display-led .ceo-profile--danielle .ceo-profile-copy .dq {
  margin-bottom: var(--space-sm);
}

/* Pete Swinburn — row 1: logo + intro; row 2: video + quote */
.layout-display-led .ceo-pete {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.layout-display-led .ceo-profile--pete {
  margin-top: 0;
}

.layout-display-led .ceo-profile--pete .ceo-profile-copy .pctx {
  margin-top: var(--space-sm);
  padding-top: var(--space-sm);
  border-top: 0.5px solid var(--on-dark-border, rgba(255, 255, 255, 0.14));
}

.layout-display-led .ceo-pete .ceo-video-quote {
  margin-bottom: 0;
}

/* Kim + Adam — two full-width rows: video | quote + name + LinkedIn */
.layout-display-led .ceo-mini-testimonials {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  width: 100%;
  margin-top: var(--space-md);
}

.layout-display-led .ceo-mini-row {
  display: flex;
  gap: var(--space-md);
  align-items: flex-start;
  width: 100%;
}

.layout-display-led .ceo-mini-media {
  flex: 0 0 calc(37.5% + 60px);
  max-width: calc(37.5% + 60px);
  min-width: 0;
}

.layout-display-led .ceo-mini-copy {
  flex: 1 1 0;
  min-width: 0;
}

.layout-display-led .ceo-mini-media .vwrap {
  margin-bottom: 0;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.layout-display-led .ceo-mini-copy .mq {
  margin-bottom: var(--space-sm);
}

.layout-display-led .ceo-mini-copy .mn {
  margin-bottom: var(--space-xs);
}

.layout-display-led .ceo-mini-copy .mli {
  margin-top: 0;
}

.layout-display-led .ceo-mini-row--adam {
  flex-wrap: wrap;
}

.layout-display-led .ceo-mini-row--adam .gold-rule--full {
  flex: 0 0 100%;
  width: 100%;
  margin: var(--space-lg) 0 0;
}

.layout-display-led .s4-cohort-photo {
  margin-top: var(--space-lg);
  width: 100%;
}

.layout-display-led .s4-pete-video {
  width: 100%;
  box-sizing: border-box;
}

.layout-display-led .s4-pete-video .vwrap {
  margin-bottom: 0;
}

.layout-display-led .s4-cohort-photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

@media (max-width: 640px) {
  .layout-display-led .hero,
  .layout-editorial .hero {
    padding: var(--space-lg) var(--page-margin-mobile);
  }

  .layout-display-led .ceo-video-quote {
    grid-template-columns: 1fr;
  }

  .layout-display-led .ceo-mini-row {
    flex-direction: column;
  }

  .layout-display-led .ceo-mini-media {
    flex: none;
    max-width: 100%;
    width: 100%;
  }

  .layout-display-led .ceo-profile {
    grid-template-columns: 1fr;
  }

  .layout-display-led .ceo-profile-logo img {
    height: auto;
    max-height: 48px;
  }
}