.defelt-home-flexible {
	--df-bg: #0B0B0B;
	--df-bg-soft: #FFFFFF;
	--df-surface: #161616;
	--df-border: rgba(255, 255, 255, .3);
	--df-text: #F8F8F8;
	--df-text-muted: #D6D6D6;
	--df-heading: #FFFFFF;
	--df-primary: #FFFFFF;
	--df-primary-strong: #E9E9E9;
	--df-radius-sm: .75rem;
	--df-radius-md: 1.25rem;
	--df-radius-lg: 1.75rem;
	--df-shadow: 0 1.25rem 2.5rem -1.875rem rgba(0, 0, 0, .5);
	--df-space-2: .5rem;
	--df-space-3: .75rem;
	--df-space-4: 1rem;
	--df-space-5: 1.25rem;
	--df-space-6: 1.5rem;
	--df-space-8: 2rem;
	--df-space-10: 2.5rem;
	--df-space-12: 3rem;
	--df-space-16: 4rem;
	--df-heading-1: clamp(1.75rem, 2.5vw, 2.25rem);
}

.df-section {
	padding: 0;
}

.df-container {
	max-width: var(--global-content-width);

	margin: 0 auto;
}

.df-grid {
	display: grid;

	gap: var(--df-space-6);
}

.df-eyebrow {
	display: inline-flex;
	align-items: center;

	padding: .375rem .75rem;

	margin-bottom: var(--df-space-4);

	font-size: .875rem;
	font-weight: 600;
	color: var(--df-primary-strong);
	letter-spacing: .02em;

	border-radius: 99rem;
	background: rgba(15, 118, 110, .12);

	gap: .375rem;
}

.df-title {
	margin: 0;

	font-size: clamp(1.75rem, 4vw, 3rem);
	line-height: 1.15;
	color: var(--df-heading);
	letter-spacing: -.02em;
}

.df-subtitle {
	max-width: 42rem;

	margin: var(--df-space-4) 0 0;

	font-size: 1.0625rem;
	line-height: 1.7;
	color: var(--df-text-muted);
}

.df-card {
	padding: var(--df-space-6);

	border: .0625rem solid rgba(255, 255, 255, .18);
	border-radius: var(--df-radius-md);
	background: rgba(0, 0, 0, .28);
	box-shadow: var(--df-shadow);
}

.df-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: fit-content;
	padding: .9375rem 1.875rem;

	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2;
	color: var(--df-bg-soft);
	text-decoration: none;

	border: .125rem solid var(--df-bg-soft);
	border-radius: 0;
	background: transparent;

	transition: transform .2s ease, background .2s ease, color .2s ease;

	gap: .5rem;
}

.df-button:hover,
.df-button:focus-visible {
	color: var(--df-bg);

	background: var(--df-bg-soft);
}

.df-link {
	font-weight: 600;
	color: var(--df-primary-strong);
	text-decoration: none;
}

.df-link:hover,
.df-link:focus-visible {
	text-decoration: underline;
}

.df-empty-title {
	margin: 0;

	font-size: 2rem;
	color: var(--df-heading);
}

@media (min-width: 61.3125rem) {
	.df-section {
		padding: var(--df-space-16) 0;
	}

	.df-grid--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.df-grid--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.df-grid--4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}