/*
 * blocks/hero-cards-split.css — hero fond blanc uni + 2 cartes SVG verticales.
 * Complète guest.css, ne redéfinit aucune primitive existante.
 */

.hero-cards-split { background: #fff; }

.hero-cards-split__visual {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--s4);
}
.hero-cards-split__card {
	width: 44%;
	max-width: 200px;
	height: auto;
}
.hero-cards-split__card--a { transform: translateY(calc(-1 * var(--s6))) rotate(-8deg); }
.hero-cards-split__card--b { transform: translateY(var(--s6)) rotate(8deg); }

@media (max-width: 860px) {
	.hero-cards-split__card--a { transform: rotate(-6deg); }
	.hero-cards-split__card--b { transform: rotate(6deg); }
}