.session-behind {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 9%;
  padding: var(--section-space) var(--gutter);
  border-top: 1px solid var(--line);
  background: var(--paper);
}
.session-behind-copy { max-width: 480px; }
.session-behind h2 { max-width: 11ch; margin-bottom: 24px; }
.session-behind-copy > p { max-width: 36ch; color: var(--muted); font-size: var(--type-lead); line-height: 1.6; }
.session-behind-copy > p + p { margin-top: 16px; }
.session-behind-copy .contact-button { margin-top: 32px; max-width: 100%; text-align: left; }
.session-behind .contact-button:focus-visible { outline-color: var(--ink); }
.session-reel { width: min(100%, 300px); justify-self: center; }
.session-reel-frame { position: relative; background: var(--soft); aspect-ratio: 9 / 16; }
.session-reel video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; }
.session-reel-start {
  position: absolute;
  inset: auto 20px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 16px 20px;
  background: var(--paper);
  color: var(--ink);
  font: 500 14px/1.4 var(--body);
  text-align: left;
}
.session-reel-start svg { flex: 0 0 24px; }
.session-reel-start:hover { background: var(--soft); }
.session-reel-start:focus-visible { outline: 2px solid var(--paper); outline-offset: 4px; }
.session-reel video:focus-visible { outline: 2px solid var(--ink); outline-offset: 6px; }
.session-reel figcaption { margin-top: 12px; text-align: center; font-size: 14px; color: var(--muted); }
.session-reel figcaption a { display: inline-block; padding: 8px 0; min-height: 40px; text-decoration: underline; text-underline-offset: 4px; }
.session-reel-description { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.session-reel-error { margin-top: 16px; font-size: 14px; color: var(--muted); }
@media (max-width: 760px) {
  .session-behind { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .session-behind-copy { max-width: 480px; }
  .session-behind h2 { max-width: 14ch; }
  .session-behind-copy > p { font-size: 18px; }
  .session-reel { width: min(100%, 280px); }
}