@media (max-width: 1024px) {
	.hero__grid,
	.about__grid,
	.contact__grid {
		grid-template-columns: 1fr;
	}

	.hero {
		padding-top: 130px;
	}

	.hero__visual {
		order: -1;
	}

	.stats,
	.services__grid,
	.certificates__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

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

	.navbar {
		min-height: 76px;
	}

	.nav {
		position: absolute;
		top: calc(100% + 12px);
		right: 16px;
		left: 16px;
		display: none;
		flex-direction: column;
		gap: 16px;
		padding: 18px;
		border-radius: 22px;
		background: rgba(8, 18, 33, 0.96);
		border: 1px solid rgba(255,255,255,0.08);
		box-shadow: 0 24px 60px rgba(0,0,0,.35);
	}

	.nav.is-open {
		display: flex;
	}

	.menu-btn {
		display: inline-block;
	}

	.hero__content h1 {
		font-size: clamp(2.8rem, 14vw, 4rem);
	}

	.hero-card {
		min-height: 420px;
	}

	.stats,
	.skills__grid,
	.services__grid,
	.certificates__grid,
	.field-grid {
		grid-template-columns: 1fr;
	}

	.project-card__media {
		min-height: 170px;
	}

	.back-to-top {
		right: 16px;
		bottom: 16px;
	}
}

@media (max-width: 480px) {
	.container {
		width: min(100% - 24px, 1180px);
	}

	.hero__cta,
	.hero__highlights {
		flex-direction: column;
		align-items: stretch;
	}

	.btn {
		width: 100%;
	}

	.hero-card {
		min-height: 360px;
	}

	.floating-badge {
		font-size: 0.85rem;
		padding: 8px 12px;
	}

	.contact__info,
	.contact-form,
	.skill-card,
	.service-card,
	.project-card__body,
	.timeline-item,
	.certificate-card {
		padding: 20px;
	}
}