@media (min-width: 768px) {
	.nav--desktop { display: flex;
		flex: 1;
		justify-content: center; }
		.nav-toggle   { display: none; }
	}
	@media (min-width: 768px) {
		.nav--mobile { display: none; }
	}
	@media (min-width: 1024px) {
		.about__inner {
			flex-direction: row;
			align-items: flex-start;
		}
	}
	@media (min-width: 1024px) {
		.section__title {
			flex: 1 1 100%;
			text-align: left;
		}
	}
	@media (min-width: 1024px) {
		.about__wrapper {
			flex-direction: row;
			gap: 80px;
		}
	}

	@media (max-width: 768px) {
		.header__cta {
			display: none;
		}
		/* --------- Hamburger --------- */
		.nav-toggle {
			margin-left: auto;
			width: 32px; height: 32px;
			background: none;
			border: none;
			cursor: pointer;
			display: inline-flex;
			align-items: center;
			justify-content: center;
		}
		.nav-toggle__box {
			position: relative;
			width: 24px; height: 24px;
		}
		.nav-toggle__inner,
		.nav-toggle__inner::before,
		.nav-toggle__inner::after {
			content: '';
			position: absolute;
			width: 100%; height: 2px;
			background: #fff;
			transition: transform .3s, opacity .3s;
		}
		.nav-toggle__inner {
			top: 50%; transform: translateY(-50%);
		}
		.nav-toggle__inner::before { top: -8px; }
		.nav-toggle__inner::after  { top:  8px; }

		/* крестик */
		.nav-toggle.open .nav-toggle__inner {
			background: transparent;
		}
		.nav-toggle.open .nav-toggle__inner::before {
			transform: translateY(8px) rotate(45deg);
		}
		.nav-toggle.open .nav-toggle__inner::after {
			transform: translateY(-8px) rotate(-45deg);
		}
		.nav--mobile {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			max-width: 100%;
			height: 100vh;
			background: #111;
			padding: 24px;
			transform: translateX(-100%);
			transition: transform .3s ease;
			display: flex;
			flex-direction: column;
			z-index: 1001;
			overflow-y: auto;
		}
		.nav--mobile.open {
			transform: translateX(0);
		}

		.nav__close {
			margin-left: auto;
			background: none;
			border: none;
			font-size: 2rem;
			color: #fff;
			cursor: pointer;
		}
		.nav--mobile .nav__list {
			list-style: none;
			margin: 32px 0 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			gap: 16px;
		}
		.nav--mobile .nav__list a {
			color: #fff;
			text-decoration: none;
			font-size: 1.125rem;
			transition: opacity .2s;
		}
		.nav--mobile .nav__list a:hover {
			opacity: .7;
		}
	
	}