/**
 * Skylit dev cache — pattern: tff-home-founder
 * Auto-generated on save_post. Do not hand-edit.
 */

.tff-founder {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: var(--gap-64);
		align-items: center;
		padding: 0;
		overflow-x: hidden;
		}
		.tff-founder::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 20%;
		background: linear-gradient(
		180deg,
		var(--antique-white-lin-grad) 0%,
		rgba(245, 243, 238, 0) 100%
		);
		z-index: 0;
		pointer-events: none;
		}
		.tff-founder__inner {
		display: flex;
		flex-direction: column;
		gap: var(--gap-64);
		width: 100%;
		}
		@media (min-width: 960px) {
		.tff-founder__inner {
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
		gap: var(--gap-64);
		}
		}
		.tff-founder__content {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: var(--gap-48);
		padding: var(--padding-64) var(--padding-48) var(--padding-24);
		z-index: 1;
		}
		.tff-founder__squares {
		position: absolute !important;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		z-index: -0;
		pointer-events: none;
		filter: blur(60px);
		}
		.tff-founder__name {
		font-family: var(--h2-font-family);
		font-size: var(--h2);
		font-weight: var(--h2-font-weight);
		line-height: var(--h2-line-height);
		color: var(--absolute-black-gradient);
		margin: 0;
		}
		.tff-founder__bio,
		.tff-founder__bio-secondary {
		font-family: var(--lead-paragraph-font-family);
		font-size: var(--lead-paragraph);
		font-weight: var(--lead-paragraph-font-weight);
		line-height: var(--lead-paragraph-line-height);
		color: var(--color-gray-dark);
		margin: 0;
		}
		.tff-founder__bio-secondary {
		font-size: var(--body-paragraph);
		}
		.tff-founder__image-placeholder {
		position: relative;
		width: 100%;
		height: 400px;
		overflow: hidden;
		}
		.tff-founder__image-placeholder > img:first-child {
		position: relative;
		z-index: 1;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		}
		@media (min-width: 960px) {
		.tff-founder__image-placeholder {
		width: 688px;
		height: 854px;
		flex-shrink: 0;
		}
		}
		.tff-founder__heading-group {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--gap-24);
		}
		.tff-founder__tags {
		display: flex;
		flex-wrap: wrap;
		gap: var(--gap-8);
		align-items: center;
		}
		.tff-badge {
		font-family: var(--tag-font-family);
		font-size: var(--tag-font-size);
		font-weight: var(--tag-font-weight);
		background: none;
		color: var(--absolute-black-gradient);
		padding: 0;
		}
		.tff-badge--red {
		background: none;
		color: var(--infrared-red);
		text-transform: uppercase;
		}
		/* Reusable edge-scroll strip (
		Not section-specific) */
		.tff-edge-scroll {
		position: absolute !important;
		right: 0;
		bottom: 0;
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		overflow: hidden;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		-webkit-mask-image: linear-gradient(
		to top,
		transparent 0%,
		black 15%,
		black 85%,
		transparent 100%
		);
		mask-image: linear-gradient(
		to top,
		transparent 0%,
		black 15%,
		black 85%,
		transparent 100%
		);
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-clip: border-box;
		mask-clip: border-box;
		}
		.tff-edge-scroll img {
		flex: 1 1 0;
		min-width: 0;
		width: 100%;
		height: auto;
		display: block;
		object-fit: contain;
		-webkit-mask-image: linear-gradient(
		to right,
		transparent 0%,
		black 15%,
		black 85%,
		transparent 100%
		);
		mask-image: linear-gradient(
		to right,
		transparent 0%,
		black 15%,
		black 85%,
		transparent 100%
		);
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		}
		.tff-edge-scroll img:first-child {
		animation: tff-edge-scroll-float-a 90s ease-in-out infinite;
		}
		.tff-edge-scroll img:last-child {
		margin-top: 10rem;
		animation: tff-edge-scroll-float-b 130s ease-in-out infinite;
		}
		@keyframes tff-edge-scroll-float-a {
		0%,
		100% {
		transform: translateY(0);
		}
		50% {
		transform: translateY(-100%);
		}
		}
		@keyframes tff-edge-scroll-float-b {
		0%,
		100% {
		transform: translateY(0);
		}
		50% {
		transform: translateY(-100%);
		}
		}
		@-webkit-keyframes tff-edge-scroll-float-a {
		0%,
		100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		}
		50% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		}
		}
		@-webkit-keyframes tff-edge-scroll-float-b {
		0%,
		100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		}
		50% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		}
		}