/*
 * GPH — Typography presets (Tier 2).
 *
 * Six brand-aware type ramps. Applied as a class on any text-bearing block
 * via the editor toolbar dropdown (assets/js/gph-typography.js).
 *
 * All sizes use clamp() so the same class scales between mobile and desktop
 * without media queries. Colours come from the brand-token variables so the
 * Live Brand Panel changes propagate.
 */

/* ---- Display: section headlines ---- */
.gph-t-display{
	font-family:"Playfair Display",Georgia,serif;
	font-weight:700;
	font-size:clamp(1.7rem, 3.4vw, 2.6rem);
	line-height:1.12;
	letter-spacing:-.005em;
	color:var(--gph-ink,#1d1d1d);
}
.gph-t-display em{font-style:italic;color:var(--gph-gold-dark,#8b6f2e)}

/* ---- Eyebrow: small caps gold kicker ---- */
.gph-t-eyebrow{
	font-family:"Open Sans",system-ui,sans-serif;
	font-weight:800;
	font-size:.74rem;
	text-transform:uppercase;
	letter-spacing:.22em;
	color:var(--gph-gold,#aa8c57);
	margin:0;
}

/* ---- Body: standard reading paragraph ---- */
.gph-t-body{
	font-family:"Open Sans",system-ui,sans-serif;
	font-weight:400;
	font-size:1rem;
	line-height:1.65;
	color:var(--gph-ink,#1d1d1d);
}

/* ---- Caption: small italic grey ---- */
.gph-t-caption{
	font-family:"Open Sans",system-ui,sans-serif;
	font-weight:500;
	font-style:italic;
	font-size:.82rem;
	line-height:1.5;
	color:var(--gph-grey,#6f6f6f);
}

/* ---- Lead: editorial opening line ---- */
.gph-t-lead{
	font-family:"Playfair Display",Georgia,serif;
	font-weight:600;
	font-style:italic;
	font-size:1.2rem;
	line-height:1.45;
	color:var(--gph-gold-dark,#8b6f2e);
}

/* ---- Quote pull: large italic with gold ornament ---- */
.gph-t-quote{
	font-family:"Playfair Display",Georgia,serif;
	font-weight:700;
	font-style:italic;
	font-size:clamp(1.4rem, 2.6vw, 2.1rem);
	line-height:1.35;
	color:var(--gph-ink,#1d1d1d);
	position:relative;
	padding-left:1.6em;
}
.gph-t-quote::before{
	content:"\201C";
	position:absolute;
	left:0;
	top:-.15em;
	font-size:2.6em;
	line-height:1;
	color:var(--gph-gold,#aa8c57);
	opacity:.55;
	font-style:italic;
}

/* ---- Editor-only chrome — a subtle gold tick so editors know the class is live ---- */
.block-editor-block-list__block.has-gph-typography::after{
	content:"\2713 GPH";
	position:absolute;
	top:2px; right:6px;
	font-size:9px; font-weight:700; letter-spacing:.18em;
	color:var(--gph-gold,#aa8c57);
	opacity:.7;
	pointer-events:none;
}