founder-note {
	display: grid;
	gap: var(--common-gap);
	grid-template-columns: 1fr;

	.col {
		display: flex;
		flex-direction: column;
		gap: var(--common-gap);
	}

	.portrait {
		display: block;
		border-radius: var(--fill-corners);
		overflow: clip;

		img {
			display: block;
			width: 100%;
			height: auto;
		}
	}

	.logos {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 0.5em;

		img {
			display: block;
			max-width: 100%;
		}
	}

	.signature {
		margin: 0;

		img {
			display: block;
			max-width: 200px;
		}
	}

	@media (width >= 900px) {
		grid-template-columns: 1fr 2fr;
	}
}