/* Orion Career Hero — careers.html hero section.
   Breakpoints: sm=640, md=769, lg=992, xl=1199, 1xl=1380, 2xl=1752. */

.orion-career-hero {
	position: relative;
	z-index: 1;
	background: var(--orion-primary, var(--orion-primary));
	overflow: visible;
	margin-bottom: 32px;
	/* No section padding-top: WP header is in-flow (not overlaying like HTML
	   sticky). HTML lg:pt-[85px]/2xl:pt-[110px] clears that sticky header —
	   applying it here double-stacks space under the theme header. */
	padding-top: 0;
}
@media (min-width: 769px)  { .orion-career-hero { margin-bottom: 50px; } }
@media (min-width: 992px)  { .orion-career-hero { margin-bottom: 120px; } }
@media (min-width: 1199px) { .orion-career-hero { margin-bottom: 140px; } }
@media (min-width: 1752px) { .orion-career-hero { margin-bottom: 160px; } }

.orion-career-hero__decor {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: auto;
	opacity: 0.12;
	pointer-events: none;
	overflow: hidden;
}
@media (min-width: 992px) {
	.orion-career-hero__decor { display: block; width: 67%; }
}
@media (min-width: 1752px) { .orion-career-hero__decor { width: 55%; } }
.orion-career-hero__decor img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	object-position: top;
}

.orion-career-hero__row {
	display: flex;
	align-items: normal;
	justify-content: space-between;
	flex-direction: column-reverse;
}
@media (min-width: 992px) { .orion-career-hero__row { flex-direction: row; } }

.orion-career-hero__container {
	/* Intentionally NOT position:relative — bleeding right image positions
	   against .orion-career-hero (position:relative), matching HTML .container. */
	width: 100%;
	margin: 0 auto;
	padding: 0 16px;
}
/* HTML markup has `container pl-0`, but rendered careers.html keeps 16px
   horizontal padding on both sides (pl-0 does not win). Match rendered. */
@media (min-width: 640px)  { .orion-career-hero__container { max-width: 640px; } }
@media (min-width: 769px)  { .orion-career-hero__container { max-width: 769px; } }
@media (min-width: 992px)  { .orion-career-hero__container { max-width: 992px; } }
@media (min-width: 1199px) { .orion-career-hero__container { max-width: 1199px; } }
@media (min-width: 1380px) { .orion-career-hero__container { max-width: 1380px; } }
@media (min-width: 1752px) { .orion-career-hero__container { max-width: 1752px; } }

.orion-career-hero__left {
	width: 100%;
}
@media (min-width: 992px)  { .orion-career-hero__left { width: 50%; } }
@media (min-width: 1752px) { .orion-career-hero__left { width: 45%; } }

.orion-career-hero__content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 40px 0;
}
@media (min-width: 640px)  { .orion-career-hero__content { align-items: flex-start; text-align: left; padding: 44px 0; } }
@media (min-width: 769px)  { .orion-career-hero__content { padding: 60px 0; } }
@media (min-width: 992px)  { .orion-career-hero__content { padding: 90px 0; } }
@media (min-width: 1199px) { .orion-career-hero__content { padding: 100px 0; } }
@media (min-width: 1380px) { .orion-career-hero__content { padding: 120px 0; } }
@media (min-width: 1752px) { .orion-career-hero__content { padding: 160px 0; } }

/* HTML `.sub-title` — Lexend, uppercase, tracking 4px / 0.25em at 1xl */
.orion-career-hero__eyebrow,
.orion-career-hero .orion-career-hero__eyebrow.sub-title {
	font-family: var(--orion-font-body, Lexend, sans-serif);
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 22px;
}
@media (min-width: 640px) {
	.orion-career-hero__eyebrow,
	.orion-career-hero .orion-career-hero__eyebrow.sub-title {
		font-size: 15px;
		line-height: 100%;
		margin-bottom: 34px;
	}
}
@media (min-width: 769px) {
	.orion-career-hero__eyebrow,
	.orion-career-hero .orion-career-hero__eyebrow.sub-title {
		font-size: 16px;
		line-height: 100%;
	}
}
@media (min-width: 992px) {
	.orion-career-hero__eyebrow,
	.orion-career-hero .orion-career-hero__eyebrow.sub-title {
		font-size: 17px;
		line-height: 100%;
	}
}
@media (min-width: 1380px) {
	.orion-career-hero__eyebrow,
	.orion-career-hero .orion-career-hero__eyebrow.sub-title {
		margin-bottom: 44px;
		letter-spacing: 0.25em;
	}
}
@media (min-width: 1752px) {
	.orion-career-hero__eyebrow,
	.orion-career-hero .orion-career-hero__eyebrow.sub-title {
		font-size: 20px;
		line-height: 100%;
	}
}

/* HTML global h1 schedule (beats Customizer --orion-h1-size). */
h1.orion-career-hero__title {
	font-family: var(--orion-font-heading, "El Messiri", serif);
	font-weight: 500;
	color: #fff;
	margin: 0 0 12px;
	font-size: 28px;
	line-height: 36px;
}
@media (min-width: 640px) {
	h1.orion-career-hero__title { font-size: 36px; line-height: 44px; }
}
@media (min-width: 769px) {
	h1.orion-career-hero__title { margin-bottom: 16px; }
}
@media (min-width: 992px) {
	h1.orion-career-hero__title { font-size: 42px; line-height: 52px; }
}
@media (min-width: 1199px) {
	h1.orion-career-hero__title { font-size: 48px; line-height: 60px; }
}
@media (min-width: 1380px) {
	h1.orion-career-hero__title {
		margin-bottom: 24px;
		font-size: 55px;
		line-height: 66px;
	}
}
@media (min-width: 1752px) {
	h1.orion-career-hero__title { font-size: 70px; line-height: 84px; }
}

/* HTML global p schedule */
p.orion-career-hero__desc {
	font-family: var(--orion-font-body, Lexend, sans-serif);
	font-weight: 300;
	color: #fff;
	margin: 0 0 28px;
	font-size: 14px;
	line-height: 23px;
}
@media (min-width: 769px) {
	p.orion-career-hero__desc { margin-bottom: 36px; }
}
@media (min-width: 992px) {
	p.orion-career-hero__desc { font-size: 15px; line-height: 25px; }
}
@media (min-width: 1199px) {
	p.orion-career-hero__desc {
		margin-bottom: 44px;
		line-height: 26px;
	}
}
@media (min-width: 1380px) {
	p.orion-career-hero__desc { line-height: 28px; }
}
@media (min-width: 1752px) {
	p.orion-career-hero__desc { font-size: 18px; line-height: 32px; }
}

/* HTML `.btn.btn-green-bg` — white fill, black text; responsive padding */
.orion-career-hero .apply-btn.btn,
.orion-career-hero a.apply-btn {
	color: #000;
	background-color: #fff;
	border: none;
	padding: 5px 16px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	font-family: var(--orion-font-body, Lexend, sans-serif);
}
@media (min-width: 640px) {
	.orion-career-hero .apply-btn.btn,
	.orion-career-hero a.apply-btn {
		padding: 8px 20px;
	}
}
@media (min-width: 1199px) {
	.orion-career-hero .apply-btn.btn,
	.orion-career-hero a.apply-btn {
		padding: 10px 28px;
		font-size: 15px;
	}
}
@media (min-width: 1380px) {
	.orion-career-hero .apply-btn.btn,
	.orion-career-hero a.apply-btn {
		padding: 10px 34px;
	}
}
@media (min-width: 1752px) {
	.orion-career-hero .apply-btn.btn,
	.orion-career-hero a.apply-btn {
		padding: 12px 40px;
		font-size: 18px;
	}
}

.orion-career-hero__right {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.orion-career-hero__right img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	max-width: none;
}
.orion-career-hero__right--desktop { display: none; }
@media (min-width: 992px) {
	.orion-career-hero__right--desktop {
		display: block;
		width: 45%;
		position: absolute;
		right: 0;
		left: auto;
		/* HTML sticky header overlays the hero, so the image starts near the
		   viewport top. WP header is in-flow — pin image to hero top (flush
		   under header) and hang below with the HTML bottom offsets. */
		top: 0;
		bottom: -55px;
		height: auto;
	}
}
@media (min-width: 1199px) { .orion-career-hero__right--desktop { bottom: -75px; } }
@media (min-width: 1752px) { .orion-career-hero__right--desktop { bottom: -90px; } }

.orion-career-hero__right--mobile {
	height: 100%;
}
@media (min-width: 640px) { .orion-career-hero__right--mobile { height: 350px; } }
@media (min-width: 769px) { .orion-career-hero__right--mobile { height: 450px; } }
@media (min-width: 992px) { .orion-career-hero__right--mobile { display: none; } }