.basecamp {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: var(--c-bg-md);
	padding: var(--s-md);

	> h1 {
		display: flex;
		flex-direction: column;

		> img {
			height: calc(1.5 * var(--s-md));
			display: block;

			@media (min-width: 768px) {
				height: var(--s-lg);;
			}
		}
	}

	> p {
		max-width: var(--w-md);
		margin-top: var(--s-sm);
		text-align: center;
		font-family: var(--f-sans);
		font-weight: bold;
		font-size: var(--f-b-lg);
		color: var(--c-black);
		line-height: 1.4em;
	}

	> ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		max-width: var(--w-lg);
		margin: var(--s-md) auto;

		> li {
			width: 100%;
			margin-bottom: var(--s-md);

			@media (min-width: 768px) {
				width: calc((100% / 3) - var(--s-sm));
			}

			> article {
				display: flex;
				flex-direction: column;
				align-items: center;

				> a {
					position: relative;
					text-align: center;
					font-size: var(--f-h-xs);

					> h2 {
						margin-top: var(--s-xs);
						color: var(--c-red-lt);
						text-decoration: underline;
						text-decoration-thickness: 3px;
						text-underline-offset: calc(0.5 * var(--s));
						text-transform: uppercase;
						font-family: var(--f-sans);
						font-weight: 700;
					}

					> img {
						max-height: calc(var(--w) * 1.5);
					}
				}

				&.status-private > a {
					pointer-events: none;

					&:after {
						content: "Coming Soon";
						position: absolute;
						top: calc(50% - 1.5em);
						left: 50%;
						transform: translate(-50%, -50%);
						padding: var(--s) var(--s-xs);
						background-color: var(--c-red-lt);
						color: var(--c-black);
						font-size: var(--f-b-sm);
						font-weight: bold;
						line-height: 1.5em;
						text-transform: uppercase;
						white-space: nowrap;
					}

					> h2 {
						color: var(--c-black);
						text-decoration: none;
					}
				}

				> p {
					margin-top: var(--s-xs);
					text-align: center;
					text-wrap: balance;
					font-family: var(--f-sans);
					font-weight: 700;
					font-size: var(--f-b-sm);
				}
			}
		}
	}
}