/*
 * Curated acquisition profile styles.
 *
 * The media frame keeps the source's 1.5rem inset and 400ms hover collapse
 * while the outer aspect ratio remains stable. Entrance choreography is owned
 * by the block-local Motion lifecycle in script.js.
 */

[data-acquisition-profile-media-frame] {
	box-sizing: border-box;
	overflow: hidden;
	padding: 1.5rem;
	transition: padding 400ms ease;
}

@media (hover: hover) and (pointer: fine) {
	[data-acquisition-profile-media-frame]:hover {
		padding: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	[data-acquisition-profile-media-frame] {
		transition-duration: 0ms;
	}
}