.homepage-article-grid {
	display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px 24px;
}

.homepage-magazine-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(2, auto);
	gap: 20px;
	align-items: start;
}

.homepage-article-featured {
	grid-column: 1 / -1;
}

.homepage-magazine-featured {
	grid-column: span 2;
	grid-row: 1 / span 2;
}

.homepage-magazine-secondary {
	grid-column: span 1;
	grid-row: auto;
}

.homepage-magazine-secondary:nth-child(2),
.homepage-magazine-secondary:nth-child(3) {
	grid-row: 1;
}

.homepage-magazine-secondary:nth-child(4),
.homepage-magazine-secondary:nth-child(5) {
	grid-row: 2;
}

.homepage-magazine-additional {
	grid-column: span 1;
	grid-row: auto;
}

.homepage-magazine-featured .magazine-card,
.homepage-magazine-secondary .magazine-card,
.homepage-magazine-additional .magazine-card {
	border-top: 0;
}

.homepage-magazine-featured .magazine-card > a,
.homepage-magazine-secondary .magazine-card > a,
.homepage-magazine-additional .magazine-card > a {
	position: relative;
	display: block;
	overflow: hidden;
	background: var(--triumph-brown);
	color: var(--triumph-white);
}

.homepage-magazine-featured .magazine-card__cover,
.homepage-magazine-secondary .magazine-card__cover,
.homepage-magazine-additional .magazine-card__cover {
	position: relative;
	min-height: 0;
	box-shadow: none;
	aspect-ratio: 3 / 4;
}

.homepage-magazine-featured .magazine-card__cover::after,
.homepage-magazine-secondary .magazine-card__cover::after,
.homepage-magazine-additional .magazine-card__cover::after {
	position: absolute;
inset: 25% 0 0;
	background: linear-gradient(180deg, rgba(17, 17, 17, 0), rgba(17, 17, 17, 0.88));
	content: "";
	pointer-events: none;
}

.homepage-magazine-featured .magazine-card__cover img,
.homepage-magazine-featured .magazine-card__cover .magazine-cover-art,
.homepage-magazine-secondary .magazine-card__cover img,
.homepage-magazine-secondary .magazine-card__cover .magazine-cover-art,
.homepage-magazine-additional .magazine-card__cover img,
.homepage-magazine-additional .magazine-card__cover .magazine-cover-art {
	width: 100%;
	height: 100%;
	min-height: 0;
	aspect-ratio: 3 / 4;
	object-fit: contain;
	object-position: center;
}

.homepage-magazine-featured .magazine-card__info,
.homepage-magazine-secondary .magazine-card__info,
.homepage-magazine-additional .magazine-card__info {
	position: absolute;
right: 20px;
bottom: 24px;
left: 20px;
	z-index: 1;
	padding: 0;
}

.homepage-magazine-featured .magazine-card__info .eyebrow,
.homepage-magazine-secondary .magazine-card__info .eyebrow,
.homepage-magazine-additional .magazine-card__info .eyebrow {
	color: var(--triumph-gold);
}

.homepage-magazine-featured .magazine-card h2,
.homepage-magazine-secondary .magazine-card h2,
.homepage-magazine-additional .magazine-card h2 {
	max-width: 780px;
	color: var(--triumph-white);
	font-size: clamp(1.05rem, 1.5vw, 1.75rem);
}

.homepage-magazine-featured .magazine-card .text-link,
.homepage-magazine-secondary .magazine-card .text-link,
.homepage-magazine-additional .magazine-card .text-link {
	color: var(--triumph-gold);
}

.homepage-magazine-featured .magazine-card > a:hover .magazine-card__cover img,
.homepage-magazine-featured .magazine-card > a:focus .magazine-card__cover img,
.homepage-magazine-secondary .magazine-card > a:hover .magazine-card__cover img,
.homepage-magazine-secondary .magazine-card > a:focus .magazine-card__cover img,
.homepage-magazine-additional .magazine-card > a:hover .magazine-card__cover img,
.homepage-magazine-additional .magazine-card > a:focus .magazine-card__cover img {
	transform: scale(1.025);
}

.homepage-magazine-featured .magazine-card__cover {
	aspect-ratio: 3 / 4;
}

.homepage-magazine-featured .magazine-card h2 {
	font-size: clamp(1.5rem, 2.6vw, 2.7rem);
}