/* ==========================================================================
   Direction A — "Editorial Precision"
   Light paper, Swiss grotesk rhythm, hairline rules, black geometry.
   ========================================================================== */
.fp-dir-editorial { --fp-bg: var(--fp-paper); }

/* Hero: oversized two-line statement, index of the five services beneath a rule. */
.fp-dir-editorial .fp-hero { padding-top: clamp(3rem, 8vw, 7rem); }
.fp-dir-editorial .fp-hero__inner { grid-template-columns: 1fr; }
.fp-dir-editorial .fp-hero__title { font-weight: 600; }
.fp-dir-editorial .fp-hero__title em { font-style: normal; color: var(--fp-fg-faint); }
.fp-dir-editorial .fp-hero__mark {
	/* Black geometry: three ascending columns — an original growth motif, deliberately unlike the logo mark. */
	position: absolute; inset-inline-end: var(--fp-gutter); top: clamp(3rem, 8vw, 7rem);
	width: clamp(4rem, 12vw, 11rem); aspect-ratio: 1; display: none; pointer-events: none;
	display: none; grid-template-columns: repeat(3, 1fr); gap: 8%; align-items: end;
}
.fp-dir-editorial .fp-hero__mark span { display: block; background: var(--fp-fg); }
.fp-dir-editorial .fp-hero__mark .m1 { height: 34%; }
.fp-dir-editorial .fp-hero__mark .m2 { height: 62%; }
.fp-dir-editorial .fp-hero__mark .m3 { height: 100%; }
[dir="rtl"] .fp-dir-editorial .fp-hero__mark { direction: rtl; }
@media (min-width: 64rem) {
	.fp-dir-editorial .fp-hero__inner { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); column-gap: var(--fp-space-5); }
	.fp-dir-editorial .fp-hero__inner > * { grid-column: 1; }
	.fp-dir-editorial .fp-hero__mark { display: grid; position: relative; inset: auto; grid-column: 2; grid-row: 1 / span 3; align-self: start; justify-self: end; }
	.fp-dir-editorial .fp-hero__index { grid-column: 1 / -1; }
}

/* Section numbering rhythm */
.fp-dir-editorial .fp-section { border-top: 1px solid var(--fp-rule); }
.fp-dir-editorial .fp-section--flush { border-top: 0; }
.fp-dir-editorial .fp-section__head { grid-template-columns: 1fr; }
@media (min-width: 64rem) {
	.fp-dir-editorial .fp-section__head { max-width: none; grid-template-columns: 14rem 1fr; column-gap: var(--fp-space-4); align-items: end; }
	.fp-dir-editorial .fp-section__head .fp-eyebrow { align-self: start; }
	.fp-dir-editorial .fp-section__head .wp-block-heading { grid-column: 2; }
	.fp-dir-editorial .fp-section__head .fp-section__lead { grid-column: 2; }
}

/* Services: the editorial list gets a large tabular numeral */
.fp-dir-editorial .fp-services--list .fp-service__num { font-family: var(--fp-font-sans); font-size: var(--fp-text-lg); font-weight: 500; color: var(--fp-fg); font-feature-settings: "tnum"; }

/* Builder card sits on white with hairline */
.fp-dir-editorial .fp-builder { background: var(--fp-white); }

/* Final CTA: black plate */
.fp-dir-editorial .fp-cta { background: var(--fp-ink); color: var(--fp-paper); }
.fp-dir-editorial .fp-cta { --fp-fg: var(--fp-paper); --fp-bg: var(--fp-ink); --fp-fg-muted: #c9c9c4; --fp-rule: #2f2f33; --fp-inverse-bg: var(--fp-paper); --fp-inverse-fg: var(--fp-ink); --fp-focus: 0 0 0 3px var(--fp-ink), 0 0 0 5px var(--fp-paper); }
.fp-dir-editorial .fp-cta .wp-block-button__link { background: var(--fp-paper); color: var(--fp-ink); }
.fp-dir-editorial .fp-cta .is-style-outline .wp-block-button__link { background: transparent; color: var(--fp-paper); border-color: var(--fp-paper); }
/* V0.4 accent light on the editorial CTA (dark band) */
.fp-dir-editorial .fp-cta { --fp-accent-text: var(--fp-accent-2); background: radial-gradient(70% 90% at 15% 110%, color-mix(in srgb, var(--fp-accent) 45%, transparent) 0%, transparent 60%), var(--fp-ink); }
.fp-dir-editorial .fp-cta .wp-block-button__link { background: var(--fp-gradient-accent); color: var(--fp-accent-ink); }
.fp-dir-editorial .fp-cta .is-style-outline .wp-block-button__link { background: transparent; color: var(--fp-paper); border-color: rgba(255,255,255,0.4); }

/* ---------- V0.5 luxury register on paper: serif display, gold accents ---------- */
.fp-dir-editorial h1, .fp-dir-editorial h2, .fp-dir-editorial .fp-page-title, .fp-dir-editorial .fp-svc__title, .fp-dir-editorial .fp-hero__title, .fp-dir-editorial .fp-inquiry__title, .fp-dir-editorial .fp-svc__cta h2 { font-family: var(--fp-font-display); font-weight: 500; letter-spacing: -0.015em; font-variation-settings: "opsz" 96; }
[dir="rtl"] .fp-dir-editorial h1, [dir="rtl"] .fp-dir-editorial h2, [dir="rtl"] .fp-dir-editorial .fp-page-title, [dir="rtl"] .fp-dir-editorial .fp-svc__title, [dir="rtl"] .fp-dir-editorial .fp-hero__title { font-weight: 700; letter-spacing: 0; font-variation-settings: normal; }
.fp-dir-editorial .fp-hero__title em, .fp-dir-editorial .fp-page-title em { font-style: italic; font-weight: 400; color: var(--fp-accent-text); }
[dir="rtl"] .fp-dir-editorial .fp-hero__title em { font-style: normal; font-weight: 700; }
.fp-dir-editorial .fp-svc__title { font-size: clamp(2.5rem, 1.6rem + 3.6vw, 5rem); line-height: 1.02; }
.fp-dir-editorial .fp-svc__hero { position: relative; }
.fp-dir-editorial .fp-svc__hero::before { content: ""; position: absolute; inset: -20% -10% auto auto; width: 50%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, var(--fp-glow) 0%, transparent 65%); filter: blur(30px); opacity: 0.6; pointer-events: none; z-index: -1; }
[dir="rtl"] .fp-dir-editorial .fp-svc__hero::before { inset: -20% auto auto -10%; }
.fp-dir-editorial .fp-eyebrow { font-family: var(--fp-font-grotesk); }
.fp-dir-editorial .fp-offer, .fp-dir-editorial .fp-benefit, .fp-dir-editorial .fp-deliverables li { background: var(--fp-white); border-color: var(--fp-line); box-shadow: 0 1px 0 rgba(0,0,0,0.02); }
.fp-dir-editorial .fp-offer:hover { border-color: var(--fp-accent); }
