.tx-body { --tx-card-ratio: 3 / 4; }

.tx-body.tx-tex-mesh::before {
  background:
    radial-gradient(40% 36% at 14% 6%, rgba(255, 255, 255, .07), transparent 70%),
    radial-gradient(34% 30% at 86% 14%, rgba(255, 255, 255, .045), transparent 72%),
    radial-gradient(48% 40% at 60% 88%, rgba(255, 255, 255, .035), transparent 70%);
}
.tx-hero-centered { padding-block: clamp(110px, 16vw, 200px) clamp(80px, 12vw, 150px); }
.tx-hero-title { font-size: clamp(2.8em, 7.4vw, 6.2em); letter-spacing: -0.055em; line-height: .95; font-weight: 600; }
.tx-hero-centered.has-image .tx-hero-bg img { filter: grayscale(1) contrast(1.15); }
.tx-eyebrow { color: var(--tx-muted); letter-spacing: .3em; }

.tx-section-title { letter-spacing: -0.04em; }
.tx-btn-primary:hover { background: #ffffff; }
.tx-card-poster { border-color: color-mix(in srgb, var(--tx-text) 10%, transparent); }
.tx-card-poster .tx-card-media { background: radial-gradient(circle at 50% 40%, rgba(255, 255, 255, .08), transparent 70%); }
.tx-card-poster .tx-card-title { font-size: 1.1em; letter-spacing: -0.01em; }
.tx-card-poster .tx-btn-primary { background: var(--tx-accent); color: var(--tx-accent-ink); }
.tx-cats-cards .tx-cat-media { background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, .07), transparent 70%); border-bottom-color: color-mix(in srgb, var(--tx-text) 8%, transparent); }

.tx-stats { background: transparent; border: 0; }
.tx-stat { border-right-color: color-mix(in srgb, var(--tx-text) 10%, transparent); }
.tx-stat dd { font-size: clamp(2.2em, 4vw, 3.4em); letter-spacing: -0.05em; }
.tx-feature-icon { background: color-mix(in srgb, var(--tx-text) 8%, transparent); color: var(--tx-text); border-radius: 50%; }
.tx-cta { flex-direction: column; text-align: center; }
.tx-cta-text { margin-inline: auto; }
.tx-cta-title { letter-spacing: -0.045em; font-size: clamp(2em, 4.4vw, 3.4em); }
.tx-nav-bar > .tx-nav-item.is-active > .tx-nav-link::after { background: var(--tx-text); }
.tx-tab.is-active::before { background: color-mix(in srgb, var(--tx-text) 12%, transparent); }
.tx-tab.is-active > .tx-i, .tx-tab.is-active .tx-tab-icon > .tx-i { color: var(--tx-text); }