/* Original OLADER identity and a tighter illustrated-page hierarchy.
 * Load after the existing commerce and editorial styles. No logo recoloring. */
.om-site .om-reference-header .om-logo {
	min-width: 0;
	max-width: 100%;
	line-height: 1;
}
.om-site .om-reference-header .om-logo > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	background: #fff;
	line-height: 0;
}
.om-site .om-reference-header .om-logo .om-original-logo {
	display: block;
	width: 225px;
	max-width: 100%;
	height: auto;
	max-height: 64px;
	object-fit: contain;
	filter: none;
}
.om-site .om-reference-footer .om-footer-company .om-footer-logo {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 8px;
	border-radius: 2px;
	background: #fff;
	line-height: 0;
}
.om-site .om-reference-footer .om-footer-logo .om-original-logo {
	display: block;
	width: 200px;
	max-width: 100%;
	height: auto;
	max-height: 57px;
	object-fit: contain;
	filter: none;
}
.om-site .om-mobile-nav-heading .om-menu-brand {
	display: inline-flex;
	align-items: center;
	max-width: calc(100% - 42px);
	padding: 5px 8px;
	background: #fff;
	border-radius: 2px;
	line-height: 0;
}
.om-site .om-mobile-nav-heading .om-original-logo {
	display: block;
	width: 185px;
	max-width: 100%;
	height: auto;
	max-height: 53px;
	object-fit: contain;
	filter: none;
}

/* Keep the first view focused on a readable introduction and a substantial photo. */
.om-editorial-page .ep-intro-grid {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 48px;
	padding-block: 42px 46px;
}
.om-editorial-page .ep-page-content h1 {
	font-size: clamp(32px, 3.1vw, 40px);
	line-height: 1.2;
	letter-spacing: -.025em;
	margin-bottom: 20px;
}
.om-editorial-page .ep-lead {
	font-size: 16px;
	line-height: 1.8;
	max-width: 590px;
}
.om-editorial-page .ep-intro-media {
	min-height: 330px;
	padding: 12px 20px;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.om-editorial-page .ep-intro-media::before,
.om-editorial-page .ep-image-label,
.om-editorial-page .ep-image-caption {
	display: none;
}
.om-editorial-page .ep-intro-media img {
	width: 100%;
	max-width: 430px;
	height: 300px;
	object-fit: contain;
}
.om-editorial-page .ep-actions { margin-top: 25px; }
.om-editorial-page .ep-section { padding-block: 48px; }
.om-editorial-page .ep-section-heading { margin-bottom: 28px; }
.om-editorial-page .ep-page-content h2 {
	font-size: clamp(26px, 2.35vw, 32px);
	line-height: 1.25;
	margin-bottom: 17px;
}
.om-editorial-page .ep-page-content .ep-eyebrow,
.om-editorial-page .ep-page-content .ep-kicker {
	letter-spacing: .1em;
	margin-bottom: 13px;
}

/* Text summaries read as columns; image-led areas retain their visual grouping. */
.om-editorial-page .ep-feature {
	padding: 25px 0 0;
	border: 0;
	border-top: 2px solid #d9e1e7;
	border-radius: 0;
	background: transparent;
}
.om-editorial-page .ep-feature h3 { font-size: 21px; }
.om-editorial-page .ep-feature h2 { font-size: 23px; }
.om-editorial-page .ep-feature--illustrated {
	padding: 0;
	border: 1px solid #dde4e9;
	background: #fff;
}
.om-editorial-page .ep-feature--illustrated .ep-media {
	min-height: 285px;
	padding: 26px 30px;
	border-bottom-color: #edf0f3;
}
.om-editorial-page .ep-feature--illustrated .ep-media img { height: 245px; }
.om-editorial-page .ep-feature--illustrated .ep-copy { padding: 27px 30px 30px; }
.om-editorial-page .ep-media {
	min-height: 320px;
	padding: 30px;
	border: 0;
	border-radius: 0;
}
.om-editorial-page .ep-media img { height: 290px; }
.om-editorial-page .ep-split { gap: 48px; }
.om-editorial-page .ep-copy .ep-feature {
	padding: 20px 0 0;
	border-top-width: 1px;
}
.om-editorial-page .ep-feature--image {
	padding: 0 0 26px;
	border: 1px solid #dde4e9;
	background: #fff;
}
.om-editorial-page .ep-feature--image .ep-feature-image {
	min-height: 255px;
	margin: 0 0 25px;
	padding: 26px 30px;
	border-bottom-color: #edf0f3;
	background: #fff;
}
.om-editorial-page .ep-feature--image .ep-feature-image img { height: 215px; }
.om-editorial-page .ep-feature--image > h3,
.om-editorial-page .ep-feature--image > p,
.om-editorial-page .ep-feature--image > a { margin-inline: 28px; }
.om-editorial-page .ep-topic-card {
	padding: 25px;
	border: 1px solid #dde4e9;
	border-top: 3px solid var(--ep-accent, #80241e);
	background: #fff;
}
.om-editorial-page .ep-brand-grid--primary .ep-brand-card { padding: 21px 22px; }
.om-editorial-page .ep-brand-grid--primary .ep-brand-logo {
	height: 76px;
	margin-bottom: 12px;
}
.om-editorial-page .ep-brand-grid--primary .ep-brand-logo img { height: 62px; }
.om-editorial-page .ep-brand-strip { gap: 12px; }
.om-editorial-page .ep-brand-item { min-height: 90px; }
.om-editorial-page .ep-contact-form { border-radius: 0; }
.om-editorial-page .ep-contact-visual {
	border: 0;
	padding: 16px 24px 24px;
	background: transparent;
}
.om-editorial-page .ep-contact-visual img { height: 220px; }
.om-editorial-page .ep-cta { padding-block: 42px; }

@media (min-width: 1200px) {
	.om-site .om-reference-header .om-header-inner {
		grid-template-columns: 225px minmax(200px, 1fr) auto;
		column-gap: 26px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.om-site .om-reference-header .om-logo .om-original-logo { width: 200px; }
	.om-editorial-page .ep-intro-grid { gap: 32px; }
	.om-editorial-page .ep-intro-media img { height: 285px; }
}
@media (max-width: 991px) {
	.om-site .om-reference-header .om-header-inner {
		grid-template-rows: 76px 48px;
	}
	.om-site .om-reference-header .om-logo {
		justify-self: center;
		width: 216px;
	}
	.om-site .om-reference-header .om-logo > a {
		width: 216px;
		padding: 5px 8px;
		border-radius: 2px;
	}
	.om-site .om-reference-header .om-logo .om-original-logo {
		width: 200px;
		max-height: 57px;
	}
	.om-editorial-page .ep-intro-grid { gap: 30px; }
	.om-editorial-page .ep-page-content h1 { font-size: 34px; }
	.om-editorial-page .ep-intro-media { min-height: 295px; padding: 8px; }
	.om-editorial-page .ep-intro-media img { height: 275px; }
	.om-editorial-page .ep-split { gap: 30px; }
}
@media (max-width: 800px) {
	.om-editorial-page .ep-section { padding-block: 40px; }
	.om-editorial-page .ep-feature--illustrated .ep-media { min-height: 245px; padding: 22px; }
	.om-editorial-page .ep-feature--illustrated .ep-media img { height: 210px; }
	.om-editorial-page .ep-feature--image .ep-feature-image { min-height: 225px; padding: 22px; }
	.om-editorial-page .ep-feature--image .ep-feature-image img { height: 190px; }
}
@media (max-width: 600px) {
	.om-editorial-page .ep-intro-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 22px;
		padding-block: 30px 32px;
	}
	.om-editorial-page .ep-page-content h1 { font-size: 30px; line-height: 1.22; }
	.om-editorial-page .ep-lead { font-size: 15px; }
	.om-editorial-page .ep-intro-media { min-height: 245px; padding: 5px 12px; }
	.om-editorial-page .ep-intro-media img { height: 235px; max-width: 350px; }
	.om-editorial-page .ep-section { padding-block: 34px; }
	.om-editorial-page .ep-page-content h2 { font-size: 26px; }
	.om-editorial-page .ep-section-heading { margin-bottom: 24px; }
	.om-editorial-page .ep-feature { padding-top: 22px; }
	.om-editorial-page .ep-feature--illustrated { padding: 0; }
	.om-editorial-page .ep-feature--illustrated .ep-media { min-height: 245px; }
	.om-editorial-page .ep-feature--illustrated .ep-media img { height: 210px; }
	.om-editorial-page .ep-feature--illustrated .ep-copy { padding: 24px; }
	.om-editorial-page .ep-media { min-height: 265px; padding: 24px; }
	.om-editorial-page .ep-media img { height: 235px; }
	.om-editorial-page .ep-feature--image { padding: 0 0 24px; }
	.om-editorial-page .ep-feature--image .ep-feature-image { min-height: 235px; }
	.om-editorial-page .ep-feature--image .ep-feature-image img { height: 200px; }
	.om-editorial-page .ep-feature--image > h3,
	.om-editorial-page .ep-feature--image > p,
	.om-editorial-page .ep-feature--image > a { margin-inline: 24px; }
	.om-editorial-page .ep-topic-card { padding: 24px; }
	.om-editorial-page .ep-brand-grid--primary .ep-brand-card { padding: 17px 12px; }
	.om-editorial-page .ep-brand-grid--primary .ep-brand-logo { height: 65px; }
	.om-editorial-page .ep-brand-grid--primary .ep-brand-logo img { height: 50px; }
	.om-editorial-page .ep-contact-visual img { height: 200px; }
	.om-editorial-page .ep-cta { padding-block: 34px; }
}
@media (max-width: 359px) {
	.om-site .om-reference-header .om-logo > a { padding-inline: 5px; }
	.om-site .om-reference-header .om-logo .om-original-logo { width: 190px; }
}