/**
 * PIASVC Home v2 — Our Focus Areas topics wall.
 */

.liwg-topics {
	width: 100%;
	overflow: hidden;
	background-color: #ffffff;
}

.liwg-topics__header {
	padding: 40px 20px 36px;
	text-align: center;
}

.liwg-topics__header-inner {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
}

.liwg-topics__heading {
	margin: 0;
	color: #16557b;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-wrap: balance;
}

.liwg-topics__footer {
	min-height: 48px;
	padding: 24px 20px;
}

.liwg-topics__heading.liwg-scroll-reveal {
	will-change: transform;
}

html[lang="lo"] .liwg-topics__heading {
	line-height: 1.35;
}

.liwg-topics__grid-wrap {
	width: 100%;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

.liwg-topics__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: min(25vw, 420px);
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.liwg-topics__tile {
	min-width: 0;
	min-height: 0;
}

.liwg-topics__tile-link {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: #ffffff;
	text-decoration: none;
}

.liwg-topics__tile--solid .liwg-topics__tile-link {
	background-color: var(--liwg-topics-tile-color, #16557b);
}

.liwg-topics__tile-image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transform: scale(1);
	transform-origin: center center;
}

.liwg-topics__tile-wash {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
		to top,
		rgba(17, 17, 17, 0.88) 0%,
		rgba(17, 17, 17, 0.62) 34%,
		rgba(17, 17, 17, 0.18) 68%,
		rgba(17, 17, 17, 0) 100%
	);
	transition: background 0.3s ease;
}

.liwg-topics__tile--solid .liwg-topics__tile-wash {
	display: none;
}

.liwg-topics__tile-content {
	position: absolute;
	inset: auto 0 0 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	padding: 22px 20px;
}

.liwg-topics__tile-title {
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	text-wrap: pretty;
}

.liwg-topics__tile-blurb {
	color: rgba(255, 255, 255, 0.9);
	font-size: 14px;
	line-height: 1.45;
	text-wrap: pretty;
}

.liwg-topics__tile-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 4px;
	color: #ffffff;
}

@media (max-width: 478px) {
	.liwg-topics__header {
		padding: 36px 20px 32px;
	}

	.liwg-topics__footer {
		padding: 20px;
	}

	.liwg-topics__heading {
		font-size: 28px;
	}

	.liwg-topics__grid {
		grid-template-columns: minmax(0, 1fr);
		grid-auto-rows: min(75vw, 280px);
	}

	.liwg-topics__tile-content {
		padding: 16px 14px;
	}

	.liwg-topics__tile-title {
		font-size: 16px;
	}

	.liwg-topics__tile-blurb {
		font-size: 13px;
	}
}

@media (min-width: 1280px) {
	.liwg-topics__tile-image {
		transition: transform 0.35s ease;
	}

	.liwg-topics__tile--image:hover .liwg-topics__tile-image,
	.liwg-topics__tile--image:focus-within .liwg-topics__tile-image {
		transform: scale(1.03);
	}

	.liwg-topics__tile--image:hover .liwg-topics__tile-wash,
	.liwg-topics__tile--image:focus-within .liwg-topics__tile-wash {
		background: linear-gradient(
			to top,
			rgba(17, 17, 17, 0.96) 0%,
			rgba(17, 17, 17, 0.78) 42%,
			rgba(17, 17, 17, 0.34) 76%,
			rgba(17, 17, 17, 0.08) 100%
		);
	}

	.liwg-topics__tile--solid:hover .liwg-topics__tile-link,
	.liwg-topics__tile--solid:focus-within .liwg-topics__tile-link {
		filter: brightness(0.94);
	}
}

@media (prefers-reduced-motion: reduce) {
	.liwg-topics__heading.liwg-scroll-reveal {
		will-change: auto;
	}

	.liwg-topics__tile-image,
	.liwg-topics__tile-wash {
		transition: none;
	}

	.liwg-topics__tile--image:hover .liwg-topics__tile-image,
	.liwg-topics__tile--image:focus-within .liwg-topics__tile-image {
		transform: none;
	}
}