/**
 * Skylit dev cache — pattern: tff-common-engagement-areas
 * Auto-generated on save_post. Do not hand-edit.
 */

.tff-about-platform {
		padding: var(--padding-48) 0 var(--padding-96);
		}
		
		.tff-about-platform .tff-section-header__title {
		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 0 var(--gap-16);
		}
		
		.tff-about-platform .tff-section-header__description {
		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 0 var(--gap-48);
		}
		
		.tff-about-platform__grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--gap-48);
		margin: 0 auto;
		}
		
		@media (min-width: 640px) {
		.tff-about-platform__grid {
		grid-template-columns: repeat(2, 1fr);
		}
		}
		
		@media (min-width: 960px) {
		.tff-about-platform__grid {
		grid-template-columns: repeat(4, 1fr);
		}
		}
		
		.tff-about-platform .tff-digest-receive__card {
		padding: var(--padding-24);
		border: var(--border-width-1) solid var(--absolute-black-10);
		background: var(--antique-white-lin-grad);
		}
		
		.tff-about-platform .tff-digest-receive__card-title {
		font-family: var(--h3-small-font-family);
		font-size: var(--h3-small);
		font-weight: var(--h3-small-font-weight);
		line-height: 1.4;
		color: var(--absolute-black-gradient);
		margin: 0 0 var(--gap-8);
		}
		
		.tff-about-platform .tff-digest-receive__card-excerpt {
		font-family: var(--card-excerpt-font-family);
		font-size: var(--card-excerpt);
		font-weight: var(--card-excerpt-font-weight);
		line-height: 1.5;
		color: var(--graphite-gray);
		margin: 0;
		}
		
		.tff-grid-card__link {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		font-family: var(--button-text-font-family);
		font-size: var(--tag-font-size);
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		color: var(--absolute-black-gradient);
		margin-top:1rem;
		}
		.tff-grid-card__link-text {
		position: relative;
		}
		.tff-grid-card__link-text::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -2px;
		height: var(--border-width-1);
		background: var(--infrared-red);
		opacity: 0;
		transition: opacity 0.2s ease;
		}