/* ========================================
   Responsive
   ======================================== */
@media (max-width: 1200px) {
	.steps-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 992px) {
	.intro-grid {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.service-item,
	.service-item:nth-child(even) {
		grid-template-columns: 1fr;
	}

	.service-item:nth-child(even) .service-image {
		order: 0;
	}

	.footer-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.section {
		padding: 80px 0;
	}

/*
	.nav-links {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: var(--color-bg-secondary);
		flex-direction: column;
		padding: 24px;
		gap: 18px;
		border-bottom: 1px solid var(--color-border);
	}

	.nav-links.active {
		display: flex;
	}

	.nav-toggle {
		display: flex;
		margin-left: auto;
	}
	
	.navbar > .container {
		display: flex;
		align-items: center;
	}
	
	.logo {
		margin-right: 0;
	}
*/
	.navbar-inner{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
	}

	/* Keep the logo on the left */
	.logo{
		display: flex;
		align-items: center;
		margin-right: 0;
	}

	/* Push burger to the far right */
	.nav-toggle{
		display: flex;
		margin-left: auto;
	}

	/* Mobile menu dropdown */
	.nav-links{
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: var(--color-bg-secondary);
		flex-direction: column;
		padding: 24px;
		gap: 18px;
		border-bottom: 1px solid var(--color-border);
	}

	.nav-links.active{
		display: flex;
	}

	.steps-grid {
		grid-template-columns: 1fr;
	}

	.project-grid {
		grid-template-columns: 1fr;
	}

	.footer-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.footer-bottom {
		flex-direction: column;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.service-item {
		padding: 24px;
	}
}