.tsch-nav__burger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 44px;
	height: 44px;
	padding: 10px;
}
.tsch-nav__burger span {
	display: block;
	height: 2px;
	width: 100%;
	background: var(--color-cream);
	border-radius: 2px;
	transition: transform var(--transition-normal), opacity var(--transition-normal);
}
.tsch-nav__burger.tsch-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.tsch-nav__burger.tsch-open span:nth-child(2) { opacity: 0; }
.tsch-nav__burger.tsch-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.tsch-nav-mobile {
	display: none;
	padding: var(--space-lg) var(--space-md) var(--space-xl);
	background: var(--color-ink-soft);
	border-block-start: 1px solid rgb(var(--color-primary-rgb) / 0.20);
}
.tsch-nav-mobile.tsch-open { display: block; }

.tsch-nav-mobile__list {
	display: flex;
	flex-direction: column;
	margin-block-end: var(--space-lg);
}
.tsch-nav-mobile__list a {
	display: block;
	text-decoration: none;
	padding: 14px 0;
	font-family: var(--font-headline);
	font-size: var(--text-h4);
	font-weight: var(--weight-medium);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--color-cream);
	border-block-end: 1px solid rgb(var(--color-primary-rgb) / 0.15);
}
.tsch-nav-mobile__list a:hover { color: var(--color-primary-light); }

@media (max-width: 1100px) {
	.tsch-nav__burger { display: flex; }
}

@media (min-width: 1101px) {
	.tsch-nav-mobile { display: none !important; }
}