/**
 * Editable Community landing composition.
 * Every selector is scoped to the starter group's optional class so editors
 * can freely remove the presentation or reuse individual native blocks.
 */

.adam-community-landing {
	--adam-primary: #315c25;
	--adam-secondary: #17241a;
	--adam-accent: #97c44b;
	--adam-cream: #f3f6ef;
	background: #fff;
	color: var(--adam-secondary);
	overflow: clip;
}

.adam-community-landing > * {
	margin-block-start: 0;
}

.adam-community-landing__hero {
	isolation: isolate;
}

.adam-community-landing__hero .wp-block-cover__background {
	background: linear-gradient(90deg, rgba(7, 18, 9, .94) 0%, rgba(13, 31, 17, .78) 47%, rgba(13, 31, 17, .28) 100%);
	opacity: 1;
}

.adam-community-landing__hero .wp-block-cover__inner-container > .wp-block-group {
	margin-inline: auto;
	max-width: 1220px;
	padding: clamp(52px, 9vw, 110px) 24px;
}

.adam-community-landing__hero .wp-block-group > * {
	max-width: 720px;
}

.adam-community-landing__hero h1 {
	color: #d9ffb8;
	font-size: clamp(2.8rem, 7vw, 5.8rem);
	letter-spacing: -.045em;
	line-height: .96;
	margin: 14px 0 24px;
}

.adam-community-landing__hero p:not(.adam-community-landing__eyebrow) {
	color: #f3f7ef;
	line-height: 1.65;
}

.adam-community-landing__eyebrow {
	color: var(--adam-primary);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.adam-community-landing__hero .adam-community-landing__eyebrow {
	color: var(--adam-accent);
}

.adam-community-landing__section {
	padding: clamp(70px, 10vw, 130px) 24px;
}

.adam-community-landing__section > .wp-block-columns,
.adam-community-landing__section > .wp-block-heading,
.adam-community-landing__section > .adam-community-landing__eyebrow {
	margin-inline: auto;
	max-width: 1180px;
}

.adam-community-landing__section .wp-block-columns {
	gap: clamp(36px, 7vw, 92px);
}

.adam-community-landing__section h2 {
	font-size: clamp(2rem, 4.5vw, 4rem);
	letter-spacing: -.035em;
	line-height: 1.05;
}

.adam-community-landing__section p:not(.adam-community-landing__eyebrow),
.adam-community-landing__cta p {
	color: #526058;
	font-size: 1.08rem;
	line-height: 1.75;
}

.adam-community-landing__section--fields,
.adam-community-landing__section--network {
	background: var(--adam-cream);
}

.adam-community-landing__visual {
	align-items: flex-end;
	background: linear-gradient(145deg, #102116, #315c25);
	border-radius: 28px;
	display: flex;
	min-height: 400px;
	overflow: hidden;
	padding: clamp(30px, 5vw, 58px);
	position: relative;
}

.adam-community-landing__visual::before,
.adam-community-landing__visual::after {
	border: 1px solid rgba(217, 255, 184, .18);
	border-radius: 50%;
	content: "";
	position: absolute;
}

.adam-community-landing__visual::before {
	height: 330px;
	right: -100px;
	top: -120px;
	width: 330px;
}

.adam-community-landing__visual::after {
	bottom: -80px;
	height: 220px;
	left: -60px;
	width: 220px;
}

.adam-community-landing__visual h3 {
	color: #d9ffb8;
	font-size: clamp(1.8rem, 3.2vw, 3rem);
	line-height: 1.12;
	position: relative;
	z-index: 1;
}

.adam-community-landing__section--network > .wp-block-columns {
	margin-top: 48px;
}

.adam-community-landing__card {
	background: #fff;
	border: 1px solid #dce5d8;
	border-radius: 22px;
	box-shadow: 0 18px 55px rgba(23, 36, 26, .07);
	padding: clamp(28px, 5vw, 52px);
}

.adam-community-landing__card h3 {
	font-size: clamp(1.6rem, 3vw, 2.4rem);
}

.adam-community-landing .wp-block-button__link {
	background: var(--adam-primary);
	border: 2px solid var(--adam-primary);
	border-radius: 999px;
	color: #fff;
	font-weight: 750;
	padding: 12px 22px;
}

.adam-community-landing .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--adam-primary);
}

.adam-community-landing__hero .wp-block-button.is-style-outline .wp-block-button__link,
.adam-community-landing__cta .wp-block-button.is-style-outline .wp-block-button__link {
	border-color: #d9ffb8;
	color: #d9ffb8;
}

.adam-community-landing .wp-block-button__link:hover {
	background: #24491c;
	border-color: #24491c;
	color: #fff;
}

.adam-community-landing__cta {
	background: var(--adam-secondary);
	color: #fff;
	padding: clamp(70px, 10vw, 120px) 24px;
}

.adam-community-landing__cta > * {
	margin-inline: auto;
	max-width: 820px;
}

.adam-community-landing__cta h2 {
	color: #d9ffb8;
	font-size: clamp(2.1rem, 5vw, 4.3rem);
	letter-spacing: -.04em;
	line-height: 1.04;
}

.adam-community-landing__cta p {
	color: #d9e2d9;
}

@media (max-width: 781px) {
	.adam-community-landing__hero {
		min-height: 600px !important;
	}

	.adam-community-landing__hero .wp-block-cover__background {
		background: linear-gradient(90deg, rgba(7, 18, 9, .94), rgba(13, 31, 17, .68));
	}

	.adam-community-landing__section--fields .wp-block-column:first-child {
		order: 2;
	}

	.adam-community-landing__visual {
		min-height: 280px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.adam-community-landing *,
	.adam-community-landing *::before,
	.adam-community-landing *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}
