/* ============================================================
   Style: Editorial — Magazine / publication-grade typography
   Inspired by long-form print. Drop caps, column rules,
   refined serifs, narrow measure, generous whitespace.
   ============================================================ */

.mscp-style-editorial {
	/* Colours — muted, paper-like */
	--mscp-bg-primary:      #fbfaf7;            /* warm paper */
	--mscp-bg-secondary:    #f3efe7;            /* slightly darker paper */
	--mscp-bg-card:         #ffffff;
	--mscp-bg-hero:         linear-gradient(180deg, #f3efe7 0%, #fbfaf7 100%);

	--mscp-text-primary:    #1a1a1a;
	--mscp-text-secondary:  #4a4a4a;
	--mscp-text-muted:      #8a8a8a;

	/* Accent — ink red, like an old print mark */
	--mscp-accent:          #a8202b;
	--mscp-accent-hover:    #7a141d;
	--mscp-accent-subtle:   rgba(168, 32, 43, 0.08);

	--mscp-border:          #d6d2c8;
	--mscp-border-strong:   #a89e8a;

	/* Sharper radii — print doesn't curve */
	--mscp-radius-sm:       0;
	--mscp-radius-md:       2px;
	--mscp-radius-lg:       4px;
	--mscp-radius-xl:       8px;

	/* Editorial typography — real serifs only */
	--mscp-font-serif:      "Cormorant Garamond", "Playfair Display", Georgia, serif;
	--mscp-font-sans:       "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
	--mscp-font-mono:       "JetBrains Mono", "SF Mono", Menlo, monospace;

	/* Narrower column for long-form readability */
	--mscp-max-width:       980px;
}

/* Drop cap on summary/lead paragraphs */
.mscp-style-editorial .mscp-summary,
.mscp-style-editorial .mscp-editorial-lead p,
.mscp-style-editorial .mscp-minimal-summary,
.mscp-style-editorial .mscp-exec-summary {
	&::first-letter {
		font-family: var(--mscp-font-serif);
		font-size: 4.5em;
		line-height: 0.85;
		float: left;
		padding: 0.05em 0.12em 0 0;
		font-weight: 400;
		color: var(--mscp-text-primary);
	}
}

/* Section dividers — print-style hairlines */
.mscp-style-editorial .mscp-section,
.mscp-style-editorial .mscp-editorial-section,
.mscp-style-editorial section {
	border-top: 1px solid var(--mscp-border);
	padding-top: var(--mscp-space-12);
}

/* Italic small caps kicker for subheadings */
.mscp-style-editorial .mscp-section-eyebrow,
.mscp-style-editorial .mscp-editorial-kicker,
.mscp-style-editorial .mscp-exec-kicker {
	font-variant: small-caps;
	font-style: italic;
	letter-spacing: 0.12em;
	text-transform: lowercase;
}

/* Body text — true long-form line height */
.mscp-style-editorial p,
.mscp-style-editorial .mscp-summary,
.mscp-style-editorial .mscp-editorial-entry-body {
	line-height: 1.75;
	font-family: var(--mscp-font-serif);
	font-size: 1.125rem;
}

/* Numbered section markers like a magazine table of contents */
.mscp-style-editorial .mscp-section-num,
.mscp-style-editorial .mscp-editorial-section-title::before {
	font-family: var(--mscp-font-serif);
	font-style: italic;
	color: var(--mscp-accent);
	margin-right: 0.5em;
}

/* Subtle paper texture using CSS gradient noise */
.mscp-style-editorial.mscp-portfolio-container {
	background-image:
		radial-gradient(circle at 20% 30%, rgba(0,0,0,0.012) 0%, transparent 50%),
		radial-gradient(circle at 80% 70%, rgba(0,0,0,0.012) 0%, transparent 50%);
}

/* Italic accents on names in hero */
.mscp-style-editorial .mscp-name,
.mscp-style-editorial .mscp-editorial-name,
.mscp-style-editorial .mscp-minimal-name,
.mscp-style-editorial .mscp-exec-name {
	font-style: italic;
	letter-spacing: -0.01em;
}