/*
 * The block stores its desktop font size inline. Responsive values therefore
 * need to win the cascade while remaining scoped to instances that define the
 * corresponding custom property.
 */
@media (max-width: 1024px) {
	.wp-block-sytec-hero-description[style*="--sytec-text-size-tablet"] {
		font-size: var(--sytec-text-size-tablet) !important;
	}
}

@media (max-width: 767px) {
	.wp-block-sytec-hero-description[style*="--sytec-text-size-mobile"] {
		font-size: var(--sytec-text-size-mobile) !important;
	}
}