/* =========================================================
   Glyph touch, on the reel home: the places the glyph field shows.
   Every canvas lets the pointer through.
   ========================================================= */

/* ---------- the glyph layers ---------- */
.gt-cv { position: absolute; left: 0; top: 0; display: block; pointer-events: none; }
/* the wall: over the clips, under the words */
.hero > .gt-cv { z-index: 2; width: 100%; height: 100%; }
/* the whole footer, over its words and its wordmark */
.foot > .gt-cv { z-index: 3; width: 100%; height: 100%; }
/* a title: the layer covers its lines, the words stay in the page, only unseen until they play */
[data-glyph-title] > .gt-cv { z-index: 2; }
.gt-veil, .gt-veil :not(.gt-tl, .gt-tl *) { color: transparent !important; }
.gt-tl { position: absolute; left: 0; top: 0; width: 0; height: 0; pointer-events: none; }
.gt-tl span, .gt-tl canvas { position: absolute; white-space: pre; }
.gt-fade, .gt-fade * { transition: color .56s cubic-bezier(.4, 0, .2, 1) !important; }