/**
 * CSS-логотип «Лаборатория Смыслов» — типографика (Nunito) + двойная спираль.
 * Точки спирали рендерит spiral-logo.js (два слоя: --a оранжевый, --b бирюзовый).
 */

.te-logo {
	display: inline-flex;
	align-items: center;
	gap: 0;
	text-decoration: none;
	color: #fff;
	flex-shrink: 0;
	cursor: pointer;
}

/* ---- Текст ---- */
.te-logo__text {
	display: flex;
	flex-direction: column;
	line-height: 1.05;
	min-width: 0;
	text-align: right;
}

.te-logo__lab {
	font-family: 'Nunito', system-ui, sans-serif;
	font-size: 0.5625rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.68);
}

.te-logo__name {
	font-family: 'Nunito', system-ui, sans-serif;
	font-size: 1.0625rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: inherit;
}

.te-logo--light,
.te-logo--light .te-logo__name {
	color: #1e1c2a;
}

.te-logo--light .te-logo__lab {
	color: rgba(30, 28, 42, 0.52);
}

/* ---- Спираль ---- */
.te-logo__mark {
	--logo-size: 56px;
	width: var(--logo-size);
	height: var(--logo-size);
	flex-shrink: 0;
	position: relative;
	margin-left: -0.6rem;
}

.te-logo__spiral {
	position: absolute;
	inset: 0;
	pointer-events: none;
	transform-origin: 50% 50%;
}

/* Большая оранжевая «раковина» сверху */
.te-logo__spiral--a {
	color: #c07e2c;
	transform: scale(0.86) translate(6%, -16%);
}

/* Меньшая бирюзовая снизу, развёрнута на 180° */
.te-logo__spiral--b {
	color: #6ba8a0;
	transform: rotate(180deg) scale(0.64) translate(14%, -20%);
}

.te-logo__spin {
	position: absolute;
	inset: 0;
	transform-origin: 50% 50%;
	will-change: transform;
}

.te-logo__dot {
	position: absolute;
	border-radius: 50%;
	background-color: #fff;
	transition: background-color 0.12s ease;
}

/* ---- Размеры ---- */
.te-logo--lg .te-logo__mark {
	--logo-size: 96px;
}

.te-logo--lg .te-logo__lab,
.te-logo--lg .te-logo__name {
	font-size: 1.75rem;
}

.te-logo--sm .te-logo__mark {
	--logo-size: 46px;
}

.te-logo--sm .te-logo__lab,
.te-logo--sm .te-logo__name {
	font-size: 0.875rem;
}