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

.tff-hero {
		position: relative;
		background: var(--color-white);
		padding: 0 var(--padding-24) var(--padding-96);
		overflow: hidden;
		}
		/* Mobile-first: base = mobile */
		.tff-hero__inner {
		display: flex;
		flex-direction: column;
		gap: var(--gap-48);
		align-items: center;
		}
		.tff-hero__content {
		position: relative;
		z-index: 2;
		display: flex;
		flex-direction: column;
		gap: var(--gap-32);
		align-items: flex-start;
		padding-top: var(--padding-128);
		padding-bottom: var(--padding-128);
		}
		.tff-hero__visual-squares--horizontal {
		display: none;
		}
		.tff-hero__visual {
		position: absolute;
		flex: 1;
		right: 0;
		top: 20px;
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
		opacity: 0.6;
		}
		@media (min-width: 960px) {
		.tff-hero__inner {
		flex-direction: row;
		justify-content: center;
		align-items: center;
		max-height: 60vh;
		overflow: hidden;
		}
		.tff-hero__content {
		flex: 1;
		max-width: 805px;
		}
		.tff-hero__visual-squares--horizontal {
		display: block;
		}
		.tff-hero__visual {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		opacity: 1;
		}
		}
		.tff-hero__title {
		font-family: var(--h1-font-family);
		font-size: clamp(3rem, 8vw + 1.5rem, 5rem);
		font-weight: 500;
		line-height: 1;
		color: var(--absolute-black-gradient);
		margin: 0;
		}
		.tff-hero__title-accent {
		font-style: italic;
		color: var(--graphite-gray-60);
		white-space: nowrap;
		}
		.tff-hero__subtitle {
		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;
		max-width: 664px;
		}
		.tff-hero__actions {
		display: flex;
		gap: 0;
		flex-wrap: wrap;
		padding-top: var(--padding-16);
		}
		.tff-hero__visual-squares {
		position: absolute !important;
		left: 65%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 0;
		pointer-events: none;
		width: 50%;
		height: auto;
		filter: blur(76px);
		}
		.tff-hero__visual-squares-horizontal {
		position: absolute !important;
		left: 0;
		top: 0;
		z-index: 1;
		pointer-events: none;
		width: 50%;
		height: auto;
		filter: blur(76px);
		}
		.tff-hero__visual-squares--horizontal {
		position: absolute !important;
		left: 0;
		top: -130px;
		z-index: 0;
		pointer-events: none;
		filter: blur(60px);
		}
		.tff-hero__visual-mask {
		position: relative;
		z-index: 1;
		width: 100%;
		min-height: 400px;
		max-height: 60vh;
		max-width: 587px;
		overflow: hidden;
		-webkit-mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		black 12%,
		black 88%,
		transparent 100%
		);
		mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		black 12%,
		black 88%,
		transparent 100%
		);
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		}
		.tff-hero__visual-scroll {
		animation: tff-hero-scroll 30s ease-in-out infinite;
		-webkit-animation: tff-hero-scroll 30s ease-in-out infinite;
		}
		@keyframes tff-hero-scroll {
		0%,
		100% {
		transform: translateY(0);
		}
		50% {
		transform: translateY(calc(-100% + max(400px, 60vh)));
		}
		}
		@-webkit-keyframes tff-hero-scroll {
		0%,
		100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		}
		50% {
		-webkit-transform: translateY(calc(-100% + max(400px, 60vh)));
		transform: translateY(calc(-100% + max(400px, 60vh)));
		}
		}
		.tff-hero__visual-img {
		position: relative;
		z-index: 1;
		width: 100%;
		height: auto;
		display: block;
		object-fit: cover;
		}
		/* Trust Bar */
		.tff-trust-bar {
		background: var(--color-white);
		border-top: var(--border-width-1) solid var(--color-white);
		padding: var(--padding-16) var(--padding-24) var(--padding-32);
		}
		.tff-trust-bar__inner {
		display: flex;
		flex-direction: column;
		gap: var(--gap-24);
		align-items: center;
		flex-wrap: wrap;
		}
		.tff-trust-bar__logos .tff-separator {
		display: none;
		}
		.tff-trust-bar__logos {
		display: flex;
		align-items: center;
		gap: var(--gap-16);
		flex-wrap: wrap;
		width: 100%;
		flex: 1;
		min-width: 0;
		}
		.tff-trust-bar__logo {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 calc(50% - var(--gap-16) / 2);
		box-sizing: border-box;
		min-width: 0;
		text-align: center;
		}
		@media (min-width: 960px) {
		.tff-trust-bar {
		padding: var(--padding-24) var(--padding-80) var(--padding-64);
		}
		.tff-trust-bar__inner,
		.editor-styles-wrapper .tff-trust-bar__inner,
		.is-root-container .tff-trust-bar__inner {
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: var(--gap-48);
		flex-wrap: nowrap;
		}
		.tff-trust-bar__label {
		width: auto;
		text-align: left;
		}
		.tff-trust-bar__logos .tff-separator {
		display: block;
		}
		.tff-trust-bar__logos {
		gap: var(--gap-48);
		flex: 0 1 auto;
		}
		.tff-trust-bar__logo {
		flex: none;
		min-width: 100px;
		}
		}
		.tff-trust-bar__logo:not(:has(img)) {
		font-family: var(--small-paragraph-font-family);
		font-size: var(--small-paragraph);
		font-weight: var(--small-paragraph-font-weight);
		color: var(--absolute-black-gradient);
		}
		.tff-trust-bar__label {
		font-family: var(--small-paragraph-font-family);
		font-size: var(--small-paragraph);
		font-weight: var(--small-paragraph-font-weight);
		color: var(--graphite-gray);
		margin: 0;
		flex-shrink: 0;
		max-width: 200px;
		}
		.tff-trust-bar__divider {
		flex: 1 1 95px;
		min-width: 50px;
		height: 0;
		margin: 0;
		border: none;
		border-top: var(--border-width-1) solid var(--absolute-black-gradient);
		align-self: center;
		}
		.tff-trust-bar__logo-img {
		max-width: 100px;
		max-height: 56px;
		height: auto;
		width: auto;
		object-fit: contain;
		}