/* ==========================================================================
   DORIC · Journal and Lookbook
   ========================================================================== */

/* ── Journal index lead ─────────────────────────────────────────────────── */

.d-journalpage .d-shop__nav { margin-bottom: var(--d-s9); }

.d-lead {
	display: grid;
	gap: var(--d-s7);
	margin-bottom: var(--d-s10);
	padding-bottom: var(--d-s10);
	border-bottom: var(--d-hairline) solid var(--d-border);
}

@media (min-width: 900px) {
	.d-lead {
		grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
		align-items: center;
		gap: clamp(40px, 5vw, 96px);
	}
}

.d-lead__media { display: block; overflow: hidden; }
.d-lead__media .d-media__img { transition: transform 900ms var(--d-ease-cine); }

@media (hover: hover) {
	.d-lead:hover .d-lead__media .d-media__img { transform: scale(1.03); }
}

.d-lead__title {
	margin-top: var(--d-s4);
	font-family: var(--d-font-display);
	font-size: var(--d-fs-h1);
	font-weight: 400;
	line-height: 1.12;
	letter-spacing: -.01em;
	text-wrap: balance;
}

.d-lead__title a { transition: color var(--d-dur-fast) var(--d-ease-out); }
.d-lead__title a:hover { color: var(--d-accent); }

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

.d-lead .d-link-arrow { margin-top: var(--d-s7); }

/* ── Article ────────────────────────────────────────────────────────────── */

.d-article__head {
	max-width: calc(920px + var(--d-gutter) * 2);
	padding-block: var(--d-s6) var(--d-s9);
}

.d-article__meta { margin-top: var(--d-s9); }

.d-article__title {
	margin-top: var(--d-s5);
	font-family: var(--d-font-display);
	font-size: var(--d-fs-display-l);
	font-weight: 400;
	line-height: 1.04;
	letter-spacing: -.012em;
	text-wrap: balance;
}

.d-article__standfirst {
	margin-top: var(--d-s6);
	max-width: 42ch;
	font-family: var(--d-font-display);
	font-size: clamp(1.125rem, 1.8vw, 1.375rem);
	line-height: 1.55;
	color: var(--d-text-2);
}

.d-article__hero { max-width: calc(1160px + var(--d-gutter) * 2); margin-bottom: var(--d-s10); }

.d-article__body { margin-inline: auto; }

.d-article__body > p:first-child::first-letter {
	float: left;
	margin: .08em .12em 0 0;
	font-family: var(--d-font-display);
	font-size: 3.4em;
	line-height: .8;
	color: var(--d-text);
}

.d-article__back {
	max-width: var(--d-measure);
	margin: var(--d-s10) auto var(--d-s12);
	padding-top: var(--d-s6);
	border-top: var(--d-hairline) solid var(--d-border);
}

.d-storymedia {
	display: grid;
	gap: var(--d-s4);
	max-width: 1160px;
	margin: var(--d-s10) auto 0;
}

@media (min-width: 768px) {
	.d-storymedia--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.d-storymedia--single { max-width: 720px; }
}

.d-storyshop,
.d-storyrelated { border-top: var(--d-hairline) solid var(--d-border); }

.d-storyrelated { background: var(--d-bg-elevated); }

/* ── Lookbook story ─────────────────────────────────────────────────────── */

.d-phero--story { min-height: min(92vh, 960px); min-height: min(92svh, 960px); }
.d-phero--story .d-phero__title { font-size: var(--d-fs-display-xl); line-height: .95; }

.d-story__body { margin: var(--d-s11) auto 0; }

.d-storynext { border-top: var(--d-hairline) solid var(--d-border); margin-top: var(--d-s11); }

.d-storynext__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--d-s6);
	padding-block: var(--d-s8);
}

.d-storynext__next {
	display: grid;
	grid-template-columns: 1fr auto;
	column-gap: var(--d-s4);
	align-items: center;
	text-align: right;
	color: var(--d-text);
	transition: color var(--d-dur-fast) var(--d-ease-out);
}

.d-storynext__next .d-label { grid-column: 1; }
.d-storynext__next svg { grid-row: 1 / span 2; grid-column: 2; color: var(--d-accent); }

.d-storynext__title {
	font-family: var(--d-font-display);
	font-size: var(--d-fs-h2);
	letter-spacing: .04em;
}

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

.d-storylist { margin-top: 0; }