/* ========== Author Card (Perfect Team) ========== */
.author-card {
	--author-bg: #f1f9f9;
	/* фон блоку */
	--author-text: #253035;
	/* основний текст */
	--author-muted: #5b6b73;
	/* другорядний текст */
	--author-border: #e2f5f5;
	/* бордери/іконки */
	--author-accent: #e24598;
	/* рожевий акцент */
	--author-radius: 14px;

	background: var(--author-bg);
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 16px;
	color: var(--author-text);
	font-family: 'Futura', sans-serif;

	max-width: 52.9375rem;
}

.author-card__photo {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	overflow: hidden;
	background: #fff;
}

.author-card__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.author-card__main {
	display: flex;
	align-items: center;
	gap: 32px;
}

.author-card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 9px;
}

.author-card__inner {
	min-width: 224px;

	display: flex;
	flex-direction: column;
	gap: 9px;
}

.author-card__name {
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	/* 21.6px */
}

.author-card__role {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

.author-card__quote {
	font-family: 'Futura Book CTT', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

/* Соц. і посилання в один ряд */
.author-card__meta {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

/* Кнопки соцмереж: квадратні, світлі, з бордером */
.author-card__social {
	width: 32px;
	height: 32px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid var(--author-border);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #566e75;
	/* базовий колір іконки */
	transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease,
		transform 0.2s ease;
	text-decoration: none;
	outline: none;
}

.author-card__social:focus-visible {
	box-shadow: 0 0 0 3px color-mix(in oklab, var(--author-accent) 25%, #ffffff);
}

.author-card__social:hover {
	border-color: color-mix(in oklab, var(--author-accent) 60%, #ffffff);
	color: var(--author-accent);
	transform: translateY(-1px);
}

/* Іконки через mask, щоб фарбувалися currentColor */
.author-card__social::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
	mask-size: contain;
	-webkit-mask-size: contain;
}

/* Facebook */
.author-card__social--fb::before {
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.1635 10.0963C18.4962 10.0963 20.2078 10.0963 20.2078 10.0963V7.01113L17.3919 7C14.2646 7 13.554 9.30306 13.554 10.7726V12.8293H11.7461V16.0063H13.554C13.554 20.0864 13.554 25 13.554 25H17.3566C17.3566 25 17.3566 20.0391 17.3566 16.0063H19.9232L20.2559 12.8293H17.3566V10.9618C17.3566 10.2605 17.8308 10.0963 18.1635 10.0963Z' fill='%234862A5'/%3E%3C/svg%3E%0A");
}

/* Instagram (простий контур камери) */
.author-card__social--ig::before {
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.946 12.2894C24.9022 11.3314 24.7501 10.6772 24.5276 10.1048C24.3017 9.50422 23.9474 8.96025 23.4895 8.51063C23.04 8.05277 22.4959 7.69832 21.8954 7.47228C21.3228 7.24994 20.6687 7.09792 19.7107 7.05438C18.7509 7.01044 18.4443 7 16.0001 7C13.5559 7 13.2492 7.01044 12.2894 7.05411C11.3314 7.09792 10.6773 7.25008 10.1048 7.47255C9.50422 7.69846 8.96025 8.05277 8.51063 8.51063C8.05277 8.96011 7.69832 9.50408 7.47228 10.1046C7.24994 10.6772 7.09792 11.3314 7.05438 12.2893C7.01044 13.2492 7 13.5557 7 15.9999C7 18.4443 7.01044 18.7509 7.05438 19.7107C7.09805 20.6686 7.25022 21.3228 7.47269 21.8954C7.6986 22.4958 8.05291 23.0399 8.51077 23.4894C8.96025 23.9472 9.50435 24.3015 10.1049 24.5274C10.6773 24.7501 11.3315 24.9021 12.2895 24.9459C13.2495 24.9897 13.556 25 16.0002 25C18.4444 25 18.7511 24.9897 19.7109 24.9459C20.6689 24.9021 21.323 24.7501 21.8955 24.5274C23.1044 24.06 24.0601 23.1043 24.5276 21.8954C24.7502 21.3228 24.9022 20.6686 24.946 19.7107C24.9897 18.7508 25.0001 18.4443 25.0001 16.0001C25.0001 13.5557 24.9897 13.2492 24.946 12.2894ZM23.3259 19.637C23.286 20.5145 23.1393 20.9911 23.0161 21.3082C22.7133 22.0931 22.093 22.7135 21.308 23.0163C20.9909 23.1395 20.5144 23.2861 19.6368 23.3261C18.688 23.3695 18.4033 23.3785 16.0001 23.3785C13.5967 23.3785 13.3121 23.3695 12.3632 23.3261C11.4858 23.2861 11.0092 23.1395 10.692 23.0163C10.3011 22.8719 9.94752 22.6419 9.6572 22.3429C9.35823 22.0526 9.12821 21.6991 8.98387 21.3082C8.86069 20.9911 8.71402 20.5145 8.67405 19.637C8.6308 18.688 8.62159 18.4033 8.62159 16.0002C8.62159 13.5969 8.6308 13.3124 8.67405 12.3633C8.71415 11.4858 8.86069 11.0092 8.98387 10.6921C9.12821 10.3011 9.35837 9.94752 9.6572 9.6572C9.94752 9.35823 10.3011 9.12821 10.6921 8.98401C11.0092 8.86069 11.4858 8.71415 12.3633 8.67405C13.3122 8.6308 13.5969 8.62159 16.0001 8.62159H15.9999C18.4031 8.62159 18.6878 8.6308 19.6368 8.67419C20.5144 8.71415 20.9908 8.86082 21.308 8.98401C21.6989 9.12834 22.0525 9.35837 22.3428 9.6572C22.6418 9.94752 22.8718 10.3011 23.016 10.6921C23.1393 11.0092 23.286 11.4858 23.3259 12.3633C23.3692 13.3122 23.3784 13.5969 23.3784 16.0001C23.3784 18.4033 23.3693 18.6879 23.3259 19.637Z' fill='url(%23paint0_linear_140_2922)'/%3E%3Cpath d='M15.9966 11.3779C13.4442 11.3779 11.375 13.4472 11.375 15.9996C11.375 18.5521 13.4442 20.6212 15.9966 20.6212C18.5491 20.6212 20.6183 18.5521 20.6183 15.9996C20.6183 13.4472 18.5491 11.3779 15.9966 11.3779ZM15.9966 18.9996C14.3398 18.9995 12.9966 17.6564 12.9967 15.9995C12.9967 14.3428 14.3398 12.9995 15.9967 12.9995C17.6536 12.9997 18.9967 14.3428 18.9967 15.9995C18.9967 17.6564 17.6535 18.9996 15.9966 18.9996Z' fill='url(%23paint1_linear_140_2922)'/%3E%3Cpath d='M21.8866 11.1958C21.8866 11.7922 21.4031 12.2758 20.8067 12.2758C20.2101 12.2758 19.7266 11.7922 19.7266 11.1958C19.7266 10.5993 20.2101 10.1157 20.8067 10.1157C21.4031 10.1157 21.8866 10.5993 21.8866 11.1958Z' fill='url(%23paint2_linear_140_2922)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_140_2922' x1='8.51054' y1='23.4894' x2='23.4896' y2='8.5104' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD600'/%3E%3Cstop offset='0.5' stop-color='%23FF0100'/%3E%3Cstop offset='1' stop-color='%23D800B9'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_140_2922' x1='12.7287' y1='19.2676' x2='19.2646' y2='12.7316' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF6400'/%3E%3Cstop offset='0.5' stop-color='%23FF0100'/%3E%3Cstop offset='1' stop-color='%23FD0056'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_140_2922' x1='20.043' y1='11.9594' x2='21.5703' y2='10.4321' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F30072'/%3E%3Cstop offset='1' stop-color='%23E50097'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

/* Посилання "Сторінка автора →" */
.author-card__link {
	--arrow-size: 12px;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: var(--author-accent);
	font-family: 'Futura Book CTT', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;

	padding: 10px 0;
	transition: 0.3s ease all;
}

.author-card__link::after {
	content: '';
	width: var(--arrow-size);
	height: var(--arrow-size);
	background: currentColor;
	mask-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25587 1.03128L7.28716 0L10.6317 3.34455L10.8082 3.52109L11.2872 3.99998L10.8082 4.47887L10.4842 4.80301L7.28709 8L6.25583 6.96873L8.42155 4.80298H0V3.34455H8.56914L6.25587 1.03128Z' fill='%23E24598'/%3E%3C/svg%3E%0A");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
	mask-size: contain;
	-webkit-mask-size: contain;
	transform: translateX(0);
	transition: transform 0.2s ease;
}

.author-card__link:hover::after {
	transform: translateX(4px);
}

.author-card__link:focus-visible {
	outline: none;
}

/* Відступи/розміри для компактних екранів */
@media (max-width: 750px) {
	.author-card {
		flex-direction: column;
		padding: 20px;
	}

	.author-card {
		flex-direction: column;
	}

	.author-card__photo {
		width: 96px;
		min-width: 96px;
		height: 96px;
		border-radius: 10px;
	}

	.author-card__quote {
		font-size: 15px;
	}
}