/*
 * Depthcubing — warm editorial layer for Journal and articles
 */

.dc-journal,
.dc-article {
	--dc-warm-paper: #f8f1e7;
	--dc-warm-ivory: #fffaf3;
	--dc-warm-sand: #ead8c0;
	--dc-warm-sand-deep: #dfc5a6;
	--dc-warm-rust: #ad5b40;
	--dc-warm-rust-dark: #7e402f;
	--dc-warm-gold: #c6964d;
	--dc-warm-navy: #173746;
	--dc-warm-ink: #273940;
	--dc-warm-muted: #756a60;
	--dc-warm-line: rgba(112, 78, 55, .2);
	background: var(--dc-warm-paper);
	color: var(--dc-warm-ink);
}

body.page-id-18,
body.single-post,
body.page-id-18 .site-content,
body.single-post .site-content {
	background: var(--dc-warm-paper, #f8f1e7);
}

body.page-id-18 .ast-primary-header-bar,
body.single-post .ast-primary-header-bar {
	border-bottom-color: rgba(126, 78, 48, .18);
}

/* Journal landing */
.dc-journal-hero {
	background:
		radial-gradient(circle at 78% 18%, rgba(231, 173, 96, .24), transparent 28%),
		radial-gradient(circle at 18% 92%, rgba(51, 105, 119, .22), transparent 30%),
		linear-gradient(135deg, #3c2a24 0%, #6d4535 67%, #173746 100%);
}

.dc-journal-hero h1 em {
	color: #f1cf9a;
}

.dc-journal-hero__copy > p:last-child {
	color: rgba(255, 248, 236, .76);
}

.dc-journal-hero__mark {
	border-color: rgba(241, 207, 154, .38);
}

.dc-journal-orbit {
	border-color: rgba(241, 207, 154, .62);
}

.dc-journal-mini-cube {
	background: linear-gradient(135deg, #cf7d55, #d8ae64);
	box-shadow: 22px 22px 0 rgba(23, 55, 70, .62);
}

.dc-journal-feed {
	background:
		linear-gradient(rgba(255, 250, 243, .72), rgba(255, 250, 243, .72)),
		repeating-linear-gradient(90deg, transparent 0 79px, rgba(126, 78, 48, .045) 80px);
}

.dc-journal-feed .dc-journal-kicker,
.dc-article-related .dc-journal-kicker {
	color: var(--dc-warm-rust);
}

.dc-journal-feed .dc-journal-kicker::before,
.dc-article-related .dc-journal-kicker::before {
	background: var(--dc-warm-gold);
}

.dc-journal-feed__heading h2,
.dc-journal-feature h2,
.dc-journal-card h3 {
	color: var(--dc-warm-navy);
}

.dc-journal-feature,
.dc-journal-card {
	background: rgba(255, 250, 243, .82);
	border-color: var(--dc-warm-line);
	box-shadow: 0 24px 60px rgba(77, 50, 35, .08);
}

.dc-journal-feature__media,
.dc-journal-card__media,
.dc-article-related__media {
	background: var(--dc-warm-sand);
	overflow: hidden;
}

.dc-journal-feature__media .dc-series-art,
.dc-journal-card__media .dc-series-art,
.dc-article-related__media .dc-series-art {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform .7s cubic-bezier(.2, .7, .2, 1);
	width: 100%;
}

.dc-journal-feature:hover .dc-series-art,
.dc-journal-card:hover .dc-series-art,
.dc-article-related article:hover .dc-series-art {
	transform: scale(1.025);
}

.dc-journal-meta span,
.dc-journal-read {
	color: var(--dc-warm-rust);
}

.dc-journal-note {
	background:
		radial-gradient(circle at 22% 20%, rgba(204, 142, 77, .2), transparent 28%),
		var(--dc-warm-navy);
}

.dc-journal-note h2 em {
	color: #f0c98e;
}

/* Single article */
.dc-article-hero {
	background:
		radial-gradient(circle at 88% 12%, rgba(184, 102, 68, .17), transparent 28%),
		radial-gradient(circle at 10% 90%, rgba(196, 151, 81, .18), transparent 30%),
		linear-gradient(135deg, #fffaf2 0%, #f0dfc8 66%, #e5c9a9 100%);
	color: var(--dc-warm-ink);
	overflow: hidden;
	padding: 76px 0 152px;
	position: relative;
}

.dc-article-hero::before {
	border: 1px solid rgba(23, 55, 70, .13);
	border-radius: 50%;
	content: "";
	height: 460px;
	position: absolute;
	right: -130px;
	top: -205px;
	width: 460px;
}

.dc-article-hero::after {
	border: 1px dashed rgba(173, 91, 64, .25);
	border-radius: 50%;
	content: "";
	height: 320px;
	position: absolute;
	right: -55px;
	top: -135px;
	width: 320px;
}

.dc-article-hero__inner {
	max-width: 1050px;
	position: relative;
	z-index: 2;
}

.dc-article-back {
	color: #745a49;
}

.dc-article-back span,
.dc-article-back:hover,
.dc-article-back:focus {
	color: var(--dc-warm-rust);
}

.dc-article-hero .dc-article-meta span {
	color: var(--dc-warm-rust);
}

.dc-article-hero .dc-article-meta time {
	color: rgba(67, 51, 42, .56);
}

.dc-article-meta time::before {
	color: var(--dc-warm-gold);
}

.dc-article h1 {
	color: var(--dc-warm-navy);
	text-wrap: balance;
}

.dc-article-deck {
	color: #66574d;
}

.dc-article-byline__mark {
	background: var(--dc-warm-rust);
	color: #fff9ef;
	box-shadow: 0 8px 20px rgba(126, 64, 47, .2);
}

.dc-article-byline p,
.dc-article-byline strong {
	color: var(--dc-warm-ink);
}

.dc-article-byline small {
	color: rgba(67, 51, 42, .58);
}

.dc-article-featured {
	background: var(--dc-warm-ivory);
	border: 12px solid var(--dc-warm-ivory);
	border-radius: 7px;
	box-shadow: 0 34px 75px rgba(77, 50, 35, .18);
}

.dc-article-featured--illustration {
	aspect-ratio: 16 / 9;
}

.dc-article-featured--illustration::after {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .1), transparent 45%),
		linear-gradient(315deg, rgba(111, 69, 46, .08), transparent 35%);
}

.dc-series-art {
	display: block;
	height: 100%;
	width: 100%;
}

.dc-article-content {
	background: rgba(255, 250, 243, .63);
	border-left: 1px solid rgba(173, 91, 64, .16);
	border-right: 1px solid rgba(173, 91, 64, .1);
	margin-bottom: 85px;
	margin-top: 72px;
	max-width: 900px;
	padding: 78px 70px 102px;
	position: relative;
}

.dc-article-content::before {
	color: var(--dc-warm-gold);
	content: "◇";
	font-family: Georgia, serif;
	font-size: 29px;
	left: 50%;
	position: absolute;
	top: 25px;
	transform: translateX(-50%);
}

.dc-article-content > p {
	color: #4d5757;
}

.dc-article-content > p:first-child {
	color: var(--dc-warm-navy);
}

.dc-article-content > p:first-child::first-letter {
	color: var(--dc-warm-rust);
	float: left;
	font-family: var(--dc-journal-display);
	font-size: 74px;
	line-height: .74;
	margin: 12px 10px 0 0;
}

.dc-article-content > h2 {
	color: var(--dc-warm-rust-dark);
	padding-top: 4px;
}

.dc-article-content > h2::after {
	background: linear-gradient(90deg, var(--dc-warm-gold), transparent);
	content: "";
	display: block;
	height: 2px;
	margin-top: 18px;
	width: 86px;
}

.dc-article-content strong {
	color: var(--dc-warm-navy);
}

.dc-article-content a {
	color: var(--dc-warm-rust);
}

.dc-article-content blockquote {
	background: #f2e2cc;
	border: 0;
	border-left: 4px solid var(--dc-warm-gold);
	color: var(--dc-warm-navy);
	font-family: var(--dc-journal-display);
	font-size: 25px;
	font-style: italic;
	line-height: 1.55;
	margin: 48px 0;
	padding: 30px 34px;
}

.dc-article-content blockquote p {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.dc-article-related {
	background:
		linear-gradient(rgba(234, 216, 192, .86), rgba(234, 216, 192, .86)),
		repeating-linear-gradient(0deg, transparent 0 47px, rgba(103, 70, 49, .06) 48px);
}

.dc-article-related__heading h2,
.dc-article-related h3,
.dc-article-related h3 a {
	color: var(--dc-warm-navy);
}

.dc-article-cta {
	background:
		radial-gradient(circle at 75% 16%, rgba(194, 134, 73, .23), transparent 30%),
		linear-gradient(135deg, #173746, #102d3b 66%, #6a4132 130%);
}

.dc-article-cta > .dc-article-shell > p,
.dc-article-cta a {
	color: #e0b669;
}

.dc-article-cta h2 em {
	color: #f0d0a0;
}

@media (max-width: 760px) {
	.dc-article-hero {
		padding-bottom: 112px;
	}

	.dc-article-featured {
		border-width: 7px;
		margin-top: -57px;
	}

	.dc-article-content {
		border-left: 0;
		border-right: 0;
		margin-bottom: 50px;
		margin-top: 42px;
		padding: 68px 24px 78px;
	}

	.dc-article-content > p:first-child::first-letter {
		font-size: 62px;
	}

	.dc-article-content blockquote {
		font-size: 22px;
		margin: 40px 0;
		padding: 25px 24px;
	}
}

@media (max-width: 430px) {
	.dc-article-featured--illustration {
		aspect-ratio: 1.25;
	}

	.dc-article-featured--illustration .dc-series-art {
		transform: scale(1.08);
	}

	.dc-article-content {
		padding-left: 20px;
		padding-right: 20px;
	}
}