.elementor-168 .elementor-element.elementor-element-fed5736{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-168 .elementor-element.elementor-element-750f87e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ==========================================================
   /find-a-role/ page — hero styling only.

   The filterable list of roles lives in the reload-roles plugin
   and enqueues its own stylesheet (assets/css/reload-roles.css)
   automatically when the [reload_roles] shortcode is on the page.
   ========================================================== */

.reload-far-hero{
	position: relative;
	overflow: hidden;
	padding: clamp(80px, 12vw, 160px) clamp(20px, 5vw, 80px) clamp(60px, 8vw, 100px);
	background: var(--reload-ink, #14141a);
	color: #fff;
}

.reload-far-hero-mark{
	position: absolute; inset: 0;
	pointer-events: none; opacity: .22;
	display: flex; align-items: center; justify-content: flex-end;
	padding-right: clamp(-20px, -2vw, 40px);
}
.reload-far-hero-mark img{
	width: min(60vw, 720px); height: auto;
	transform: translateX(18%);
}

.reload-far-hero-inner{
	position: relative; z-index: 1;
	max-width: 1100px; margin: 0 auto;
}
.reload-far-hero-eyebrow{
	margin: 0 0 18px;
	font-size: 13px; letter-spacing: .12em; text-transform: uppercase;
	color: var(--reload-melon, #ff8f6b);
}
.reload-far-hero-title{
	margin: 0 0 22px;
	font-family: var(--reload-font-display, "Erstoria", serif);
	font-weight: 400;
	font-size: clamp(48px, 8vw, 116px);
	line-height: .95; letter-spacing: -.02em;
	color: #fff;
}
.reload-far-hero-lede{
	margin: 0; max-width: 68ch;
	font-size: clamp(17px, 1.4vw, 20px); line-height: 1.5;
	color: rgba(255,255,255,.82);
}

/* Fade-in for hero, matching other page heroes on the site */
.reload-hero-fadein{ opacity: 0; transform: translateY(10px); animation: reload-hero-in .8s cubic-bezier(.2,.7,.2,1) forwards; }
.reload-hero-fadein[data-step="0"]{ animation-delay: .05s; }
.reload-hero-fadein[data-step="1"]{ animation-delay: .18s; }
.reload-hero-fadein[data-step="2"]{ animation-delay: .34s; }
@keyframes reload-hero-in { to { opacity: 1; transform: none; } }/* End custom CSS */