/* Shared by the front end and the block editor. */

:root {
	--bmd-strip-h: var(--wp--custom--strip-height, 560px);
	--bmd-hero-h: var(--wp--custom--hero-height, 760px);
	--bmd-ink: var(--wp--preset--color--ink, #1B1B1D);
	--bmd-paper: var(--wp--preset--color--paper, #F1F1EE);
	--bmd-graphite: var(--wp--preset--color--graphite, #5E5F63);
	--bmd-rule: var(--wp--preset--color--rule, #CFCFCA);
	--bmd-mount: var(--wp--preset--color--mount, #E6E6E2);
	--bmd-mono: var(--wp--preset--font-family--mono);
}
@media (max-width: 760px) {
	:root {
		--bmd-strip-h: var(--wp--custom--strip-height-mobile, 360px);
		--bmd-hero-h: var(--wp--custom--hero-height-mobile, 480px);
	}
}

/* Header */
.bmd-header { row-gap: 12px; }
.bmd-header .wp-block-site-title a { color: var(--bmd-ink); }
.bmd-lang { margin: 0; font-size: 13px; letter-spacing: 0.08em; color: var(--bmd-graphite); }
.bmd-lang a { color: var(--bmd-graphite); }

/* Small uppercase label (heading and paragraph style) */
.is-style-bmd-label,
.bmd-section__note {
	font-family: var(--wp--preset--font-family--sans) !important;
	font-size: 12px !important;
	font-weight: 500;
	line-height: 1.4 !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.bmd-section__note { color: var(--bmd-graphite); font-weight: 400; }

/* Sections */
.bmd-section { margin-block-start: var(--wp--preset--spacing--60) !important; }
.bmd-section__head {
	border-top: 1px solid var(--bmd-rule);
	padding-top: 6px;
	min-height: 44px;
	align-items: center;
}
.bmd-section__head > * { margin: 0 !important; }
.bmd-section__intro { max-width: 60ch; }

/* Hero */
.bmd-hero { margin-block-start: 0 !important; }
.bmd-hero .wp-block-video video,
.bmd-hero .wp-block-embed { width: 100%; }
.bmd-hero .wp-block-video video {
	display: block;
	height: var(--bmd-hero-h);
	object-fit: cover;
	background: var(--bmd-mount);
}
.bmd-hero .wp-block-video figcaption,
.bmd-hero .wp-block-embed figcaption { text-align: left; margin-top: 14px; }

/* Statement */
.bmd-statement__label { color: var(--bmd-graphite); }
.bmd-statement__text { text-wrap: balance; max-width: 820px; }

/* Call-to-action slide */
.wp-block-group.is-style-bmd-cta {
	background: var(--bmd-ink);
	color: var(--bmd-paper);
	padding: 44px 40px;
	box-sizing: border-box;
}
.is-style-bmd-cta a:where(:not(.wp-element-button)) { color: inherit; }
.is-style-bmd-cta .is-style-bmd-label { color: #A9AAAD; }
.is-style-bmd-cta .bmd-cta__body { color: var(--bmd-rule); max-width: 34ch; }
.is-style-bmd-cta .wp-element-button,
.is-style-bmd-cta .wp-block-button__link {
	background: var(--bmd-paper) !important;
	color: var(--bmd-ink) !important;
}
.is-style-bmd-cta .wp-element-button:hover,
.is-style-bmd-cta .wp-block-button__link:hover { background: #FFFFFF !important; }

/* CV: put the year in "Inline code" and it hangs in the left column */
p.is-style-bmd-cv { position: relative; padding-left: 88px; margin-block: 0; }
p.is-style-bmd-cv + p.is-style-bmd-cv { margin-block-start: 14px; }
p.is-style-bmd-cv code {
	position: absolute;
	left: 0;
	top: 0.2em;
	font-family: var(--bmd-mono);
	font-size: 13px;
	background: none;
	padding: 0;
	color: var(--bmd-ink);
	font-variant-numeric: tabular-nums;
}
.bmd-cv-muted { color: var(--bmd-graphite); font-size: 14px; }

/* Plain underlined link paragraph */
.bmd-link-line a { border-bottom: 1px solid currentColor; padding-bottom: 2px; }

/* Mono caption under single images */
.bmd-mono { font-family: var(--bmd-mono); font-size: 12px; color: var(--bmd-graphite); }