.animated-text--stretch {
	display: flex;
	flex-direction: column;
}
	
.animated-text--stretch .section-header {
	display: flex;
	flex-direction: column;
}

.animated-text--stretch .section-header h1,
.animated-text--stretch .section-header h2,
.animated-text--stretch .section-header h3,
.animated-text--stretch .section-header h4,
.animated-text--stretch .section-header h5,
.animated-text--stretch .section-header h6 {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-between;
	margin-inline: auto;
	margin-right: auto;
	margin-left: auto;
	width: auto;
}

@media (prefers-reduced-motion: no-preference) {
	.animated-text--stretch .section-header h1,
	.animated-text--stretch .section-header > h2,
	.animated-text--stretch .section-header h3,
	.animated-text--stretch .section-header h4,
	.animated-text--stretch .section-header h5,
	.animated-text--stretch .section-header h6 {
		transition: width 0.25s ease-in-out;
	}
}

.animated-text--stretch .section-header h1 span,
.animated-text--stretch .section-header h2 span,
.animated-text--stretch .section-header h3 span,
.animated-text--stretch .section-header h4 span,
.animated-text--stretch .section-header h5 span,
.animated-text--stretch .section-header h6 span {
	align-items: center;
	justify-content: center;
	height: 100%;
	width: auto;
}