/* 8 Furlong Consulting — team.css (about-us-team.html only) */

.tm-center { text-align: center; max-width: 860px; margin: 0 auto; }
.tm-center .lede, .tm-center p { margin: 22px auto 0; max-width: 680px; }

.tm-grid { display: grid; gap: 32px; max-width: 1240px; }
.tm-media img { border-radius: var(--radius-card); width: 100%; height: auto; }
.tm-body h2 { margin-bottom: 4px; }
.tm-body p { margin-top: 18px; }
.tm-body b { color: var(--navy); }

.tm-hallway { padding-bottom: 0; }
.tm-hallway + .tm-closer { padding-top: 72px; }
.tm-closer .btn { margin-top: 32px; }

@media (min-width: 1024px) {
  /* Serpentine: profiles alternate image left / image right. The portrait FLOATS,
     so a long bio wraps beside it and then runs full width underneath, instead of
     the copy being squeezed into one narrow column with dead space under the
     picture (John, 2026-09-07). */
  .tm-grid { display: block; max-width: 1240px; margin-left: auto; margin-right: auto; }
  .tm-grid::after { content: ""; display: block; clear: both; }
  .tm-media { position: relative; float: left; width: 40%; margin: 6px 56px 34px 0; }
  .tm-grid--alt .tm-media { float: right; margin: 6px 0 34px 56px; }
  .tm-grid .tm-media::after { content: ""; position: absolute; left: -14px; bottom: -14px; right: 34px; top: 34px; border: 1px solid #D8C9AE; border-radius: var(--radius-card); z-index: -1; }
  .tm-grid--alt .tm-media::after { left: 34px; right: -14px; }
}