/*
 * Investor - Publications.
 *
 * Read from cp-all-designer investor/news-publications/publication/ and
 * css/investor.css:1146-1212 (.pubgrid, .pubc).
 *
 * The band and the head are the investor parent's. Every measure a Style
 * control states is stated on the control for each tier, and not here.
 */

.custom-investor-publications {
	--custom-publications-ink: #16418C;
	--custom-publications-lit-ink: #3D8CB8;
}

/* investor.css:1165-1169 */
.custom-investor-publications .custom-investor-publications__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}

/* investor.css:1171-1174 */
.custom-investor-publications .custom-investor-publications__card {
	--custom-press-ink: inherit;
	--custom-press-ground: none;
	--custom-press-edge: transparent;
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.custom-investor-publications .custom-investor-publications__card:focus-visible {
	outline: 4px solid #50A3D5;            /* investor.css:1206 measures 3px */
	outline-offset: 4px;
	border-radius: 4px;
}

/* investor.css:1176-1183 — the frame holds the shape of the cover file, 544 by 742 */
.custom-investor-publications .custom-investor-publications__cover {
	display: block;
	aspect-ratio: 544 / 742;
	box-shadow: 0 2px 6px rgba(22, 65, 140, 0.06), 0 14px 30px -14px rgba(22, 65, 140, 0.28);
	transition: transform 350ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 350ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* investor.css:1191-1195 */
.custom-investor-publications .custom-investor-publications__card-title {
	display: block;
	color: var(--custom-publications-ink);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0;
	text-align: center;
	transition: color 300ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* investor.css:1199-1205 */
@media (hover: hover) {
	.custom-investor-publications .custom-investor-publications__card:hover .custom-investor-publications__cover {
		transform: translateY(-6px);
		box-shadow: 0 4px 10px rgba(22, 65, 140, 0.08), 0 22px 44px -16px rgba(22, 65, 140, 0.34);
	}
	.custom-investor-publications .custom-investor-publications__card:hover .custom-investor-publications__card-title {
		color: var(--custom-publications-lit-ink);
	}
}

/* Mobile — up to 767px (investor.css:1210-1212): one to a row. */
@media (max-width: 767px) {
	.custom-investor-publications .custom-investor-publications__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.custom-investor-publications .custom-investor-publications__cover,
	.custom-investor-publications .custom-investor-publications__card-title {
		transition: none;
	}
}