/* aieo/category-footer-hero, layout "text" (11.3.10): the designer's «About» under the products (archive B, «About gel
 * colour at Aurenne.»; the owner, 11 Nov 2026). A hairline over it, the heading at the start (4 parts), the text beside
 * it (8 parts, a reading measure), one column below 64rem. A folded text shows its first lines (the block's `lines`,
 * 6 by default) fading out, with «Read more» under it; the whole text stays in the page. The heading at the size of
 * the page's other section headings (the journal's, «You may also like.»). No colour of the block's own: the theme's
 * tokens, else the text's own colour (the fade is a mask: only its opacity counts). Loaded only where the look renders. */
.aieo-about {
	display: grid;
	grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
	gap: var(--wp--preset--spacing--5) clamp(var(--wp--preset--spacing--5), 4vw, var(--wp--preset--spacing--8));
	align-items: start;
	box-sizing: border-box;
	padding-top: clamp(var(--wp--preset--spacing--6), 5vw, var(--wp--preset--spacing--8));
	border-top: 1px solid var(--wp--preset--color--line, color-mix(in srgb, currentColor 16%, transparent));
	color: var(--wp--preset--color--fg, currentColor);
}
.aieo-about .aieo-about__title {
	max-width: 14ch;
	margin: 0;
	font-size: var(--wp--preset--font-size--2-xl);
	text-wrap: balance;
}
.aieo-about__body {
	min-width: 0;
}
.aieo-about__text {
	max-width: 68ch;
}
.aieo-about__text > * {
	margin: 0 0 var(--wp--preset--spacing--4);
}
.aieo-about__text > :last-child {
	margin-bottom: 0;
}
.aieo-about__text[data-collapsed] {
	max-height: 9.5em;
	max-height: calc(var(--aieo-about-lines, 6) * 1lh);
	overflow: hidden;
	-webkit-mask-image: linear-gradient(CanvasText 55%, transparent);
	mask-image: linear-gradient(CanvasText 55%, transparent);
}
.aieo-about .aieo-about__more {
	min-height: 2.75rem;
	margin-top: var(--wp--preset--spacing--3);
	padding: 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--fg, currentColor);
	font: inherit;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.3em;
	cursor: pointer;
}
.aieo-about .aieo-about__more:focus-visible {
	outline: none;
	box-shadow: var(--wp--custom--rooster--focus-ring, 0 0 0 2px currentColor);
}
@media (max-width: 63.999rem) {
	.aieo-about {
		grid-template-columns: minmax(0, 1fr);
	}
}