/*
 * Healthy Empire – Text Mask Safe Area v1.0.1
 *
 * Adaptation of the Osmo Supply descender-safe line mask technique:
 *   padding-bottom: 0.1em;
 *   margin-bottom: -0.1em;
 *
 * The equal negative margin returns the added mask space to the layout, so
 * descenders remain visible without changing line spacing or document flow.
 */

:root {
  --he-text-mask-descender-space: 0.1em;
  --he-text-mask-ascender-space: 0em;
}

/* Canonical mask class + aliases used by the HE compatibility layer. */
.line-mask,
.he-line-mask-safe,
[data-he-line-mask-safe="true"] {
  padding-bottom: var(--he-text-mask-descender-space) !important;
  margin-bottom: calc(var(--he-text-mask-descender-space) * -1) !important;
  padding-top: var(--he-text-mask-ascender-space) !important;
  margin-top: calc(var(--he-text-mask-ascender-space) * -1) !important;
}

/* Never alter the clipping model or transform of the mask itself. Motion stays
 * owned by the originating widget / SplitText implementation. */


/* Character-stagger masks used by the Healthy Empire centered navigation.
 * This element is both the animated text wrapper and the clipping mask
 * (overflow:hidden), so it does not look like a conventional SplitText mask.
 * Apply the exact Osmo safe-area fix directly to avoid any first-paint gap
 * before the compatibility scanner runs. */
.healthy-empire-centered-nav__link-text[data-button-animate-chars] {
  padding-bottom: var(--he-text-mask-descender-space) !important;
  margin-bottom: calc(var(--he-text-mask-descender-space) * -1) !important;
  padding-top: var(--he-text-mask-ascender-space) !important;
  margin-top: calc(var(--he-text-mask-ascender-space) * -1) !important;
}