/* aieo/category-hero, layout "text" (11.3.10): the designer's calm category head (archive B, «Gel colour.»; the owner,
 * 11 Nov 2026). Live words and no picture: the parent category as an eyebrow, the name as the page's display heading,
 * the description with the number of products in bold leading it. Two columns from 64rem, 7 : 5, the words at the
 * start; the second column waits for the shades' chart and holds nothing yet. The designer's sizes and spacing on the
 * theme's tokens (his display size, which no token reaches, is the one literal size). No colour of the block's own:
 * the theme's tokens, else the text's own colour. Loaded only where the look renders. */
.aieo-chero {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: var(--wp--preset--spacing--6) clamp(var(--wp--preset--spacing--6), 5vw, 5rem);
	align-items: end;
	box-sizing: border-box;
	padding-block: var(--wp--preset--spacing--6) clamp(var(--wp--preset--spacing--6), 4vw, var(--wp--preset--spacing--7));
}
.aieo-chero__text {
	min-width: 0;
}
.aieo-chero .aieo-chero__eyebrow {
	margin: 0 0 var(--wp--preset--spacing--3);
	color: var(--wp--preset--color--muted, currentColor);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: var(--wp--custom--rooster--tracking--wide, 0.06em);
	text-transform: uppercase;
}
.aieo-chero .aieo-chero__name {
	margin: 0;
	font-size: clamp(2.4rem, 1.5rem + 3.2vw, 4.5rem);
	font-stretch: var(--wp--custom--rooster--stretch--heading, normal);
	line-height: var(--wp--custom--rooster--leading--display, 1.1);
	text-wrap: balance;
	overflow-wrap: break-word;
}
.aieo-chero__lead {
	max-width: 52ch;
	margin-top: var(--wp--preset--spacing--4);
	color: var(--wp--preset--color--muted, currentColor);
	font-size: var(--wp--preset--font-size--lg);
	line-height: 1.45;
}
.aieo-chero__lead > * {
	margin: 0;
}
.aieo-chero__lead > * + * {
	margin-top: var(--wp--preset--spacing--3);
}
.aieo-chero__count {
	color: var(--wp--preset--color--fg, currentColor);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
@media (max-width: 63.999rem) {
	.aieo-chero {
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
	}
}