/* Orion Career Intro — careers.html "Careers at Orion Construction" section.
   Breakpoints: sm=640, md=769, lg=992, xl=1199, 1xl=1380, 2xl=1752. */

.orion-career-intro {
	position: relative;
	overflow: hidden;
	margin-bottom: 32px;
}
@media (min-width: 769px)  { .orion-career-intro { margin-bottom: 50px; } }
@media (min-width: 992px)  { .orion-career-intro { margin-bottom: 60px; } }
@media (min-width: 1380px) { .orion-career-intro { margin-bottom: 80px; } }
@media (min-width: 1752px) { .orion-career-intro { margin-bottom: 100px; } }

.orion-career-intro__container {
	width: 100%;
	margin: 0 auto;
	padding: 0 16px;
	box-sizing: border-box;
}
@media (min-width: 640px)  { .orion-career-intro__container { max-width: 640px; } }
@media (min-width: 769px)  { .orion-career-intro__container { max-width: 769px; } }
@media (min-width: 992px)  { .orion-career-intro__container { max-width: 992px; } }
@media (min-width: 1199px) { .orion-career-intro__container { max-width: 1199px; } }
@media (min-width: 1380px) { .orion-career-intro__container { max-width: 1380px; } }
@media (min-width: 1752px) { .orion-career-intro__container { max-width: 1752px; } }

/* HTML global h2 schedule (beats Customizer --orion-h1-size). */
h2.orion-career-intro__title {
	margin: 0 0 16px;
	font-family: var(--orion-font-heading, "El Messiri", serif);
	font-weight: 500;
	color: #000;
	font-size: 26px;
	line-height: 36px;
}
@media (min-width: 640px) {
	h2.orion-career-intro__title { font-size: 30px; line-height: 40px; }
}
@media (min-width: 769px) {
	h2.orion-career-intro__title {
		margin-bottom: 18px;
		font-size: 35px;
		line-height: 40px;
	}
}
@media (min-width: 1199px) {
	h2.orion-career-intro__title {
		margin-bottom: 23px;
		font-size: 40px;
		line-height: 50px;
	}
}
@media (min-width: 1380px) {
	h2.orion-career-intro__title { font-size: 46px; line-height: 55px; }
}
@media (min-width: 1752px) {
	h2.orion-career-intro__title { font-size: 60px; line-height: 70px; }
}

/* HTML global p — first intro paragraph has mb; second does not. */
.orion-career-intro__text {
	color: #000;
	margin: 0 0 16px;
	font-family: var(--orion-font-body, Lexend, sans-serif);
	font-weight: 300;
	font-size: 14px;
	line-height: 23px;
}
.orion-career-intro__text + .orion-career-intro__text {
	margin-bottom: 0;
}
@media (min-width: 769px) {
	.orion-career-intro__text { margin-bottom: 18px; }
	.orion-career-intro__text + .orion-career-intro__text { margin-bottom: 0; }
}
@media (min-width: 992px) {
	.orion-career-intro__text { font-size: 15px; line-height: 25px; }
}
@media (min-width: 1199px) {
	.orion-career-intro__text {
		margin-bottom: 23px;
		line-height: 26px;
	}
	.orion-career-intro__text + .orion-career-intro__text { margin-bottom: 0; }
}
@media (min-width: 1380px) {
	.orion-career-intro__text { line-height: 28px; }
}
@media (min-width: 1752px) {
	.orion-career-intro__text { font-size: 18px; line-height: 32px; }
}

.orion-career-intro__row {
	display: flex;
	align-items: normal;
	justify-content: space-between;
	flex-direction: column;
	gap: 30px;
	margin-top: 28px;
}
@media (min-width: 769px)  { .orion-career-intro__row { gap: 40px; margin-top: 40px; } }
@media (min-width: 992px)  { .orion-career-intro__row { flex-direction: row; gap: 48px; margin-top: 44px; } }
@media (min-width: 1199px) { .orion-career-intro__row { gap: 64px; } }
@media (min-width: 1380px) { .orion-career-intro__row { gap: 72px; margin-top: 50px; } }
@media (min-width: 1752px) { .orion-career-intro__row { gap: 80px; } }

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

/* Beat .oab3__video height schedule from orion-about.css */
.orion-career-intro__video.oab3__video {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
@media (min-width: 640px)  { .orion-career-intro__video.oab3__video { height: 364px; } }
@media (min-width: 1380px) { .orion-career-intro__video.oab3__video { height: 378px; } }
@media (min-width: 1752px) { .orion-career-intro__video.oab3__video { height: 400px; } }

.orion-career-intro__video .oab3__video-thumb,
.orion-career-intro__video .oab3__video-player {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

/* Ensure play circle matches careers.html (#playBtn inner div) */
.orion-career-intro__video .oab3__play-btn::before {
	width: 60px;
	height: 60px;
	background: rgba(255, 255, 255, 0.698);
	border: 1px solid #fff;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
@media (min-width: 640px)  { .orion-career-intro__video .oab3__play-btn::before { width: 70px; height: 70px; } }
@media (min-width: 1199px) { .orion-career-intro__video .oab3__play-btn::before { width: 80px; height: 80px; } }

.orion-career-intro__video .oab3__play-btn svg {
	width: 28px;
	height: 28px;
	fill: var(--orion-primary);
	stroke: var(--orion-primary);
	margin-left: 6px;
}
@media (min-width: 640px)  { .orion-career-intro__video .oab3__play-btn svg { width: 36px; height: 36px; } }
@media (min-width: 1199px) { .orion-career-intro__video .oab3__play-btn svg { width: 40px; height: 40px; } }

.orion-career-intro__side-col {
	width: 100%;
	padding: 0;
}
@media (min-width: 992px)  { .orion-career-intro__side-col { width: 50%; padding: 16px 0; } }
@media (min-width: 1199px) { .orion-career-intro__side-col { padding: 25px 0; } }
@media (min-width: 1752px) { .orion-career-intro__side-col { width: 48%; } }

.orion-career-intro__side-text {
	color: #000;
	margin: 0;
	font-family: var(--orion-font-body, Lexend, sans-serif);
	font-weight: 300;
	font-size: 14px;
	line-height: 23px;
}
@media (min-width: 992px)  { .orion-career-intro__side-text { font-size: 15px; line-height: 25px; } }
@media (min-width: 1199px) { .orion-career-intro__side-text { line-height: 26px; } }
@media (min-width: 1380px) { .orion-career-intro__side-text { line-height: 28px; } }
@media (min-width: 1752px) { .orion-career-intro__side-text { font-size: 18px; line-height: 32px; } }

/* HTML: space-y-1.5 / md:space-y-2.5 / 1xl:space-y-3 + xl:mt-6 mt-4.5 */
.orion-career-intro__list {
	list-style: none;
	margin: 18px 0 0;
	padding: 0 0 0 24px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
@media (min-width: 640px)  { .orion-career-intro__list { padding-left: 33px; } }
@media (min-width: 769px)  { .orion-career-intro__list { gap: 10px; } }
@media (min-width: 1199px) { .orion-career-intro__list { margin-top: 24px; } }
@media (min-width: 1380px) { .orion-career-intro__list { gap: 12px; } }

.orion-career-intro__list li {
	color: #000;
	font-family: var(--orion-font-body, Lexend, sans-serif);
	font-weight: 300;
	font-size: 14px;
	line-height: 23px;
	margin: 0;
}
@media (min-width: 992px)  { .orion-career-intro__list li { font-size: 15px; line-height: 25px; } }
@media (min-width: 1199px) { .orion-career-intro__list li { line-height: 26px; } }
@media (min-width: 1380px) { .orion-career-intro__list li { line-height: 28px; } }
@media (min-width: 1752px) { .orion-career-intro__list li { font-size: 18px; line-height: 32px; } }