/* Nikolaos Vale author discovery on the About page — v2.27.50. */

.ags-about-author {
	position: relative;
	padding: clamp(4.5rem, 7vw, 6.5rem) 0;
	overflow: hidden;
	border-top: 1px solid rgba(201, 169, 98, .18);
	background:
		radial-gradient(circle at 18% 38%, rgba(201, 169, 98, .08), transparent 34%),
		linear-gradient(180deg, #0b111a 0%, #080b10 100%);
}

.ags-about-author__inner {
	display: grid;
	grid-template-columns: minmax(210px, 300px) minmax(0, 1fr);
	align-items: center;
	width: min(980px, calc(100% - 40px));
	margin: 0 auto;
	gap: clamp(2.2rem, 5vw, 4.75rem);
}

.ags-about-author__portrait {
	position: relative;
	margin: 0;
	padding: .55rem;
	border: 1px solid rgba(201, 169, 98, .34);
	border-radius: 14px;
	background: linear-gradient(145deg, rgba(201, 169, 98, .11), rgba(8, 11, 16, .22));
	box-shadow: 0 26px 62px rgba(0, 0, 0, .28);
}

.ags-about-author__portrait::after {
	content: "";
	position: absolute;
	inset: .55rem;
	border: 1px solid rgba(255, 240, 168, .14);
	border-radius: 10px;
	pointer-events: none;
}

.ags-about-author__portrait img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.ags-about-author__copy {
	max-width: 650px;
}

.ags-about-author__copy h2 {
	margin: .4rem 0 1.15rem;
	color: var(--ags-cream);
	font-family: var(--ags-serif);
	font-size: clamp(2.35rem, 4.4vw, 4rem);
	line-height: 1.04;
	text-wrap: balance;
}

.ags-about-author__copy p:not(.section-kicker) {
	margin: 0;
	color: rgba(242, 232, 207, .84);
	font-size: clamp(1rem, .18vw + .97rem, 1.08rem);
	line-height: 1.78;
}

.ags-about-author__copy p + p {
	margin-top: 1rem;
}

.ags-about-author__cta {
	width: auto;
	margin-top: 1.65rem;
}

@media (max-width: 760px) {
	.ags-about-author {
		padding: 4.25rem 0;
	}

	.ags-about-author__inner {
		grid-template-columns: 1fr;
		width: min(calc(100% - 32px), 680px);
		gap: 2rem;
	}

	.ags-about-author__portrait {
		width: min(72vw, 300px);
		margin: 0 auto;
	}

	.ags-about-author__copy {
		max-width: none;
		text-align: left;
	}

	.ags-about-author__cta {
		width: 100%;
	}
}