/* ==========================================================================
   DORIC · The Gods
   --------------------------------------------------------------------------
   A collection book, not a mythology site: the identity is set in type, the
   photograph does the atmosphere, and nothing is decorated.
   ========================================================================== */

/* ── Collection hero ────────────────────────────────────────────────────── */

.d-godhero {
	padding-block: var(--d-s8) var(--d-s11);
	background: linear-gradient(180deg, var(--d-surface-1) 0%, var(--d-bg) 100%);
	border-bottom: var(--d-hairline) solid var(--d-border);
}

.d-godhero__inner { display: grid; gap: var(--d-s9); }

@media (max-width: 899px) {
	.d-godhero__copy { order: -1; }
}

@media (min-width: 900px) {
	.d-godhero__inner {
		grid-template-columns: minmax(0, .92fr) minmax(0, 1fr);
		align-items: center;
		gap: clamp(48px, 7vw, 128px);
	}

	.d-godhero__media { max-width: 640px; }
}

.d-godhero__copy .d-crumbs { margin-bottom: var(--d-s8); }

.d-godhero__index {
	display: flex;
	align-items: center;
	gap: var(--d-s3);
	font-family: var(--d-font-display);
	font-size: var(--d-fs-small);
	letter-spacing: .22em;
	color: var(--d-accent);
	font-variant-numeric: tabular-nums;
}

.d-godhero__rule { width: 40px; height: 1px; background: var(--d-border-strong); }

.d-godhero__name {
	margin-top: var(--d-s5);
	font-family: var(--d-font-display);
	font-size: clamp(3.25rem, 9vw, 7.5rem);
	font-weight: 400;
	line-height: .92;
	letter-spacing: .05em;
	overflow-wrap: anywhere;
}

.d-godhero__virtue { margin-top: var(--d-s5); }

.d-godhero__traits {
	display: grid;
	gap: var(--d-s1);
	margin-top: var(--d-s7);
	font-family: var(--d-font-display);
	font-size: clamp(1.25rem, 2.2vw, 1.75rem);
	line-height: 1.25;
	color: var(--d-text);
}

.d-godhero__epithet {
	margin-top: var(--d-s6);
	font-size: var(--d-fs-small);
	letter-spacing: .06em;
	color: var(--d-text-muted);
}

.d-godhero__intro {
	margin-top: var(--d-s5);
	max-width: 48ch;
	font-size: var(--d-fs-body-l);
	line-height: 1.8;
	color: var(--d-text-2);
}

.d-godhero__cta { margin-top: var(--d-s8); }

/* ── Collection and stories ─────────────────────────────────────────────── */

.d-godcollection { scroll-margin-top: var(--d-chrome-h); }
.d-godstories { border-top: var(--d-hairline) solid var(--d-border); background: var(--d-bg-elevated); }

/* ── Previous / all / next ──────────────────────────────────────────────── */

.d-godnav { border-top: var(--d-hairline) solid var(--d-border); }

.d-godnav__inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: var(--d-s5);
	padding-block: var(--d-s8);
}

.d-godnav__link {
	display: grid;
	gap: var(--d-s1);
	min-height: var(--d-tap);
	color: var(--d-text-2);
	transition: color var(--d-dur-fast) var(--d-ease-out);
}

.d-godnav__link--prev { grid-template-columns: auto 1fr; column-gap: var(--d-s3); justify-self: start; }
.d-godnav__link--next { grid-template-columns: 1fr auto; column-gap: var(--d-s3); justify-self: end; text-align: right; }
.d-godnav__link svg { grid-row: span 2; align-self: center; color: var(--d-accent); }

.d-godnav__meta {
	font-size: var(--d-fs-micro);
	font-weight: 500;
	letter-spacing: var(--d-ls-label);
	color: var(--d-text-muted);
}

.d-godnav__name {
	font-family: var(--d-font-display);
	font-size: clamp(1rem, 2vw, 1.5rem);
	letter-spacing: .1em;
}

.d-godnav__link:hover { color: var(--d-accent); }

.d-godnav__all {
	display: grid;
	justify-items: center;
	gap: var(--d-s2);
	font-size: var(--d-fs-micro);
	font-weight: 500;
	letter-spacing: var(--d-ls-label);
	color: var(--d-text-muted);
	transition: color var(--d-dur-fast) var(--d-ease-out);
}

.d-godnav__all:hover { color: var(--d-text); }

@media (max-width: 599px) {
	.d-godnav__all span { display: none; }
	.d-godnav__meta { display: none; }
}