.archive-home-preview {
	background:
		radial-gradient(circle at 80% 20%,rgba(211,169,77,.12),transparent 36%),
		#080a0d;
	border-block: 1px solid var(--qc-border);
}

.archive-home-stack {
	display: grid;
	gap: .65rem;
}

.archive-home-stack span {
	display: block;
	padding: .85rem 1rem;
	border: 1px solid var(--qc-border);
	border-radius: 10px;
	background: rgba(255,255,255,.025);
	color: var(--qc-gold-light);
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	transform: rotate(-1deg);
}

.archive-home-stack span:nth-child(even) {
	transform: rotate(1deg) translateX(1rem);
}

.archive-filter-bar {
	display: flex;
	flex-wrap: wrap;
	gap: .55rem;
	margin-bottom: 2.5rem;
}

.archive-filter {
	padding: .6rem .85rem;
	border: 1px solid var(--qc-border);
	border-radius: 999px;
	background: transparent;
	color: var(--qc-text);
	font: inherit;
	font-size: .9rem;
	font-weight: 800;
	cursor: pointer;
}

.archive-filter:hover,
.archive-filter:focus-visible,
.archive-filter.is-active {
	border-color: var(--qc-gold);
	background: rgba(211,169,77,.14);
	color: var(--qc-gold-light);
}

.living-timeline {
	position: relative;
	max-width: 980px;
	margin-inline: auto;
}

.living-timeline::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1.35rem;
	width: 2px;
	background: linear-gradient(var(--qc-gold),rgba(211,169,77,.05));
}

.living-timeline-item {
	position: relative;
	display: grid;
	grid-template-columns: 2.8rem 1fr;
	gap: 1rem;
	margin-bottom: 1.2rem;
	transition: opacity .25s ease,transform .25s ease;
}

.living-timeline-item.is-hidden {
	display: none;
}

.living-timeline-marker {
	position: relative;
	z-index: 2;
	width: 2.7rem;
	height: 2.7rem;
	display: grid;
	place-items: center;
	border: 3px solid var(--qc-bg);
	border-radius: 50%;
	background: var(--qc-gold);
	color: #111;
	font-size: .72rem;
	font-weight: 900;
	box-shadow: 0 0 0 4px rgba(211,169,77,.16);
}

.living-timeline-card {
	padding: 1.35rem;
	border: 1px solid var(--qc-border);
	border-radius: var(--qc-radius);
	background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
	box-shadow: var(--qc-shadow);
}

.living-timeline-period {
	margin-bottom: .5rem;
	color: var(--qc-gold-light);
	font-size: .76rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.living-timeline-card h2 {
	font-size: clamp(1.5rem,3vw,2.4rem);
}

.living-timeline-card p:last-child {
	margin-bottom: 0;
	color: var(--qc-muted);
}

.archive-library-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

.archive-library-card {
	min-height: 260px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 1.5rem;
	border: 1px solid var(--qc-border);
	border-radius: var(--qc-radius);
	background:
		radial-gradient(circle at 75% 20%,rgba(211,169,77,.14),transparent 40%),
		linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
	box-shadow: var(--qc-shadow);
	color: #fff;
	text-decoration: none;
}

.archive-library-card span {
	margin-bottom: auto;
	color: var(--qc-gold-light);
	font-size: .75rem;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.archive-library-card h2 {
	font-size: clamp(1.7rem,3.5vw,2.6rem);
}

.archive-library-card p {
	margin-bottom: 0;
	color: var(--qc-muted);
}

.archive-recent-section,
.related-content-section {
	padding-top: clamp(4rem,8vw,7rem);
}

.related-content-section {
	padding-bottom: clamp(4rem,8vw,7rem);
	background: var(--qc-surface);
	border-top: 1px solid var(--qc-border);
}

.archive-editor-content:empty {
	display: none;
}

@media (min-width: 760px) {
	.archive-library-grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.living-timeline::before {
		left: 50%;
		transform: translateX(-1px);
	}

	.living-timeline-item {
		grid-template-columns: 1fr 3rem 1fr;
		gap: 1.4rem;
	}

	.living-timeline-item:nth-child(odd) .living-timeline-card {
		grid-column: 1;
		grid-row: 1;
		text-align: right;
	}

	.living-timeline-item:nth-child(odd) .living-timeline-marker {
		grid-column: 2;
		grid-row: 1;
	}

	.living-timeline-item:nth-child(even) .living-timeline-marker {
		grid-column: 2;
		grid-row: 1;
	}

	.living-timeline-item:nth-child(even) .living-timeline-card {
		grid-column: 3;
		grid-row: 1;
	}

	.living-timeline-marker {
		justify-self: center;
	}
}

@media (min-width: 1080px) {
	.archive-library-grid {
		grid-template-columns: repeat(3,minmax(0,1fr));
	}
}

@media (prefers-reduced-motion:no-preference) {
	.living-timeline-item,
	.archive-library-card,
	.archive-home-stack span {
		opacity: .001;
		transform: translateY(18px);
		transition: opacity .45s ease,transform .45s ease;
	}

	.living-timeline-item.is-visible,
	.archive-library-card.is-visible,
	.archive-home-stack span.is-visible {
		opacity: 1;
		transform: none;
	}
}