/* components/_about.css */





.c-about {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
}
	.c-about__img { display: none;
		width: clamp(0px, 80%, 820px);
	}
		.c-about__img img {
			height: 100%;
			object-fit: cover;
		}
	.c-about__video {
		margin: 0;
		position: relative;
		align-self: center;
		z-index: 60;
		width: min( 100%, 400px );
	}
		.c-about__video__play {
			position: absolute;
			right: 10px;
			bottom: 10px;
			width: 60px;
			height: 60px;
			border: 0;
			background-color: transparent;
			cursor: pointer;
		}
		.c-about__video__play svg .play-button {
			fill: #FFFFFF;
		}
		.c-about__video:hover .c-about__video__play svg .play-button {
			fill: var(--color-accent);
		}
	.c-about__cite {
		height: auto;
		align-self: center;
		font-style: normal;
	}
	.c-about__cite img {
		max-width: 140px;
		max-height: 40px;
	}



	@media ( min-width: 600px ) {
		.c-about {
			grid-template-columns: 1fr 1fr;
		}
		.c-about__clients {
			grid-column: 1 / -1;
			margin-top: 80px;
			margin-inline: auto;
			max-width: 640px;
		}
	}
	
	@media (min-width: 1000px ) {
		.c-about {
			grid-template-columns: 1fr 1fr 1fr;
		}
		.c-about__img {
			display: block;
			grid-column: 1 / 3;
			grid-row: 2 / 3;
		}
		.c-about__video {
			grid-column: 2 / 3;
			grid-row: 2 / 3;
			width: min( 100%, 340px );
			border: 4px solid var(--color-grey-800);
			justify-self: end;
		}
		.c-about__cite {
			grid-column: 3 / 4;
			grid-row: 2 / 3;
		}
	}