// =============================================================================
// :: Author
// =============================================================================
// .c-author {}

// =============================================================================
// :: Elements
// =============================================================================
.c-author__container {
	display: flex;
	flex-direction: column-reverse;

	@include respond-at(get-breakpoint("tablet")) {
		flex-direction: row-reverse;
		justify-content: flex-end;
		align-items: center;
	}
}

.c-author__name {
	display: block;
	margin-bottom: 1rem;

	font-family: $font-family-primary;
	font-size: $font-size-1x-large;
	font-weight: $font-weight-medium;
}

.c-author__description {
	font-weight: $font-weight-medium;
}

.c-author__image-container {
	border-radius: $border-radius-1x-small;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	clip-path: url(#c-author__mask);

	@supports (clip-path: url(#c-author__mask)) {
		border-radius: 0;
	}
}

.c-author__visual {
	margin-right: 4rem;
	margin-bottom: 2.5rem;

	background-image: url("/assets/images/general/background/bg-author.svg");
	background-repeat: no-repeat;
	background-position: center center;

	@include respond-at(get-breakpoint("tablet")) {
		margin-bottom: 0;
	}
}