.t-display-1,
.t-display-2,
.t-display-3,
.t-display-4,
.t-display-5,
.t-display-6,
.t-display-7,
.t-display-8,
.t-title-1,
.t-title-2,
.t-title-3,
.t-title-4,
.t-title-5,
.t-title-6 {
	margin: 0;
	color: var(--nk-text);
	font-family: var(--nk-font-display);
	font-weight: var(--nk-fw-regular);
}

.t-display-1 {
	font-size: var(--nk-fs-d1);
	line-height: var(--nk-lh-display-loose);
	letter-spacing: var(--nk-ls-display);
}

.t-display-2 {
	font-size: var(--nk-fs-d2);
	line-height: var(--nk-lh-display);
	letter-spacing: var(--nk-ls-display);
}

.t-display-3 {
	font-size: var(--nk-fs-d3);
	line-height: var(--nk-lh-display);
}

.t-display-4 {
	font-size: var(--nk-fs-d3);
	line-height: var(--nk-lh-display-loose);
	letter-spacing: var(--nk-ls-display-sm);
}

.t-display-5 {
	font-size: var(--nk-fs-d4);
	line-height: var(--nk-lh-display-loose);
	letter-spacing: var(--nk-ls-display);
}

.t-display-6 {
	font-size: var(--nk-fs-d5);
	line-height: var(--nk-lh-display-loose);
	letter-spacing: var(--nk-ls-display-sm);
}

.t-display-7 {
	font-size: var(--nk-fs-d6);
	line-height: var(--nk-lh-stats);
	letter-spacing: var(--nk-ls-display-sm);
}

.t-display-8 {
	font-size: var(--nk-fs-d8);
	line-height: var(--nk-lh-display);
}

.t-title-1 {
	font-size: var(--nk-fs-h1);
	line-height: var(--nk-lh-display-loose);
}

.t-title-2 {
	font-size: var(--nk-fs-h2);
	line-height: var(--nk-lh-display-loose);
}

.t-title-3 {
	font-size: var(--nk-fs-h3);
	line-height: var(--nk-lh-display-loose);
}

.t-title-4 {
	font-size: var(--nk-fs-h4);
	line-height: var(--nk-lh-heading);
}

.t-title-5 {
	font-size: var(--nk-fs-h5);
	line-height: var(--nk-lh-title);
}

.t-title-6 {
	font-size: var(--nk-fs-h6);
	line-height: var(--nk-lh-excerpt);
}

.t-stat {
	margin: 0;
	background: var(--nk-gradient-stat);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	font-family: var(--nk-font-display);
	font-size: var(--nk-fs-d7);
	font-weight: var(--nk-fw-regular);
	line-height: var(--nk-lh-1);
}

.t-quote {
	margin: 0;
	color: var(--nk-text-soft);
	font-family: var(--nk-font-display);
	font-size: var(--nk-fs-h6);
	font-weight: var(--nk-fw-regular);
	line-height: var(--nk-lh-excerpt);
}

.t-quote-italic {
	margin: 0;
	color: var(--nk-text-muted);
	font-family: var(--nk-font-display);
	font-size: var(--nk-fs-h6);
	font-style: italic;
	line-height: var(--nk-lh-quote);
}

.t-lead-lg {
	color: var(--nk-text-dim);
	font-size: var(--nk-fs-lead-lg);
	line-height: var(--nk-lh-body);
	letter-spacing: 0.2px;
}

.t-lead {
	color: var(--nk-text-body);
	font-size: var(--nk-fs-lead);
	line-height: var(--nk-lh-body);
}

.t-lead-sm {
	color: var(--nk-text-muted);
	font-size: var(--nk-fs-lead-sm);
	line-height: var(--nk-lh-body);
}

.t-body-lg {
	color: var(--nk-text-muted);
	font-size: var(--nk-fs-body-lg);
	line-height: var(--nk-lh-lead);
}

.t-body {
	color: var(--nk-text-muted);
	font-size: var(--nk-fs-sm);
	line-height: var(--nk-lh-body);
}

.t-body-sm {
	color: var(--nk-text-dim);
	font-size: var(--nk-fs-sm-alt);
	line-height: var(--nk-lh-body);
}

.t-eyebrow {
	display: block;
	color: var(--nk-text-dim);
	font-family: var(--nk-font-body);
	font-size: var(--nk-fs-label);
	font-weight: var(--nk-fw-semibold);
	letter-spacing: var(--nk-ls-eyebrow);
	text-transform: uppercase;
}

.t-eyebrow-wide {
	display: inline-block;
	color: var(--nk-text-muted);
	font-family: var(--nk-font-body);
	font-size: var(--nk-fs-eyebrow);
	font-weight: var(--nk-fw-medium);
	letter-spacing: var(--nk-ls-eyebrow-wide);
	text-transform: uppercase;
}

.t-tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--nk-blue-light);
	font-family: var(--nk-font-body);
	font-size: var(--nk-fs-eyebrow);
	font-weight: var(--nk-fw-bold);
	letter-spacing: var(--nk-ls-badge);
	text-transform: uppercase;
}

.t-meta {
	display: inline-block;
	color: var(--nk-text-faint);
	font-family: var(--nk-font-body);
	font-size: var(--nk-fs-label);
	font-weight: var(--nk-fw-semibold);
	letter-spacing: var(--nk-ls-badge);
	text-transform: uppercase;
}

.t-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--nk-text-muted);
	font-family: var(--nk-font-body);
	font-size: var(--nk-fs-meta);
	font-weight: var(--nk-fw-bold);
	letter-spacing: var(--nk-ls-meta);
	text-transform: uppercase;
}

.t-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--nk-text-muted);
	font-family: var(--nk-font-body);
	font-size: var(--nk-fs-badge-sm);
	font-weight: var(--nk-fw-bold);
	letter-spacing: var(--nk-ls-badge);
	text-transform: uppercase;
}

.t-label {
	display: block;
	color: var(--nk-text-ghost);
	font-family: var(--nk-font-body);
	font-size: var(--nk-fs-badge);
	font-weight: var(--nk-fw-bold);
	letter-spacing: var(--nk-ls-badge);
	text-transform: uppercase;
}

.t-category {
	display: block;
	color: var(--nk-blue-deep);
	font-family: var(--nk-font-body);
	font-size: var(--nk-fs-badge-xs);
	font-weight: var(--nk-fw-bold);
	letter-spacing: var(--nk-ls-badge);
	text-transform: uppercase;
}

.t-date {
	display: block;
	color: var(--nk-blue);
	font-family: var(--nk-font-body);
	font-size: var(--nk-fs-meta);
	font-weight: var(--nk-fw-semibold);
	letter-spacing: var(--nk-ls-meta);
}

.accent,
.t-accent {
	background: var(--nk-gradient);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	font-family: inherit;
	font-style: italic;
	font-weight: var(--nk-fw-light);
	padding-right: 4px;
}

.t-accent--brand {
	background-image: var(--nk-gradient-brand);
}

.t-accent--tri {
	background-image: var(--nk-gradient-tri);
}

.t-accent--soft {
	background-image: var(--nk-gradient-soft);
}

.t-accent--upright {
	font-style: normal;
	font-weight: var(--nk-fw-regular);
}

.t-vs {
	color: var(--nk-text-faint);
	font-family: inherit;
	font-size: 2rem;
	font-weight: var(--nk-fw-light);
	margin-inline: 12px;
	-webkit-text-fill-color: currentColor;
}

.t-marquee {
	color: var(--nk-text-marquee);
	font-family: var(--nk-font-body);
	font-size: 2rem;
	font-weight: var(--nk-fw-medium);
	letter-spacing: var(--nk-ls-eyebrow-wide);
}

@media (max-width: 1024px) {
	.t-marquee {
		font-size: 1.65rem;
	}
}

@media (max-width: 768px) {
	.t-marquee {
		font-size: 1.35rem;
	}

	.t-vs {
		font-size: 1.25rem;
		margin-inline: 8px;
	}
}