/* ---------- rules are always left-aligned (to the 1248 content box) ---------- */
.mcdp-section hr.mcdp-rule,
.wp-block-cover hr.mcdp-rule {
	margin-left: max(0px, calc((100% - 1248px) / 2)) !important;
	margin-right: auto;
}
/* ---------- home hero: content left within 1248 box, scrims above watermark ---------- */
.mcdp-hero-home .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1248px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
}
.mcdp-hero-home .wp-block-cover__inner-container > * + * {
	margin-block-start: 28px;
}
.mcdp-hero-home .wp-block-cover__inner-container > * {
	margin-left: 0 !important;
}
.mcdp-hero-home .wp-block-cover__inner-container > p:not([style*="letter-spacing:2px"]) {
	color: #c4d2dc;
}
.mcdp-hero-home::after {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
		linear-gradient(180deg, rgba(12, 30, 44, 0.35) 0%, rgba(7, 19, 29, 0.35) 100%),
		url(../../../img/hero-backdrop.svg) center/contain no-repeat;
}
/* ---------- heroes: thin 640px rule, muted body ---------- */
.wp-block-post-content > .mcdp-section:first-child hr.mcdp-rule,
.mcdp-hero-home hr.mcdp-rule {
	width: 640px;
	max-width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
}
@media (prefers-reduced-motion: no-preference) {
	.mcdp-hero-home hr.mcdp-rule {
		transform-origin: left center;
		animation: mcdp-hero-rule-in var(--mcdp-motion-divider) linear 150ms both;
	}
}
/* Held at its start while start-up scripts run (inc/document-head.php). */
.mcdp-hold-hero-rule .mcdp-hero-home hr.mcdp-rule {
	animation-play-state: paused;
}
.mcdp-hero-home hr.mcdp-rule {
	background: rgba(255, 255, 255, 0.4);
	color: rgba(255, 255, 255, 0.4);
}
@media (prefers-reduced-motion: reduce) {
	.mcdp-hero-home hr.mcdp-rule {
		animation: none;
	}
}
.mcdp-hero-home .wp-block-cover__inner-container > p:not([style*="letter-spacing:2px"]) {
	max-width: 606px;
}
.wp-block-post-content > .mcdp-section:first-child > p:not([style*="letter-spacing:2px"]) {
	max-width: 560px;
	margin-left: max(0px, calc((100% - 1248px) / 2)) !important;
	margin-right: auto;
}