/*
 * Numbers strip — dark band with 4 stat tiles separated by 1-px gaps.
 */

.teledom-design .numbers {
	background: var(--ink);
	color: var(--paper);
	padding: 0 0 50px;
	margin-top: -1px;
}

.teledom-design .numbers .grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	background: rgba(255, 255, 255, 0.08);
	border-radius: var(--r-lg);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.teledom-design .numbers .item {
	padding: 34px 26px;
	background: var(--ink);
}

.teledom-design .numbers .num {
	font-family: var(--display);
	font-size: clamp(38px, 4.3vw, 62px);
	font-weight: 300;
	color: var(--gold);
	line-height: 1;
	letter-spacing: -0.04em;
}

.teledom-design .numbers .num small {
	font-size: 0.5em;
	color: rgba(255, 255, 255, 0.5);
	margin-left: 6px;
}

.teledom-design .numbers .lbl {
	font-family: var(--mono);
	font-size: 10px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 12px;
}

.teledom-design .numbers .desc {
	margin-top: 12px;
	color: rgba(255, 255, 255, 0.55);
	font-size: 12px;
	max-width: 24ch;
}

/*
 * Light variant — same 4-tile stat strip but laid on top of a paper-2
 * (or any light) section background. Used inside the konferenčné centrum
 * "Naše priestory" beat where the stats replace the rooms list and need
 * to read against a light surface. Inherits all geometry from .numbers;
 * only colour tokens are flipped.
 */
.teledom-design .numbers.numbers--light {
	background: transparent;
	color: var(--ink);
	padding: 0;
	margin-top: 0;
}

.teledom-design .numbers.numbers--light .grid {
	background: rgba(41, 43, 44, 0.10);
	border: 1px solid rgba(41, 43, 44, 0.10);
}

.teledom-design .numbers.numbers--light .item {
	background: var(--paper-2);
}

.teledom-design .numbers.numbers--light .num {
	color: var(--gold);
}

.teledom-design .numbers.numbers--light .num small {
	color: rgba(41, 43, 44, 0.45);
}

.teledom-design .numbers.numbers--light .lbl {
	color: rgba(41, 43, 44, 0.6);
}

.teledom-design .numbers.numbers--light .desc {
	color: rgba(41, 43, 44, 0.65);
}