.site-main > .content-heading {
	--_height: min(calc(100vw * 1.75), 100vh);

	place-items: baseline center;
	transform: translate3d(0, 25%, -.5px) scale(1.5);
}

.site-main > .content-heading .logo-image {
	padding: 2rem;
	background-color: var(--nav-shade-color-frost);
	border-radius: var(--size-200);
	margin-top: calc(min(calc(100vw * 1.5), 90vh) / 4);
	max-width: min(80%, 95vh);
}

@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)) {
	.site-main > .content-heading .logo-image  {
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}
}

.site-main > .content-heading .logo-image img {
	height: auto;
}

.about-grid__wrapper {
	display: grid;
	max-width: 1200px;
	margin-inline: -.25rem;
}

.about-grid {
	--shadow-high: 0 0 1rem .5rem hsla(var(--brand-color-hsl-500), .25);
	--shadow-low: 0 0 .5rem 0 hsla(var(--brand-color-hsl-500), .25);

	display: grid;
	gap: 0;
	isolation: isolate;
}

.about-grid + .about-grid {
	margin-top: 2rem;
}

.about__text {
	background-color: var(--bg-color);
	font-size: 1em;
	padding: 2rem 1.5rem 2.75rem;
	margin: 0 0 -.75rem;
	box-shadow: var(--shadow-low);
	border: 1px solid var(--brand-color-400);
	border-radius: var(--size-200);
}

.about__image {
	margin: 0 0.75rem;
	box-shadow: var(--shadow-high);
	z-index: 1;
}

.scroll {
	--y-size: 10rem;
}

@media (prefers-reduced-motion: no-preference) {
	.scroll .about__image,
	.scroll .about__text {
		opacity: 0;
		transition: opacity 1s ease-out, transform 1s ease-out;
	}

	.scroll .about__image {
		transform: translate3d(0, var(--y-size), 0);
	}

	.scroll .about__text {
		transform: translate3d(0, calc(var(--y-size) * 2), 0);
	}

	@media (min-width: 800px) {
		.scroll .about__text {
			transform: translate3d(0, calc(var(--y-size) / 2), 0);
		}
	}

	.scrolled-in .about__image,
	.scrolled-in .about__text {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@media (min-width: 800px) {
	.about-grid__wrapper {
		margin: 0;
	}

	.about-grid {
		gap: 0;
		grid-template-columns: repeat(12, 1fr);
	}

	.about-grid + .about-grid {
		margin-top: -2rem;
	}

	.about__image {
		margin: 0;
		box-shadow: var(--shadow-low);
		grid-row: 1;
		grid-column: 3 / -1;
	}

	.about__text {
		font-size: clamp(.75em, .35em + 1vw, 1.1em);
		margin: 0 1rem -1rem;
		padding: clamp(1.5rem, 4vw, 4rem) clamp(1.5rem, 4vw, 3rem);
		box-shadow: var(--shadow-high);
		grid-row: 1;
		margin: 3rem 0;
		align-self: center;
		grid-column: 1 / 7;
		z-index: 2;
	}

	.about-grid.swapped .about__image {
		grid-column: 1 / 11;
	}

	.about-grid.swapped .about__text {
		grid-column: 7 / -1;
	}
}

@media  (min-width: 1000px) {
	.about__text {
		grid-column: 1 / 6;
	}

	.about-grid.swapped .about__text {
		grid-column: 8 / -1;
	}
}


.sign-up {
	display: grid;
	gap: 1.25rem;
	justify-items: center;
}

.sign-up input {
	width: 100%;
}

@media (min-width: 420px) {
	.sign-up {
		grid-template-columns: 1fr max-content;
		gap: 1.25rem 0;
		justify-items: initial;
	}

	.sign-up input {
		border-radius: var(--size-100) 0 0 var(--size-100);
	}

	.sign-up button {
		border-radius: 0 var(--size-100) var(--size-100) 0;
	}

	.result-msg,
	.cf-turnstile {
		grid-column: 1 / -1;
	}
}