/* Featured Articles — ACF block */

.ortega-featured-articles {
	--ortega-fa-blue: #0058a4;
	--ortega-fa-navy: #092450;
	--ortega-fa-tag-bg: var(--wp--preset--color--blue-200, #e9f2f9);
	--ortega-fa-white: #fff;
	--ortega-fa-grid-gap: clamp(1.5rem, 3vw, 2.5rem);
	box-sizing: border-box;
	color: var(--ortega-fa-navy);
	padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 4vw, 3rem);
}

.ortega-featured-articles__inner {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: min(1440px, 100%);
	width: 100%;
}

.ortega-featured-articles__grid {
	display: grid;
	gap: var(--ortega-fa-grid-gap);
}

.ortega-featured-articles__featured,
.ortega-featured-articles__stack {
	min-width: 0;
}

/* Featured card */

.ortega-featured-articles__featured-card {
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
}

.ortega-featured-articles__featured-link {
	display: block;
	text-decoration: none;
}

.ortega-featured-articles__featured-media {
	aspect-ratio: 780 / 555;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	border-top-left-radius: 0;
	border-top-right-radius: 16px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.ortega-featured-articles__featured-image {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.ortega-featured-articles__featured-label {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2;
}

.ortega-featured-articles__featured-label-text {
	background-color: var(--ortega-fa-white);
	border-bottom-right-radius: 16px;
	color: var(--ortega-fa-blue);
	display: block;
	font-family: var(--ortega-font-body);
	font-size: var(--ortega-type-btn-md);
	font-weight: 700;
	line-height: 1;
	padding: 0.65rem 1.25rem 0.65rem 1rem;
}

.ortega-featured-articles__featured-label-corner {
	display: block;
	height: 11px;
	pointer-events: none;
	position: absolute;
	width: 11px;
}

.ortega-featured-articles__featured-label-corner--top {
	left: 100%;
	top: 0;
}

.ortega-featured-articles__featured-label-corner--bottom {
	left: 0;
	top: 100%;
}

.ortega-featured-articles__featured-body {
	display: grid;
	gap: 0.85rem;
}

.ortega-featured-articles__featured-title {
	color: var(--ortega-fa-blue);
	font-family: var(--ortega-font-display);
	font-size: clamp(22px, 5.5vw, 28px);
	font-weight: 700;
	line-height: 1.08;
	margin: 0;
}

.ortega-featured-articles__featured-title a {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-decoration: none;
}

.ortega-featured-articles__featured-title a:hover,
.ortega-featured-articles__featured-title a:focus-visible {
	color: var(--ortega-fa-navy);
	text-decoration: none;
}

.ortega-featured-articles__featured-description {
	color: var(--ortega-fa-navy);
	font-family: var(--ortega-font-copy);
	font-size: var(--ortega-type-body-md);
	line-height: 1.4;
	margin: 0;
}

/* Stacked cards */

.ortega-featured-articles__stack {
	display: grid;
	gap: clamp(1.25rem, 2.5vw, 2rem);
}

.ortega-featured-articles__divider,
.ortega-featured-articles__stack-divider {
	background-image: url("../images/yellow-border.svg");
	background-repeat: repeat-x;
	background-size: auto 100%;
	height: 13px;
	width: 100%;
}

@media (max-width: 899px) {
	.ortega-featured-articles__divider {
		display: none;
	}
}

.ortega-featured-articles__stack-link {
	align-items: start;
	color: inherit;
	display: grid;
	gap: clamp(0.85rem, 2vw, 1.25rem);
	grid-template-columns: 120px minmax(0, 1fr);
	text-decoration: none;
}

.ortega-featured-articles__stack-media {
	aspect-ratio: 1;
	border-radius: 12px;
	flex-shrink: 0;
	height: 120px;
	overflow: hidden;
	width: 120px;
}

.ortega-featured-articles__stack-image {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.ortega-featured-articles__stack-content {
	display: grid;
	gap: 0.65rem;
	min-width: 0;
}

.ortega-featured-articles__stack-title {
	color: var(--ortega-fa-blue);
	font-family: var(--ortega-font-body);
	font-size: clamp(18px, 4.5vw, 22px);
	font-weight: 700;
	line-height: 1.12;
	margin: 0;
	text-transform: capitalize;
}

.ortega-featured-articles__stack-description {
	color: var(--ortega-fa-navy);
	font-family: var(--ortega-font-copy);
	font-size: var(--ortega-type-body-md);
	line-height: 1.35;
	margin: 0;
}

.ortega-featured-articles__stack-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ortega-featured-articles__stack-tag {
	background-color: var(--ortega-fa-tag-bg);
	border-radius: 999px;
	color: var(--ortega-fa-blue);
	font-family: var(--ortega-font-body);
	font-size: var(--ortega-type-btn);
	font-weight: 700;
	line-height: 1;
	padding: 0.45rem 0.85rem;
}

.ortega-featured-articles-placeholder {
	font-family: var(--ortega-font-body);
	font-size: var(--ortega-type-body);
}

@media (max-width: 781px) {
	.ortega-featured-articles__featured-media {
		border-radius: 16px;
	}

	.ortega-featured-articles__stack-description {
		display: none;
	}
}

@media (min-width: 782px) and (max-width: 1199px) {
	.ortega-featured-articles {
		padding-inline: 32px;
	}
}

@media (min-width: 900px) {
	.ortega-featured-articles {
		--ortega-fa-content-gutter: 40px;
		--ortega-fa-content-max: 1360px;
	}

	.ortega-featured-articles__inner {
		max-width: 1440px;
		padding-inline: var(--ortega-fa-content-gutter);
	}

	.ortega-featured-articles__grid {
		align-items: start;
		box-sizing: border-box;
		column-gap: var(--ortega-fa-grid-gap);
		grid-template-columns: repeat(12, minmax(0, 1fr));
		margin-inline: auto;
		max-width: var(--ortega-fa-content-max);
		width: 100%;
	}

	.ortega-featured-articles__featured {
		grid-column: 1 / 8;
	}

	.ortega-featured-articles__stack {
		grid-column: 8 / 13;
	}

	.ortega-featured-articles__stack-divider {
		display: none;
	}

	.ortega-featured-articles__featured-description {
		font-size: 20px;
		line-height: 30px;
	}

	.ortega-featured-articles__featured-title,
	.ortega-featured-articles__featured-title a {
		font-family: var(--ortega-font-display);
		font-size: 48px;
		line-height: 45px;
		text-transform: uppercase;
	}

	.ortega-featured-articles__stack-description {
		font-size: 16px;
		line-height: 24px;
	}

	.ortega-featured-articles__stack-link .ortega-featured-articles__stack-title {
		font-family: var(--ortega-font-body);
		font-size: var(--ortega-type-title-md--desktop);
		text-transform: capitalize;
	}
}

@media (min-width: 1200px) {
	.ortega-featured-articles__stack-link {
		grid-template-columns: minmax(0, 230px) minmax(0, 1fr);
	}

	.ortega-featured-articles__stack-media {
		height: auto;
		width: 100%;
	}
}