/* ============================================================================
   ABOUT PAGE ONLY: the management team                  (added 2026-10-02, Amber)
   ============================================================================
   Linked from about.html after aeo.css, so the locked landing page's three
   stylesheets still come first and unchanged (home_lock style-lock). The cards
   use the work register's idiom: hairline grid, photo on top, name and a mono
   role line underneath. Base rules first, @media blocks after them (the
   stylesheet trap in CLAUDE.md). */
.team-plate{margin-top:clamp(4px,1vh,12px)}
.teamgrid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--rule-strong);border-left:1px solid var(--rule);
  margin:clamp(24px,3.5vh,40px) 0 clamp(44px,6.5vh,76px)}
.tcard{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--paper);min-width:0;
  transition:background .25s ease,box-shadow .25s ease}
.tcard:hover{background:var(--paper-lift);box-shadow:inset 0 -2px 0 var(--blue)}
.tcard .ph{aspect-ratio:640/555;overflow:hidden;background:#fbfbfb;border-bottom:1px solid var(--rule)}
.tcard .ph img{width:100%;height:100%;object-fit:cover;display:block}
.tcard .bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.tcard h3{font-size:1.08rem;font-weight:700;font-stretch:112%;line-height:1.2}
.tcard .role{font-family:var(--m);font-size:13px;letter-spacing:.1em;color:var(--blue);line-height:1.4}
/* six across on a wide sheet (three across measured two full screens of portraits at 1440),
   three on a tablet, two on a phone */
@media (min-width:1101px){.teamgrid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .tcard .bd{padding:12px 13px 14px}.tcard h3{font-size:1rem}.tcard .role{font-size:12px;letter-spacing:.08em}}
@media (max-width:760px){.teamgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:420px){.tcard .bd{padding:11px 11px 13px}.tcard h3{font-size:.98rem}.tcard .role{font-size:12px;letter-spacing:.06em}}