/* Media & resources — Figma: Media & Resources Desktop (113:4254) */

/* Brand assets — Figma: brand assets (113:4490). Cards: components/solution-card.css */
.media-assets {
	padding: var(--section-y-sm) 0 80px;
	background: var(--color-light);
}

.media-assets__inner,
.media-paper__inner {
	display: flex;
	flex-direction: column;
	gap: clamp(36px, 3.75vw, 54px);
}

.media-assets__title,
.media-paper__title {
	color: var(--color-dark);
}

.media-assets__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	gap: clamp(20px, 2.43vw, 35px);
}

/* Text box hugs its content (Figma 205) */
.media-card .solution-card__body {
	min-height: 0;
}

/* Figma Button M Inversion here is 214 wide */
.media-card .solution-card__btn {
	min-width: 214px;
}

/* White paper — Figma: WHITE PAPER (113:4575), Card 113:4622 */
.media-paper {
	padding: 80px 0 var(--section-y);
	background: var(--color-light);
}

.paper-card {
	display: flex;
	justify-content: center;
	padding: clamp(48px, 5.56vw, 80px) clamp(20px, 4vw, 60px);
	border-radius: var(--radius-panel);
	background: var(--color-neutral-5) var(--paper-bg) center / cover no-repeat;
}

.paper-card__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 26px;
	max-width: 829px;
	text-align: center;
}

.paper-card__heading {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.paper-card__tag {
	color: var(--color-secondary);
}

.paper-card__title {
	color: var(--color-dark);
}

.paper-card__text {
	color: var(--color-neutral-1);
}

/* 3-up from iPad Pro, like the other card grids */
@media (min-width: 1024px) {
	.media-assets__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}