/**
 * Framed video embed — "See Our Technology in Action" on the About page.
 *
 * v1 dropped a bare Vimeo iframe into a white section: square corners, no edge,
 * no shadow. Against a plain white band a raw player reads as an unstyled
 * artefact — every other rectangle on this site (cards, photos, the hero panel)
 * is rounded and lifted.
 *
 * ASPECT RATIO — the reason the player looked letterboxed.
 *
 * The block carried `wp-embed-aspect-16-9`, but the source is 640×272 (≈2.35:1,
 * a cinematic master). Forcing a 16:9 box makes the player pad the film with
 * black bars top and bottom, which then sat inside a white section — roughly 90px
 * of black doing nothing. The block now declares 21-9 (2.33:1), which is within a
 * percent of the real ratio, so the frame fits the picture.
 *
 * If the embed is ever swapped for a 16:9 video, change the class back — this
 * file deliberately does NOT hard-code an aspect ratio, so the block attribute
 * stays the single source of truth and the editor preview matches the front end.
 *
 * NOT ATTRIBUTED, and worth a decision. The film is MARL Technologies' own product
 * video for the eSPT (Vimeo 219420444, "MARL eSPT® - Digital Standard Penetration
 * Test", by MARL Technologies), not Pacific Drilling footage. A credit line was
 * written and then removed: the live site does not carry one, and this rebuild
 * tracks the live site's copy. Raise it with the client rather than adding it
 * back unilaterally.
 */

figure.pd-video__frame {
	margin: 0;

	border-radius: 14px;

	/* Clips the player's own square corners to the frame's radius. */
	overflow: hidden;

	/* Shows through in the moment before the player paints, and behind any
	   residual pillarboxing if the source ratio changes. Dark, so it reads as
	   part of the player rather than as a grey gap. */
	background-color: var( --wp--preset--color--dark );

	/* Deeper than the card shadows elsewhere: this is the one feature element in
	   its section, and it sits on flat white with nothing else competing. */
	box-shadow:
		0 1px 3px rgba( 0, 0, 0, 0.06 ),
		0 18px 40px rgba( 0, 0, 0, 0.16 );
}

figure.pd-video__frame iframe {
	display: block;
	border: 0;
}