/* One portrait composition for Neil's introduction at every screen size. */
.founder-film-section { background: var(--paper); padding-block: 88px 64px; }
.founder-film-layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); grid-template-areas: "media copy"; align-items: center; gap: clamp(40px,6vw,88px); max-width: 1060px; }
.founder-film-copy { grid-area: copy; }
.founder-film-copy h2 { font-size: clamp(34px,3.8vw,52px); }
.founder-film-copy > p:not(.eyebrow) { font-size: 18px; line-height: 1.65; color: var(--muted); max-width: 46ch; margin-top: 22px; }
.founder-film-copy > .founder-film-byline { font-size: 15px; font-weight: 650; margin-top: 16px; }
.founder-film-transcript { margin-top: 16px; }
.founder-film-transcript p { max-width: 54ch; }
.founder-film-media { grid-area: media; width: min(100%,300px); aspect-ratio: 9 / 16; justify-self: center; }
.founder-film-stage { position: relative; aspect-ratio: 9 / 16; background: #102c2b; border-radius: 16px; overflow: hidden; box-shadow: 0 16px 40px #102c2b18; }
.founder-film-stage video { display: block; width: 100%; height: 100%; aspect-ratio: 9 / 16; object-fit: contain; }
.founder-film-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 12px 20px; white-space: nowrap; border: 1px solid #ffffff80; border-radius: 40px; background: #102c2bea; color: #fff; font: inherit; font-size: 16px; font-weight: 650; cursor: pointer; }
.founder-film-play[hidden], .founder-film-error[hidden] { display: none; }
.founder-film-play:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.founder-film-error { font-size: 16px; margin-top: 12px; }
.founder-film-error a { text-decoration: underline; }
@media (max-width:760px) {
  .founder-film-section { padding-block: 56px 48px; }
  .founder-film-layout { grid-template-columns: minmax(0,1fr); grid-template-areas: "copy" "media"; gap: 28px; }
  .founder-film-copy > p:not(.eyebrow) { font-size: 17px; margin-top: 18px; }
  .founder-film-copy > .founder-film-byline { font-size: 15px; }
  .founder-film-media { width: min(100%,280px); }
}