@media (max-width: 1024px) {
	.c-cta--split {
		grid-template-columns: 1fr;
	}

	.c-card--horizontal {
		flex-direction: column;
	}

	.c-card--horizontal .c-card__media {
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	.c-related-posts__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.c-nav {
		flex-wrap: wrap;
		padding-inline: var(--space-s);
	}

	.c-nav__cta {
		display: none;
	}

	.c-nav__menu .bricks-nav-menu-wrapper {
		display: none;
	}

	.c-nav__menu .bricks-mobile-menu-toggle {
		display: flex;
		flex-direction: column;
		gap: 5px;
		padding: var(--space-xs);
		border: 0;
		background: none;
		cursor: pointer;
	}

	.c-nav__menu .bricks-mobile-menu-wrapper {
		padding: var(--space-m);
		background-color: var(--bg-surface);
		border-top: 1px solid var(--border-primary);
		box-shadow: var(--shadow-m);
	}

	.c-nav__menu .bricks-mobile-menu a {
		display: block;
		padding-block: var(--space-xs);
		color: var(--text-body);
		font-size: var(--text-m);
		font-weight: 500;
		text-decoration: none;
		transition: color 0.2s ease;
	}

	.c-nav__menu .bricks-mobile-menu a:hover,
	.c-nav__menu .bricks-mobile-menu .current-menu-item > a {
		color: var(--primary);
	}

	.c-hero__title {
		font-size: var(--text-3xl);
	}

	.c-stats {
		gap: var(--space-m);
	}

	.c-related-posts__grid {
		grid-template-columns: 1fr;
	}

	.c-footer__bottom,
	.c-author-box {
		flex-direction: column;
		text-align: center;
	}

	.c-author-box {
		align-items: center;
	}

	.c-card,
	.c-card--service,
	.c-card__content {
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}

	.c-card__title,
	.c-card__text,
	.c-lead,
	.c-heading {
		overflow-wrap: anywhere;
	}

	.c-angle-statement,
	.c-angle-statement.brxe-section {
		padding: var(--space-l) var(--space-s) !important;
	}

	.c-angle-statement__text,
	.c-angle-statement__text.brxe-heading {
		font-size: var(--text-xl) !important;
	}

	.c-footer-cta,
	.c-footer-cta.brxe-section {
		padding: var(--space-2xl) 0 !important;
	}

	.c-footer-cta__inner,
	.c-footer-cta__inner.brxe-container,
	.c-footer-cta__inner.brxe-div {
		grid-template-columns: 1fr !important;
		gap: var(--space-l) !important;
		padding-inline: var(--space-s) !important;
	}

	.c-footer-cta__inner > .c-site-header__quote,
	.c-footer-cta__inner > .bricks-button.c-site-header__quote,
	.c-footer-cta__inner > *:last-child {
		justify-self: start !important;
	}

	.c-footer-cta__heading,
	.c-footer-cta__heading.brxe-heading {
		font-size: var(--text-xl) !important;
	}

	.c-footer-cta__text p,
	.c-footer-cta .c-footer-cta__text p {
		font-size: var(--text-s) !important;
	}
}