/* ============================================================
   09b-video — founder video callout, scoped under .sec-09b-video
   ============================================================ */

.sec-09b-video {
  background: var(--bone);
  border-top: 1px solid var(--line-bone);
}

.sec-09b-video__inner {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.sec-09b-video__copy h2 {
  margin: 1rem 0 1rem;
  max-width: 12ch;
}

.sec-09b-video__copy p:last-child {
  color: var(--text-on-bone-dim);
  max-width: 36ch;
}

.sec-09b-video__frame {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lift);
}

.sec-09b-video__ratio {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: var(--ink);
}

.sec-09b-video__ratio iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 860px) {
  .sec-09b-video__inner {
    grid-template-columns: 1fr;
  }
  .sec-09b-video__copy h2 {
    max-width: 100%;
  }
}