/* ============================================================
   SILICA WORKS - faq page, the thread rising over the team
   ------------------------------------------------------------
   The contact page's cover, turned round. There the line is a
   sticky ink screen and the paper brief slides over it; here the
   team is the paper and the ink thread is the sheet.

   The team is taller than the screen, so it cannot stick at 0 -
   it would pin its own top and hide its cards. It sticks at a
   negative top instead (--tm-stick, set by js/faq-cover.js to the
   screen height minus its own): it scrolls normally until its
   foot reaches the foot of the screen, then holds there while the
   thread comes up over it, sinking back a touch as it goes.

   Nothing here applies without the script except the stick at 0,
   which with a tall section is simply normal scrolling.
   ============================================================ */

.tm {
  position: sticky;
  top: var(--tm-stick, 0px);
  z-index: 0;
  will-change: transform;
}

/* The sheet, above the stuck team. */
.th {
  z-index: 2;
}