.tt-global-container {
	margin-bottom: var(--base-margin-4);
}
.global-wrap {
	background: var(--tt-neutral-ui-lighter);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: clamp(128px, 16dvw + 80px, 24dvh);
}

#author-bio-section {
	position: static;
}
.author-bio-container {
	display: grid;
	grid-template-columns: 0.75fr 1fr;
	position: relative;
	gap: var(--medium-section-spacer);
}
.author-bio-left-column {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;
	position: static;
}
.global-wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: var(--tt-wine-dark);
	z-index: 0;
	height: 100%;
	width: calc(
		min(var(--tt-global-max-width), 100%) * 0.435 +
			((100dvw - min(var(--tt-global-max-width), 100%)) / 2)
	);
}
.author-avatar-container {
	position: relative;
	margin: auto;
	width: 100%;
	z-index: 1;
	overflow-x: hidden;
	border-radius: var(--b-rad-lg);
	height: 20rem;
}
.author-avatar-container + h1 {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	text-wrap: balance;
}

.author-bio.base p {
	text-wrap: balance;
	color: var(--tt-neutral-ui-light);
}
.author-avatar-container img {
	margin: auto;
	margin-bottom: 0;
	display: block;
}
.author-avatar-container::before {
	content: '';
	position: absolute;
	bottom: 0;
	border-radius: var(--b-rad-lg);
	left: 0;
	background: var(--tt-wine-main);
	z-index: -1;
	height: 80%;
	width: 100%;
	display: block;
}

.author-bio-left-column-inner {
	position: sticky;
	top: var(--spacer-20);
	height: fit-content;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;
}

.author-bio-left-column-inner h1 {
	color: var(--tt-neutral-ui-lighterest);
}

.author-bio-right-column {
	display: grid;
	gap: var(--spacer-12);
	align-items: start;
	justify-content: start;
}

.author-bio-right-column .no-posts-found {
	color: var(--tt-grey-dark);
}

.article-post-container {
	display: grid;
	grid-template-columns: auto 15rem;
	gap: var(--base-margin);
}

#other-authors {
	display: grid;
	grid-template-columns: 1fr 1fr;
	color: var(--tt-peach-lightest);
	font-size: var(--tt-font-size-base-sm);
	font-size: var(--tt-font-size-base-sm);
	margin: var(--base-margin-3) 0 var(--base-margin-2);
	column-gap: var(--base-margin);
}

#other-authors h4 {
	grid-column: 1 / -1;
	color: var(--tt-wine-light);
}
.other-author a {
	color: var(--tt-wine-lighter);
	text-decoration-color: var(--tt-wine-main);
}
.other-author > a.other-author-link:hover {
	color: var(--tt-wine-lightest);
}
.other-author:not(:last-child) {
	margin-bottom: var(--spacer-2);
}

.author-bio-left-column h6 {
	color: var(--tt-wine-lighter);
}

@media (max-width: 768px) {
	.author-bio-container {
		grid-template-columns: 1fr;
	}
	.global-wrap::before {
		content: '';
		display: none;
	}
	.author-bio-left-column {
		position: relative;
	}
	.author-bio-left-column::before {
		content: '';
		position: absolute;
		bottom: calc(var(--spacer-12) * -1);
		left: calc(50% - 50vw);
		width: 100vw;
		width: 100dvw;
		height: calc(
			100% + clamp(128px, 16dvw + 80px, 24dvh) + var(--spacer-12)
		);
		background: var(--tt-wine-dark);
		z-index: 0;
	}
	.article-post-container {
		grid-template-columns: auto 8rem;
	}
	.article-text-content + a:has(img),
	.article-text-content + a:has(img) > img {
		width: 100%;

		height: 8rem;
	}
}