/*
 * OriEve About v1.0.1
 * R03 page-specific presentation only. R01 owns shared tokens/components;
 * R02 retains homepage and staging-route responsibilities.
 */

.orieve-r03-enabled .orieve-r03-page,
.editor-styles-wrapper .orieve-r03-page {
	background: var(--orieve-color-pearl);
	color: var(--orieve-color-ink);
}

.orieve-r03-enabled .orieve-r03-section,
.editor-styles-wrapper .orieve-r03-section {
	margin-block: 0;
	padding-block: clamp(var(--orieve-space-12), 8vw, var(--orieve-space-24));
}

.orieve-r03-enabled .orieve-r03-hero,
.editor-styles-wrapper .orieve-r03-hero {
	padding-block: clamp(var(--orieve-space-16), 10vw, var(--orieve-space-24));
}

.orieve-r03-enabled .orieve-r03-reading,
.editor-styles-wrapper .orieve-r03-reading {
	max-width: min(calc(100% - 2rem), 68rem);
}

.orieve-r03-enabled .orieve-r03-founder-grid,
.editor-styles-wrapper .orieve-r03-founder-grid {
	gap: clamp(var(--orieve-space-8), 5vw, var(--orieve-space-16));
}

.orieve-r03-enabled .orieve-r03-media,
.editor-styles-wrapper .orieve-r03-media {
	margin: 0;
}

.orieve-r03-enabled .orieve-r03-media img,
.editor-styles-wrapper .orieve-r03-media img {
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.orieve-r03-enabled .orieve-r03-media-founder img,
.editor-styles-wrapper .orieve-r03-media-founder img {
	aspect-ratio: 4 / 5;
}

.orieve-r03-enabled .orieve-r03-media figcaption,
.editor-styles-wrapper .orieve-r03-media figcaption {
	font-family: var(--orieve-font-ui);
	font-size: 0.78rem;
	line-height: 1.5;
	margin-top: var(--orieve-space-2);
}

.orieve-r03-enabled .orieve-r03-value-grid,
.editor-styles-wrapper .orieve-r03-value-grid {
	gap: clamp(var(--orieve-space-6), 4vw, var(--orieve-space-12));
}

.orieve-r03-enabled .orieve-r03-value-grid > .wp-block-column,
.editor-styles-wrapper .orieve-r03-value-grid > .wp-block-column {
	border-top: 1px solid var(--orieve-color-soft-gold);
	padding-top: var(--orieve-space-6);
}

.orieve-r03-enabled .orieve-r03-evidence-note,
.editor-styles-wrapper .orieve-r03-evidence-note {
	border-left: 3px solid var(--orieve-color-soft-gold);
	font-family: var(--orieve-font-ui);
	padding: var(--orieve-space-4) var(--orieve-space-6);
}

.orieve-r03-enabled .orieve-r03-faq-list details,
.editor-styles-wrapper .orieve-r03-faq-list details {
	border-top: 1px solid color-mix(in srgb, var(--orieve-color-deep-gold) 35%, transparent);
	padding-block: var(--orieve-space-4);
}

.orieve-r03-enabled .orieve-r03-faq-list details:last-of-type,
.editor-styles-wrapper .orieve-r03-faq-list details:last-of-type {
	border-bottom: 1px solid color-mix(in srgb, var(--orieve-color-deep-gold) 35%, transparent);
}

.orieve-r03-enabled .orieve-r03-faq-list summary,
.editor-styles-wrapper .orieve-r03-faq-list summary {
	cursor: pointer;
	font-family: var(--orieve-font-ui);
	font-weight: 700;
	min-height: 2.75rem;
	padding-block: var(--orieve-space-2);
}

.orieve-r03-enabled .orieve-r03-faq-list details > :not(summary),
.editor-styles-wrapper .orieve-r03-faq-list details > :not(summary) {
	margin-left: 0;
	max-width: 68ch;
}

.orieve-r03-footer-navigation {
	display: flex;
	justify-content: center;
	padding: var(--orieve-space-3) var(--orieve-gutter);
	text-align: center;
}

.orieve-r03-footer-navigation a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

@media (max-width: 47.99rem) {
	.orieve-r03-enabled .orieve-r03-founder-grid .wp-block-column,
	.editor-styles-wrapper .orieve-r03-founder-grid .wp-block-column {
		flex-basis: 100% !important;
	}
}

@media (min-width: 48rem) and (max-width: 63.99rem) {
	.orieve-r03-enabled .orieve-r03-value-grid,
	.editor-styles-wrapper .orieve-r03-value-grid {
		flex-wrap: wrap !important;
	}

	.orieve-r03-enabled .orieve-r03-value-grid > .wp-block-column,
	.editor-styles-wrapper .orieve-r03-value-grid > .wp-block-column {
		flex-basis: calc(50% - var(--orieve-space-4)) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.orieve-r03-enabled .orieve-r03-page *,
	.editor-styles-wrapper .orieve-r03-page * {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}
