/* Version A of the home page (index-a.html, 2026-10-22): a short title above each document, "Your sales email" etc.,
   saying it is something the customer already has and sends us. No pills and no label on the videos. The title sits
   just above the document's top edge, aligned with its left side, and turns with it. Everything else is as index.html. */
.otag { position: absolute; z-index: 3; left: 4px; bottom: calc(100% + 10px); white-space: nowrap; pointer-events: none;
  font: 700 15px/1.2 var(--font); letter-spacing: -.01em; color: var(--ink); }
/* a card that the next one is covering hides its title, so it never peeks out above the stack */
.otag { opacity: clamp(0, calc(1 - var(--q, 0) * 4), 1); }
@media (max-width: 900px) { .otag { font-size: 13px; bottom: calc(100% + 7px); } }