/**
 * Sateri Digital — Site-wide alignment fixes (all pages / breakpoints)
 */

.sateri-section__eyebrow,
.sateri-mv-card__label,
.sateri-journey__date-label,
.sateri-journey__badge {
	padding-left: 0.14em;
}

.sateri-page-hero__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
}

.sateri-page-hero__inner > .sateri-section__eyebrow,
.sateri-page-hero__inner > .sateri-page-hero__title,
.sateri-page-hero__inner > .sateri-page-hero__desc,
.sateri-page-hero__inner > .sateri-breadcrumb,
.sateri-page-hero__inner > .sateri-about-anchors {
	width: 100%;
	max-width: 100%;
}

.sateri-page-hero .sateri-section__eyebrow {
	text-align: center;
}

.sateri-page-hero__title {
	width: 100%;
	max-width: min(100%, 22ch);
	margin-inline: auto;
	text-align: center !important;
}

.sateri-page-hero__title span {
	display: block;
	text-align: center;
	width: 100%;
}

.sateri-page-hero__desc {
	width: 100%;
	text-align: center;
}

.sateri-breadcrumb {
	width: 100%;
	justify-content: center;
}

.sateri-about-anchors {
	width: 100%;
	justify-content: center;
}

.sateri-section__header--center {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 100%;
}

.sateri-section__header--center .sateri-section__eyebrow,
.sateri-section__header--center .sateri-section__title,
.sateri-section__header--center .sateri-section__subtitle {
	text-align: center;
	margin-inline: auto;
	width: 100%;
}

.sateri-section__header--center .sateri-section__title {
	max-width: min(100%, 32ch);
}

.sateri-section__header--center .sateri-section__subtitle,
.sateri-section__subtitle--center {
	max-width: min(100%, 58ch);
	text-align: center;
}

.sateri-story-section .sateri-container {
	width: 100%;
	max-width: min(100% - 2rem, var(--sateri-container-wide));
	margin-inline: auto;
}

.sateri-journey__nav {
	width: 100%;
	max-width: 900px;
	margin-inline: auto;
}

.sateri-journey--alt {
	width: 100%;
	margin-inline: auto;
}

@media (max-width: 1024px) {
	.sateri-careers-hero__inner {
		text-align: center;
	}

	.sateri-careers-hero__inner > div:first-child {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.sateri-careers-hero__desc {
		margin-inline: auto;
	}

	.sateri-careers-hero__actions,
	.sateri-careers-hero__stats {
		justify-content: center;
		width: 100%;
	}

	.sateri-careers-hero .sateri-breadcrumb {
		justify-content: center;
	}
}

@media (max-width: 1024px) {
	.sateri-hero__content {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.sateri-hero__title {
		width: 100%;
		max-width: min(100%, 22ch);
		margin-inline: auto;
		text-align: center;
	}

	.sateri-hero__badge {
		margin-inline: auto;
	}

	/* Split sections: copy/heading first, image/visual second on mobile */
	.sateri-about__grid > .sateri-about__media,
	.sateri-about__grid > .sateri-globe {
		order: 2;
	}

	.sateri-about__grid > :not(.sateri-about__media):not(.sateri-globe) {
		order: 1;
	}

	.sateri-service-split.sateri-about__grid > .sateri-about__media {
		order: 2;
	}

	.sateri-service-split.sateri-about__grid > .sateri-service-split__copy {
		order: 1;
	}
}

.sateri-about-cta__inner {
	align-items: center;
	text-align: left;
}

.sateri-about-cta__actions {
	justify-content: flex-start;
}

.sateri-stats .sateri-section__header--center,
.sateri-stats-section .sateri-section__header--center {
	align-items: center;
}

.sateri-mv-grid,
.sateri-why-grid {
	width: 100%;
	margin-inline: auto;
}

.sateri-careers-empty {
	margin-inline: auto;
}

@media (prefers-reduced-motion: no-preference) {
	.sateri-page-hero__inner[data-sateri-reveal] {
		transform: translateY(28px);
	}

	.sateri-page-hero__inner[data-sateri-reveal].is-visible {
		transform: translateY(0);
	}
}

@media (max-width: 767px) {
	.sateri-page-hero__title {
		max-width: min(100%, 18ch);
	}

	.sateri-page-hero__desc {
		max-width: min(100%, 40ch);
	}

	.sateri-section__header--center .sateri-section__title {
		max-width: min(100%, 26ch);
	}

	.sateri-container {
		width: min(100% - 1.5rem, var(--sateri-container));
	}
}