/* The feature image card (design review, 15 Oct 2026) — the two promo panels at the foot of the
 * products index, and anything else that wants a photograph on a Card.
 *
 * Built on the Card group style (is-style-pwr-card: white, hairline, ink text) with the photo
 * run to the card's own edges: the group's padding is set to 0 in the template and the body
 * group carries its own. The anatomy is the applications tile's — photo, eyebrow, title, copy,
 * link — so the two sit beside the tiles above them as the same kind of object. A 4px orange
 * rule on top, the stat card's device, in the ONE orange the review asked for (the pair used to
 * mix dark orange, light orange and a green button).
 *
 * No hover dip: the card is not a link, only its button is (Wayne, 14 Oct — the lift is an
 * affordance and belongs on something clickable). The chamfer is the plugin cards' 22px cut on
 * the card itself, so the photo's own cut is off (is-style-no-chamfer) and the group's hairline
 * is traded for the cut: a clip-path would clip the border away anyway. */
.pwr-feature-card.pwr-feature-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 0;
	border-top: 4px solid var(--wp--preset--color--orange);
	box-shadow: none;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);
}
/* The shadow rides the column, because the clip-path clips the card's own box-shadow — the
   same device as the plugin's .pwr-b-card-shadow. */
.wp-block-column:has(> .pwr-feature-card) {
	filter: drop-shadow(var(--wp--preset--shadow--m-dark));
}
.pwr-feature-card > .pwr-feature-card__media {
	margin: 0;
	flex: 0 0 auto;
}
.pwr-feature-card > .pwr-feature-card__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	clip-path: none;
}
.pwr-feature-card > .pwr-feature-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.pwr-feature-card > .pwr-feature-card__body > * { margin-block: 0; }
/* the button pins to the foot, so the two cards' buttons sit on one line */
.pwr-feature-card > .pwr-feature-card__body > .wp-block-buttons { margin-top: auto; padding-top: var(--wp--preset--spacing--s); }