.triptych.triptych,
.triptych.triptych + .triptych.triptych {
	gap: 10px;
	margin-top: 10px;
}

.feature-box-narrow.feature-box-narrow.feature-box-narrow {
	min-width: 0;
	background-color: var(--color-fog);
	padding: calc(var(--feature-box-padding) / 2 * var(--variable-px));
	text-decoration: none;
	color: var(--color-navy);

	h1 {
		// Compensates for emoji starting with some left spacing
		text-indent: -0.2em;
	}

	ul {
		padding-left: 1em;
		font-size: calc(7 / 9 * 1em);
	}
}

.feature-box-outer + .feature-box-outer {
	margin-top: 0;
}

#supporter-memberships,
#corporate-sponsorships {
	background-color: var(--color-mustard);

	.manage-membership,
	.one-time-donation,
	.feature-box-inner > .block + .block,
	.feature-box-inner > .block + .triptych {
		margin-top: calc(var(--feature-box-padding) / 2 * var(--variable-px));
	}
}

#supporter-memberships {
	background-color: var(--color-mustard);
}

#corporate-sponsorships {
	background-color: var(--color-ale);
}

// .fundraising {
// 	margin-top: 20px;
// 	width: 100%;
	
// 	.fundraising-bar {
// 		width: 100%;
// 		height: 32px;
// 		border-radius: 10000px;
// 		background: var(--color-fog);
// 		overflow: hidden;
		
// 		.fundraising-bar-progress {
// 			width: calc(var(--fundraising-percent) - (4px * 2) - (32px - 4px * 2));
// 			padding-left: calc(32px - 4px * 2);
// 			height: calc(100% - 4px * 2);
// 			margin: 4px;
// 			border-radius: 10000px;
// 			background: linear-gradient(to right, var(--color-navy), var(--color-crimson));
// 			transition: opacity 1s, width 2s;
// 		}
// 	}

// 	.goal-metrics {
// 		display: flex;
// 		justify-content: space-between;
// 		font-weight: 800;
// 		margin-top: 8px;
// 		margin-left: 20px;
// 		width: calc(100% - 40px);

// 		> span {
// 			transition: opacity 1s;
// 		}
// 	}

// 	&.fundraising.loading {
// 		.goal-metrics > span,
// 		.fundraising-bar .fundraising-bar-progress {
// 			opacity: 0;
// 		}
// 	}
// }