/* iOS will not paint a playing video through mix-blend-mode.
   The start-playback button is the paused-video overlay; hide it so a
   blocked autoplay does not sit a play glyph under the buttons. */
@media (max-width: 989px) {
	.mtp-home .vimeo-wrapper,
	.mtp-home .vimeo-wrapper video.mtp-home-bg {
		mix-blend-mode: normal !important;
	}

	.mtp-home .vimeo-wrapper video.mtp-home-bg::-webkit-media-controls,
	.mtp-home .vimeo-wrapper video.mtp-home-bg::-webkit-media-controls-panel,
	.mtp-home .vimeo-wrapper video.mtp-home-bg::-webkit-media-controls-play-button,
	.mtp-home .vimeo-wrapper video.mtp-home-bg::-webkit-media-controls-start-playback-button {
		display: none !important;
		-webkit-appearance: none;
		opacity: 0 !important;
		pointer-events: none !important;
	}
}

.mtp-home .buttons button {
	font-size: 15px;
	letter-spacing: 0.6px;
	padding: 10px 18px;
	text-transform: none;
}

/* Match old index-2 header: fixed bar, nav hard-right (logo-header is hidden on .home). */
.mtp-home .header-wrapper {
	display: block;
	position: fixed;
	top: 24px; /* was flush at 0 after template swap; live/other pages sit ~32px down */
	left: 0;
	width: 100%;
	z-index: 10;
}

.mtp-home .header-wrapper > .alignwide.is-layout-flex {
	justify-content: flex-end !important;
	width: 100%;
	max-width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: var(--wp--style--root--padding-left, 1.25rem);
	padding-right: var(--wp--style--root--padding-right, 1.25rem);
	box-sizing: border-box;
}

.mtp-home .header-wrapper .wp-block-navigation {
	margin-left: auto;
	justify-content: flex-end;
}

/* Keep hero logo clear of the nav row on the right. */
.mtp-home h1.logo {
	z-index: 5;
}