/* Design 1 custom layout overrides: image first then text */
.MediaInformation__items > .MediaInformation__item.__design-1 { text-decoration:none; display:block; }
.MediaInformation__item.__design-1 .MediaInformationItem__link { display:flex; flex-direction:column; text-decoration:none; color:inherit; }
.MediaInformation__item.__design-1 .MediaInformationItem__image { 
	margin:0 0 16px 0; 
	width:402px; 
	height:428px; 
	overflow:hidden; 
	position:relative; 
}
/* Fixed crop 402x428: allow cropping, keep top anchored */
.MediaInformation__item.__design-1 .MediaInformationItem__image img,
.MediaInformation__item.__design-1 .MediaInformationItem__image picture { 
	width:100%; 
	height:100%; 
	display:block; 
	object-fit:cover; 
	object-position:top center; 
}
.MediaInformation__item.__design-1 .MediaInformationItem__title { 
	margin:0 0 8px 0; 
	/* Updated per request: font-weight 400 (Regular), 24px size, 26px line-height */
	font-weight:400; 
	font-style:normal; 
	font-size:24px; 
	line-height:26px; 
	/* leading-trim not widely supported; omitted to avoid lint errors */
}
.MediaInformation__item.__design-1 .MediaInformationItem__content { 
	/* Updated per request: regular weight, 16px size, 24px line-height, 1.6px letter-spacing */
	font-weight:400; 
	font-style:normal; 
	font-size:16px; 
	line-height:24px; 
	letter-spacing:1.6px; 
	/* leading-trim not widely supported; omitted to keep CSS valid */
	margin:0; 
}
.MediaInformation__item.__design-1 .MediaInformationItem__learn_more_row {
	margin-top:12px; /* slight separation from content */
	display:inline-flex; /* shrink-wrap to content width, keep left aligned */
	align-items:center;
	gap:8px;
	text-align:left; /* ensure left alignment */
}
.MediaInformation__item.__design-1 .MediaInformationItem__learn_more_text {
	font-weight:400;
	font-style:normal; /* "Regular" */
	font-size:16px;
	line-height:24px;
	/* Using 1.6px letter-spacing: project convention (content above) & spec clarifies desired visual spacing (approx 10% of 16px was cited, but prior usage standardizes on absolute 1.6px). */
	letter-spacing:1.6px;
	vertical-align:middle;
}
.MediaInformation__item.__design-1 .MediaInformationItem__learn_more_icon {
	font-size:18px; /* slightly larger for visual affordance */
	line-height:24px;
	transform:translateY(1px); /* optical alignment */
}
/* Enforce Aeonik font on content + learn more row (in case upstream CSS sets a system stack) */
.MediaInformation__item.__design-1 .MediaInformationItem__content,
.MediaInformation__item.__design-1 .MediaInformationItem__learn_more_row,
.MediaInformation__item.__design-1 .MediaInformationItem__learn_more_row * {
	font-family: var(--font-family-aeonik, "Aeonik", sans-serif) !important;
}
.MediaInformation__item.__design-1 .MediaInformationItem__link:hover + .MediaInformationItem__title { text-decoration:underline; }
/* If future variant wraps image and title together revert to descendant selector. */

/* Force left alignment for title & content (override global heading centering) */
body#layout .MediaInformation__item.__design-1 .MediaInformationItem__title.c-heading-2,
body#layout .MediaInformation__item.__design-1 .MediaInformationItem__content { text-align:left !important; }

/* Horizontal spacing & alignment: 3 items centered with 24px gap */
.MediaInformation.custom_block.__mode_ .MediaInformation__items { 
	display:flex; 
	justify-content:center; 
	gap:24px; 
	flex-wrap:nowrap; 
}
/* Ensure each item remains its intrinsic width (image width governs) */
.MediaInformation.custom_block.__mode_ .MediaInformation__items > .MediaInformation__item.__design-1 { flex:0 0 auto; }

/* Responsive: stack vertically & center when viewport too narrow to fit 3 * 402px + gaps (≈1254px) */
@media (max-width: 1260px) {
	.MediaInformation.custom_block.__mode_ .MediaInformation__items { 
		flex-direction:column; 
		align-items:center; /* center each card horizontally */
		gap:32px; 
	}
	.MediaInformation.custom_block.__mode_ .MediaInformation__items > .MediaInformation__item.__design-1 { 
		width:auto; /* keep intrinsic width (image width) */
		margin:0; 
	}
}