.author-bio-top .list-inline-item {
	max-width: 32px;
	width: 100%;
	margin-bottom: 0;
	height: 32px;
}
.author-bio-top {
	width: 100%;
	display: grid;
	grid-template-columns: 660px 400px;
	gap: 0 20px;
	align-items: start;
}
h1.author-name {
    margin-bottom: 10px;
    grid-column: 1;
    font-size: 68px;
    line-height: 68px;
}
.author-bio-top .author-avatar {
	grid-column: 2;
	grid-row: 1 / span 2;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.author-info {
	width: 100%;
}
.author-hex {
	display: flex;
	position: relative;
	margin: 0 auto;
	width: 280px;
	height: 280px;
	object-fit: cover;
	object-position: center;
	-webkit-clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
	clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
.author-bio-top .author-avatar img {
	width: 100%;
	height: 100%;
}
.author-info .author-name {
	text-transform: capitalize;
	margin-bottom: 14px;
}
.author-info p {
	color: var(--paragraph-text);
	font-size: 16px;
	line-height: 25px;
}
.author-info p a {
	color: var(--links);
	text-decoration: underline;
}
.author-info ul {
	display: flex;
	gap: 10px;
	margin-top: 26px;
	flex-wrap: wrap;
}
.author__infos {
	gap: 26px;
	display: grid;
	grid-template-columns: repeat(2, 50%);
	width: 100%;
	margin-top: 26px;
}
.author__infos__info ul {
	list-style: disc;
	padding-left: 20px;
}
.author__infos__info a {
	color: var(--links);
	list-style: disc;
	text-decoration: underline;
}
.author-content {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 26px;
}
.author-articles-title {
    width: 100%;
    position: relative;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}
.author-articles-title::after {
	content: "";
	flex: 1;
	height: 5px;
	background: var(--black);
	display: block;
	top: 4px;
	position: relative;
}
.author-main {
	width: 100%;
}
@media (max-width:1159px) {
	.author-bio-top {
		gap:20px 0;
		align-items: start;
		grid-template-columns: 1fr;
		text-align: left;
	}
	h1.author-name {
		grid-column: 1;
		order: 1;
		text-align: center;
		font-size: 32px;
		line-height: 32px;
	}
	.mobile-author-avatar {
		display: flex;
		width: 100%;
		margin-bottom: 14px;
		justify-content: center;
	}
	.author-info {
		order: 3;
	}
	.author-bio-top .author-avatar {
		grid-column: 1;
		grid-row: auto;
		order: 2;
	}
	.author-hex img {
		width: 100%;
	}
	.author__infos {
		gap: 26px;
		grid-template-columns: repeat(1, 100%);
		margin-top: 21px;
	}
}