/**
 * Inner editorial pages.
 */

.neomi-inner {
	--neomi-inner-shell: min(82rem, calc(100vw - clamp(2rem, 5vw, 5rem)));
	direction: rtl;
	background: var(--neomi-page-bg);
	color: var(--neomi-text);
	font-family: var(--neomi-font-body);
	padding-block-end: clamp(4rem, 8vw, 7rem);
}

.neomi-inner :where(h1, h2, h3, p, figure) {
	margin: 0;
}

.neomi-inner-eyebrow {
	color: var(--neomi-logo-plum);
	font-size: 0.82rem;
	font-weight: 600;
	margin-block-end: 0.9rem;
}

.neomi-inner h1,
.neomi-inner h2 {
	font-family: var(--neomi-font-display);
	font-weight: 500;
	line-height: 1.24;
	color: var(--neomi-text);
}

.neomi-inner h1 {
	font-size: clamp(2.8rem, 6vw, 5.25rem);
	max-width: 46rem;
}

.neomi-inner p,
.neomi-inner li {
	color: var(--neomi-text-muted);
	font-size: clamp(1rem, 1.15vw, 1.1rem);
	line-height: 1.9;
}

.neomi-inner-hero,
.neomi-story-hero,
.neomi-archive-hero {
	max-width: var(--neomi-inner-shell);
	margin-inline: auto;
	padding: clamp(4rem, 8vw, 7rem) 0 clamp(3rem, 6vw, 5rem);
}

.neomi-inner-hero,
.neomi-story-hero {
	display: grid;
	grid-template-columns: minmax(0, 58fr) minmax(18rem, 42fr);
	align-items: center;
	gap: clamp(2rem, 6vw, 6rem);
}

.neomi-inner-hero__content > p:last-child,
.neomi-story-hero__text > p:last-child,
.neomi-archive-hero > p {
	max-width: 34rem;
	margin-block-start: 1.35rem;
}

.neomi-inner-hero__media,
.neomi-story-hero__still,
.neomi-archive-card__still {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	min-height: clamp(18rem, 32vw, 29rem);
	padding: 1.35rem;
	background:
		linear-gradient(135deg, rgba(143, 69, 110, 0.12), rgba(196, 165, 116, 0.08)),
		linear-gradient(180deg, #efe3d6, #d9cabd);
	overflow: hidden;
}

.neomi-inner-hero__media span,
.neomi-story-hero__still span,
.neomi-archive-card__still span {
	color: var(--neomi-logo-plum);
	font-family: var(--neomi-font-display);
	font-size: 1.05rem;
	opacity: 0.78;
}

.neomi-inner-body,
.neomi-story-layout {
	display: grid;
	grid-template-columns: minmax(0, 66fr) minmax(16rem, 34fr);
	gap: clamp(2rem, 6vw, 6rem);
	max-width: var(--neomi-inner-shell);
	margin-inline: auto;
	align-items: start;
}

.neomi-inner-content,
.neomi-story-content {
	max-width: 47rem;
}

.neomi-inner-content > *,
.neomi-story-content > * {
	margin-block-start: 1.25rem;
}

.neomi-inner-content > :first-child,
.neomi-story-content > :first-child {
	margin-block-start: 0;
}

.neomi-inner-content h2,
.neomi-story-content h2 {
	font-size: clamp(1.8rem, 3vw, 2.65rem);
	margin-block-start: 2.4rem;
}

.neomi-inner-content blockquote,
.neomi-story-content blockquote {
	margin: 2.4rem 0;
	padding-inline-start: 1.5rem;
	border-inline-start: 1px solid rgba(143, 69, 110, 0.28);
	color: var(--neomi-logo-plum);
	font-family: var(--neomi-font-display);
	font-size: clamp(1.4rem, 2.4vw, 2rem);
	line-height: 1.55;
}

.neomi-inner-aside,
.neomi-story-aside {
	position: sticky;
	top: 2rem;
	padding: clamp(1.5rem, 3vw, 2.2rem);
	background: rgba(249, 246, 241, 0.72);
	border: 1px solid rgba(143, 69, 110, 0.1);
}

.neomi-inner-aside__label,
.neomi-story-aside__quote {
	color: var(--neomi-logo-plum);
	font-family: var(--neomi-font-display);
	font-size: 1.35rem;
	line-height: 1.55;
}

.neomi-inner-aside p + *,
.neomi-story-aside p + * {
	margin-block-start: 1.2rem;
}

.neomi-inner-link {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: var(--neomi-logo-plum);
	font-weight: 600;
	text-decoration: none;
}

.neomi-story-hero__still {
	min-height: clamp(20rem, 36vw, 34rem);
}

.neomi-archive-hero {
	text-align: center;
}

.neomi-archive-hero h1 {
	margin-inline: auto;
}

.neomi-archive-hero p {
	margin-inline: auto;
}

.neomi-archive-list {
	display: grid;
	gap: clamp(1.4rem, 3vw, 2.4rem);
	max-width: var(--neomi-inner-shell);
	margin-inline: auto;
}

.neomi-archive-card > a {
	display: grid;
	grid-template-columns: minmax(16rem, 38fr) minmax(0, 62fr);
	gap: clamp(1.5rem, 4vw, 4rem);
	align-items: center;
	padding-block: clamp(1.8rem, 4vw, 3.2rem);
	color: inherit;
	text-decoration: none;
	border-block-end: 1px solid rgba(143, 69, 110, 0.14);
}

.neomi-archive-card__still {
	min-height: clamp(13rem, 22vw, 18rem);
}

.neomi-archive-card h2 {
	font-size: clamp(1.7rem, 3vw, 2.65rem);
}

.neomi-archive-card p:last-child {
	max-width: 34rem;
	margin-block-start: 0.8rem;
}

.neomi-archive-pagination {
	margin-block-start: 2rem;
}

@media (max-width: 63.99rem) {
	.neomi-inner {
		--neomi-inner-shell: calc(100vw - 1.5rem);
	}

	.neomi-inner-hero,
	.neomi-story-hero,
	.neomi-inner-body,
	.neomi-story-layout,
	.neomi-archive-card > a {
		grid-template-columns: 1fr;
	}

	.neomi-inner-aside,
	.neomi-story-aside {
		position: static;
	}
}