/* Native lower-page section geometry; the player owns only its media slot. */
.tta-video-feature {
	background: var(--wp--preset--color--background);
	color: var(--wp--preset--color--foreground);
	overflow: clip;
	padding: var(--wp--custom--spacing--section-standard) var(--wp--custom--layout--padding);
}
.tta-video-feature__inner {
	align-items: center;
	display: grid;
	gap: var(--wp--custom--spacing--9-xl);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-inline: auto;
	max-width: var(--wp--custom--layout--wide);
	min-height: 608px;
}
.tta-video-feature .tta-video-feature__inner > * { margin: 0; width: 100%; }
.tta-video-feature__media { position: relative; width: 100%; }
.tta-video-feature__media::before {
	background: var(--wp--preset--color--blue-100);
	content: "";
	inset: -40px 40px 40px -40px;
	position: absolute;
}
.tta-video-feature .tta-video-feature__content { max-width: 568px; padding-right: var(--wp--custom--spacing--5-xl); }
.tta-video-feature__heading {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--display-lg);
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: var(--wp--custom--line-height--display);
	margin: 0;
	max-width: 528px;
}
.tta-video-feature__body { font-size: var(--wp--preset--font-size--text-md); line-height: var(--wp--custom--line-height--relaxed); margin-top: var(--wp--custom--spacing--4-xl); max-width: 528px; }
.tta-video-feature__body > * { margin-block: 0 var(--wp--custom--spacing--2-xl); }
.tta-video-feature__body > :last-child { margin-bottom: 0; }

.tta-youtube-media {
	--tta-youtube-ratio: 16 / 9;
	min-width: 0;
	position: relative;
	width: 100%;
}
.tta-youtube-media.is-square { --tta-youtube-ratio: 1; }
.tta-youtube-media.is-hero { --tta-youtube-ratio: 624 / 478; }
.tta-youtube-media__stage { min-height: 200px; position: relative; width: 100%; }
.tta-youtube-media__poster figure { margin: 0; max-width: none; width: 100%; }
.tta-youtube-media .tta-youtube-media__poster img {
	aspect-ratio: var(--tta-youtube-ratio);
	display: block;
	height: auto;
	min-height: 200px;
	object-fit: cover;
	width: 100%;
}
.tta-youtube-media__poster figcaption { position: relative; }
.tta-youtube-media__trigger,
.tta-youtube-media__player {
	/* Explicit width prevents min-height from making an aspect-ratio box wider. */
	aspect-ratio: var(--tta-youtube-ratio);
	box-sizing: border-box;
	min-height: 200px;
	width: 100%;
}
.tta-youtube-media__trigger {
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--white);
	display: block;
	inset: 0 auto auto 0;
	position: absolute;
	text-decoration: none;
}
.tta-youtube-media__trigger:focus-visible { outline: 3px solid var(--wp--preset--color--foreground); outline-offset: 6px; }
.tta-youtube-media__play {
	align-items: center;
	background: var(--wp--custom--media-play--background);
	border: var(--wp--custom--border-width--default) solid var(--wp--preset--color--white);
	border-radius: var(--wp--custom--border-radius--full);
	box-shadow: 0 4px 16px rgba(0, 25, 38, 0.24);
	display: flex;
	height: 80px;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
}
.tta-youtube-media__play::before {
	background: currentcolor;
	content: "";
	height: 16px;
	-webkit-mask: url("../../assets/icons/utility/video-play.svg") center / contain no-repeat;
	mask: url("../../assets/icons/utility/video-play.svg") center / contain no-repeat;
	width: 12px;
}
.tta-youtube-media__player { background: #000; position: relative; }
.tta-youtube-media__player[data-youtube-inline] { left: 0; position: absolute; top: 0; }
.tta-youtube-media__player iframe { border: 0; display: block; height: 100%; inset: 0; position: absolute; width: 100%; }
.tta-youtube-media.is-playing .tta-youtube-media__poster img { visibility: hidden; }
.tta-youtube-media [hidden] { display: none !important; }
.tta-youtube-media__dialog {
	--tta-youtube-ratio: 16 / 9;
	background: transparent;
	border: 0;
	box-sizing: border-box;
	color: var(--wp--preset--color--foreground);
	max-height: none;
	max-width: none;
	overflow: visible;
	padding: 56px 0 0;
	width: min(1120px, calc(100vw - 32px), calc((100dvh - 128px) * 16 / 9));
}
.tta-youtube-media__dialog::backdrop { background: rgba(0, 25, 38, 0.82); backdrop-filter: blur(8px); }
.tta-youtube-media__close {
	background: var(--wp--preset--color--background);
	border: 0;
	border-radius: var(--wp--custom--border-radius--full);
	color: var(--wp--preset--color--foreground);
	cursor: pointer;
	height: 44px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
}
.tta-youtube-media__close::before {
	background: currentcolor;
	content: "";
	display: block;
	height: 24px;
	margin: auto;
	-webkit-mask: url("../../assets/icons/utility/video-close.svg") center / contain no-repeat;
	mask: url("../../assets/icons/utility/video-close.svg") center / contain no-repeat;
	width: 24px;
}
.tta-youtube-media__close:focus-visible { outline: 3px solid white; outline-offset: 4px; }
.tta-youtube-media__editor-note { background: var(--wp--preset--color--blue-100); font: 14px/1.5 sans-serif; padding: 12px; }
.tta-youtube-media__editor-note.is-error { border-left: 4px solid #b32d2e; }
html.tta-youtube-dialog-open { overflow: hidden; }
@media (max-width: 1023px) {
	.tta-video-feature__inner { gap: var(--wp--custom--spacing--7-xl); grid-template-columns: minmax(0, 1fr); }
	.tta-video-feature .tta-video-feature__inner > .tta-video-feature__media { max-width: 608px; }
	.tta-video-feature .tta-video-feature__content { max-width: 608px; padding-right: 0; }
}
@media (max-width: 600px) {
	.tta-video-feature { padding-block: var(--wp--custom--spacing--7-xl); }
	.tta-video-feature__inner { gap: var(--wp--custom--spacing--6-xl); min-height: 0; }
	.tta-video-feature__media::before { inset: -20px 20px 20px -20px; }
	.tta-youtube-media__play { height: 64px; width: 64px; }
}
@media (forced-colors: active) {
	.tta-youtube-media__play, .tta-youtube-media__close { border: 2px solid ButtonText; }
	.tta-youtube-media__close::before { background: none; content: "×"; font-size: 28px; height: auto; mask: none; -webkit-mask: none; width: auto; }
}

/* Replace the image hero’s fixed-height slot only when it owns this video block. */
.tta-page-hero.tta-page-hero--video .tta-page-hero__media-wrap:has(> .tta-page-hero-video__media-slot),
.tta-page-hero.tta-page-hero--video .tta-page-hero-video__media-slot {
	aspect-ratio: auto;
	height: auto;
	min-height: 0;
}
.tta-page-hero.tta-page-hero--video .tta-page-hero-video__media-slot > .tta-youtube-media { margin: 0; max-width: none; }
.tta-page-hero.tta-page-hero--video .tta-page-hero-video__media-slot .wp-block-image { height: auto; }

/* A normal link remains available when an embed is blocked or unavailable. */
.tta-youtube-media__watch { font-size: 14px; line-height: 24px; margin: 8px 0 0; }
.tta-youtube-media__dialog .tta-youtube-media__watch a { color: var(--wp--preset--color--white); }