/* Presentation only: dimensions inherit the established heading/letter layout. */
.fs-hand-pending,
.fs-hand-failed,
.fs-preparing .fs-hand-ready { visibility: hidden; }
[data-fingerspelling] .fs-hand {
  opacity: var(--fs-opacity, .83);
  filter: none;
  pointer-events: none;
}
.letter-heading[data-fingerspelling] .letter-cell .fs-hand {
  width: var(--fs-size, 1.12em);
  height: var(--fs-size, 1.12em);
}
.section-title.letter-heading[data-fingerspelling] .letter-cell .fs-hand {
  width: var(--fs-size, 1.04em);
  height: var(--fs-size, 1.04em);
}
[data-fingerspelling][data-fs-glow="true"] .fs-hand {
  filter: drop-shadow(0 0 2px color-mix(in srgb, var(--fs-tint) 28%, transparent));
}
.letter-heading[data-fs-align="center"] { justify-content: center; }
.letter-heading[data-fs-align="right"] { justify-content: flex-end; }
.fs-row { display: flex; align-items: center; margin-top: 10px; font-size: var(--fs-size, 76px); }
.fs-row[data-fs-align="center"] { justify-content: center; }
.fs-row[data-fs-align="right"] { justify-content: flex-end; }
.fs-row-cell { display: flex; flex: 0 0 .55em; justify-content: center; }
.fs-row .fs-hand { display: block; width: 1em; height: 1em; max-width: none; object-fit: contain; transform: translate(var(--fs-optical-x, 0%), var(--fs-optical-y, 0%)) scale(var(--fs-optical-scale, 1)); }

/* Section titles use equal visible letter gaps rather than equal-width boxes. */
.hero-title.letter-heading, .section-title.letter-heading {
  column-gap: .16em;
  letter-spacing: 0;
  font-kerning: none;
}
.letter-heading .letter-cell { position: relative; width: auto; }
.letter-heading .letter-cell .glyph { display: block; letter-spacing: 0; }
.letter-heading .space-cell { width: .32em; }
.letter-heading[data-fingerspelling] { padding-bottom: 1.27em; }
.letter-heading[data-fingerspelling] .letter-cell .fs-hand,
.section-title.letter-heading[data-fingerspelling] .letter-cell .fs-hand {
  position: absolute;
  top: calc(1.02em + 10px);
  left: 50%;
  margin: 0;
  width: var(--fs-layout-size, 1.04em);
  height: var(--fs-layout-size, 1.04em);
  transform: translateX(-50%) translate(var(--fs-optical-x, 0%), var(--fs-optical-y, 0%)) scale(var(--fs-optical-scale, 1));
}
