/* Homepage industries tile grid.
 *
 * Hover/focus treatment for the .cmp-card tiles. Scoped to
 * .cmp-home-industries on purpose: .cmp-card is shared with the capabilities
 * grid, the features carousel and the about timeline, and only the industries
 * grid was flagged. Extend the selector list if those should match.
 */

.cmp-home-industries .cmp-card {
	transition: transform 220ms ease, border-color 220ms ease,
		box-shadow 220ms ease;
}

/* The tile carries border-color as an inline style attribute from its block
 * markup, so the hover colour needs !important to land — same idiom the
 * theme.json styles.css block uses for these inline-attribute overrides.
 */
.cmp-home-industries .cmp-card:hover,
.cmp-home-industries .cmp-card:focus-within {
	transform: translateY(-4px);
	border-color: #8eccff !important;
	box-shadow: 0 12px 28px rgb(4 11 32 / 55%);
}

/* Keep the image zoom inside the tile's rounded corner. */
.cmp-home-industries .cmp-card .cmp-card-img {
	overflow: hidden;
	border-radius: 12px;
}

.cmp-home-industries .cmp-card .cmp-card-img img {
	transition: transform 320ms ease;
}

.cmp-home-industries .cmp-card:hover .cmp-card-img img,
.cmp-home-industries .cmp-card:focus-within .cmp-card-img img {
	transform: scale(1.04);
}

@media (prefers-reduced-motion: reduce) {

	.cmp-home-industries .cmp-card,
	.cmp-home-industries .cmp-card .cmp-card-img img {
		transition: none;
	}

	.cmp-home-industries .cmp-card:hover,
	.cmp-home-industries .cmp-card:focus-within,
	.cmp-home-industries .cmp-card:hover .cmp-card-img img,
	.cmp-home-industries .cmp-card:focus-within .cmp-card-img img {
		transform: none;
	}
}

/* External markup round pin 6 (2026-09-10) — "can we make the buttons align?"
 *
 * Aerospace carries a four-line paragraph and Defense a three-line one, so
 * their Explore buttons landed 25px and 52px off the card's bottom edge. The
 * tiles in a row are already equal height; the card just lays out as a block,
 * so the button sits wherever the copy ends. Flex column plus an auto top
 * margin on the button row drops every Explore onto the same baseline.
 *
 * Same shape as the capability-card fix for pins 7 and 14 in
 * cmp-feature-grid-cards.css.
 */
.cmp-home-industries .cmp-card {
	display: flex;
	flex-direction: column;
}

.cmp-home-industries .cmp-card > * {
	width: 100%;
}

.cmp-home-industries .cmp-card > .wp-block-buttons {
	margin-block-start: auto;
	margin-block-end: 0;
}