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

.tff-about-recognition {
		background: var(--color-white);
		padding: var(--padding-96) 0;
		}
		
		.tff-about-recognition__inner {
		display: flex;
		flex-direction: column;
		gap: var(--gap-48);
		max-width: var(--container-wide);
		margin: 0 auto;
		padding: 0 var(--padding-24);
		}
		
		@media (min-width: 960px) {
		.tff-about-recognition__inner {
		flex-direction: row;
		align-items: center;
		gap: var(--gap-64);
		}
		
		.tff-about-recognition__image-wrap {
		flex: 1 1 0;
		min-width: 0;
		}
		
		.tff-about-recognition__content {
		flex: 1 1 0;
		min-width: 0;
		}
		}
		
		.tff-about-recognition__image-wrap {
		position: relative;
		width: 100%;
		aspect-ratio: 4/3;
		overflow: hidden;
		background: var(--antique-white-60);
		}
		
		.tff-about-recognition__image-wrap img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center top;
		}
		
		.tff-about-recognition__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-recognition__text {
		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-24);
		}