/* Page hero (converted from the live heroes of Finance 252, About 250, Education 236, Machine Servicing 238). */
.ew-ph { --display:flex; --flex-direction:row; --flex-wrap-mobile:wrap; --align-items:center; --padding-top:10%; --padding-bottom:5%; --padding-left:5%; --padding-right:5%; }
.ew-ph { background-color:transparent; background-image:linear-gradient(180deg, var(--ew-black) 0%, var(--ew-purple) 100%); }
.ew-ph__text { --display:flex; }
.ew-ph__title { text-align:start; }
.ew-ph__title .ew-heading__title { font-family:var(--ew-font-gibson); font-size:45px; font-weight:300; text-transform:uppercase; line-height:1.1em; color:var(--ew-white); }
.ew-ph__title strong, .ew-ph__title b { font-weight:700; }
.ew-ph__body { --align-self:center; }
.ew-ph__body { text-align:start; font-family:var(--ew-font-jakarta); font-size:18px; font-weight:300; line-height:1.4em; color:var(--ew-off-white); }
.ew-ph__body strong, .ew-ph__body b { font-family:var(--ew-font-gibson); font-weight:700; }
.ew-ph__buttons { --display:flex; --flex-direction:row; --flex-wrap-mobile:wrap; --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px; }
.ew-ph__btn .ew-btn { background-color:#02010100; fill:var(--ew-white); color:var(--ew-white); border-style:solid; border-width:1px 1px 1px 1px; border-color:var(--ew-mustard); }
.ew-ph__media { --display:flex; --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px; }
.ew-ph--flush { --padding-bottom:0%; }
@media(max-width:1024px) {
	.ew-ph { --flex-direction:column; --padding-top:25%; --padding-bottom:15%; --padding-left:5%; --padding-right:5%; }
	.ew-ph__media { --margin-top:0px; --margin-bottom:0px; --margin-left:0px; --margin-right:0px; --padding-top:1%; --padding-bottom:1%; --padding-left:1%; --padding-right:1%; }
	.ew-ph__image > .ew-w__c { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
	.ew-ph--flush { --padding-bottom:0%; }
	.ew-ph--flush .ew-ph__media, .ew-ph--bleed .ew-ph__media { --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px; }
	.ew-ph--flush .ew-ph__image { text-align:center; }
	.ew-ph--flush .ew-ph__image img { width:60%; }
	.ew-ph--bleed .ew-ph__image > .ew-w__c { margin:-25px -25px -25px -25px; }
}
@media(max-width:767px) {
	.ew-ph { --padding-top:50%; --padding-bottom:15%; --padding-left:5%; --padding-right:5%; }
	.ew-ph--flush { --padding-bottom:0%; }
	.ew-ph__title { text-align:center; }
	.ew-ph__title .ew-heading__title { font-size:25px; }
	.ew-ph__body { text-align:center; font-size:16px; }
	.ew-ph__btn { --flex-grow:1; --flex-shrink:0; }
	.ew-ph__btn .ew-btn .ew-btn__wrap { justify-content:center; }
	.ew-ph--flush .ew-ph__image img { width:100%; }
	.ew-ph__btn > .ew-w__c { text-align: left; }
	.ew-ph__btn .ew-btn { width: 100%; }
}

/* Panel layout: full-width section, image as a background filling the right half. */
.ew-ph--panel { --padding-top:0%; --padding-bottom:0%; --padding-left:10%; --padding-right:0%; }
.ew-ph--panel .ew-ph__text { --gap:20px 20px; --row-gap:20px; --column-gap:20px; --padding-top:5%; --padding-bottom:5%; --padding-left:5%; --padding-right:5%; }
.ew-ph--panel .ew-ph__media { --min-height:75vh; background-position:center center; background-repeat:no-repeat; background-size:cover; }
@media(max-width:1024px) {
	.ew-ph--panel { --gap:30px 30px; --row-gap:30px; --column-gap:30px; --padding-top:25%; --padding-bottom:0%; --padding-left:5%; --padding-right:5%; }
	.ew-ph--panel .ew-ph__text { --padding-top:1%; --padding-bottom:1%; --padding-left:1%; --padding-right:1%; }
	.ew-ph--panel .ew-ph__media { --min-height:55vh; --padding-top:0%; --padding-bottom:0%; --padding-left:0%; --padding-right:0%; }
}
@media(max-width:767px) {
	.ew-ph--panel { --padding-top:40%; --padding-bottom:0%; }
}