/**
 * KOG · About (Baseline) — pattern styles
 * -----------------------------------------------------------------------------
 * Second About variant, built from the baseline "About Khaliah" design as the
 * source of truth: Newsreader + Hanken Grotesk, the #173B2C/#D6A23C palette,
 * 7px buttons, stat strips, editorial two-columns, gold-top-border stat bands,
 * scrimmed stage bands, and centered pull quotes.
 *
 * All selectors are scoped under `.kog-abb*` and all custom properties are
 * namespaced `--kog-b-*` so this file never collides with about-patterns.css
 * (the editorial/mockup variant) or the rest of the theme.
 */

:root {
	--kog-b-green:      #173B2C;
	--kog-b-green-deep: #0F2A1F;
	--kog-b-green-mid:  #1F4A39;
	--kog-b-line:       rgba(245, 239, 226, 0.16);
	--kog-b-cream:      #F5EFE2;
	--kog-b-cream-2:    #FBF7EE;
	--kog-b-gold:       #D6A23C;
	--kog-b-gold-soft:  #E4BE72;
	--kog-b-ink:        #18211C;
	--kog-b-ink-soft:   #51604F;
	--kog-b-serif:      'Newsreader', Georgia, 'Times New Roman', serif;
	--kog-b-sans:       'Hanken Grotesk', system-ui, -apple-system, sans-serif;
}

/* ---------------------------------------------------------------------------
 * Section shells + backgrounds
 * ------------------------------------------------------------------------- */
.kog-abb-section {
	font-family: var(--kog-b-sans);
	padding-block: clamp(4rem, 8vw, 6rem);
	padding-inline: clamp(1.25rem, 5vw, 2rem);
}
.kog-abb-section p { line-height: 1.08; }

.kog-abb--cream  { background: var(--kog-b-cream-2); color: var(--kog-b-ink); }
.kog-abb--cream2 { background: var(--kog-b-cream);   color: var(--kog-b-ink); }
.kog-abb--green  { background: var(--kog-b-green);      color: var(--kog-b-cream); }
.kog-abb--deep   { background: var(--kog-b-green-deep); color: var(--kog-b-cream); }
.kog-abb--green p,
.kog-abb--deep p { color: rgba(245, 239, 226, 0.86); }
.kog-abb-muted   { color: var(--kog-b-ink-soft); }

/* Butt the stacked baseline bands together. WordPress core adds a 1.5rem
   block gap via `:root :where(.is-layout-constrained) > *` (zero specificity);
   this real selector overrides it for the top-level sections only. */
.entry-content > .kog-abb-section { margin-block-start: 0; }

/* ---------------------------------------------------------------------------
 * Shared type
 * ------------------------------------------------------------------------- */
.kog-abb-kicker {
	font-family: var(--kog-b-sans);
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--kog-b-gold);
	margin: 0 0 1.1rem;
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
}
.kog-abb-kicker::before {
	content: "";
	width: 26px;
	height: 1px;
	background: currentColor;
	display: inline-block;
	flex: none;
}
.kog-abb-kicker.is-centered { justify-content: center; }

/* About-baseline page only: chapter eyebrow uses the page's gold (not the editorial grey). */
.page-id-55 .kog-ed .kog-ed-chapnum { color: var(--kog-b-gold); }

.kog-abb-h1,
.kog-abb-h2,
.kog-abb-h3 {
	font-family: var(--kog-b-serif);
	font-weight: 500;
	letter-spacing: -0.01em;
	margin: 0;
}
.kog-abb-h1 { font-size: clamp(2.4rem, 5.4vw, 4rem); line-height: 1.03; }
.kog-abb-h2 { font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.06; }
.kog-abb-h3 { font-size: clamp(1.4rem, 2.4vw, 1.95rem); line-height: 1.15; }

.kog-abb-h1 em,
.kog-abb-h2 em,
.kog-abb-h3 em,
.kog-abb-pull em,
.kog-abb-bignote em { color: var(--kog-b-gold); font-style: italic; }

.kog-abb-lead { font-size: clamp(1.12rem, 1.7vw, 1.35rem); line-height: 1.6; }
.kog-abb-note {
	font-family: var(--kog-b-serif);
	font-style: italic;
	font-size: clamp(1.25rem, 2.2vw, 1.7rem);
	line-height: 1.4;
	color: var(--kog-b-ink);
}
.kog-abb--green .kog-abb-note,
.kog-abb--deep .kog-abb-note { color: var(--kog-b-cream); }

/* Body copy — brand kit: DM Sans · 15px · weight 400 · line-height ~1.7.
   Headlines stay Newsreader; eyebrows/buttons/chips keep the baseline sans.
   Targets unclassed reading paragraphs + muted; excludes stats, notes, quotes.
   NOTE: WP 7.0+ stamps every paragraph with `wp-block-paragraph`, so a bare
   `p:not([class])` stops matching reading paragraphs. Also catch paragraphs
   whose only class is wp-block-paragraph (i.e. no kog-abb-* role class). */
.kog-abb-section :is(.kog-abb-body, .kog-abb-statement, .kog-abb-copy) p:not([class]),
.kog-abb-section :is(.kog-abb-body, .kog-abb-statement, .kog-abb-copy) p.wp-block-paragraph:not([class*="kog-abb-"]),
.kog-abb-section p.kog-abb-muted {
	font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
	font-size: 0.9375rem;
	line-height: 1.7;
	font-weight: 400;
}
.kog-abb-section .kog-abb-lead {
	font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
}

/* ---------------------------------------------------------------------------
 * Buttons (7px, baseline)
 * ------------------------------------------------------------------------- */
.kog-abb-btn-gold  > .wp-block-button__link,
.kog-abb-btn-ghost > .wp-block-button__link,
.kog-abb-btn-dark  > .wp-block-button__link {
	font-family: var(--kog-b-sans);
	font-weight: 600;
	font-size: 0.92rem;
	letter-spacing: 0.04em;
	padding: 0.95rem 1.6rem;
	border-radius: 7px;
	transition: transform 0.25s cubic-bezier(0.2,0.7,0.3,1), background 0.25s, color 0.25s, box-shadow 0.25s;
}
.kog-abb-btn-gold  > .wp-block-button__link { background: var(--kog-b-gold); color: var(--kog-b-green-deep); border: 1px solid var(--kog-b-gold); }
.kog-abb-btn-gold  > .wp-block-button__link:hover { background: var(--kog-b-gold-soft); transform: translateY(-2px); box-shadow: 0 12px 30px -12px rgba(214,162,60,0.7); }
.kog-abb-btn-ghost > .wp-block-button__link { background: transparent; color: var(--kog-b-cream); border: 1px solid var(--kog-b-line); }
.kog-abb-btn-ghost > .wp-block-button__link:hover { border-color: var(--kog-b-gold-soft); color: var(--kog-b-gold-soft); transform: translateY(-2px); }
.kog-abb-btn-dark  > .wp-block-button__link { background: transparent; color: var(--kog-b-ink); border: 1px solid rgba(24,33,28,0.22); }
.kog-abb-btn-dark  > .wp-block-button__link:hover { border-color: var(--kog-b-ink); transform: translateY(-2px); }

/* ---------------------------------------------------------------------------
 * Role chips
 * ------------------------------------------------------------------------- */
.kog-abb-chips { gap: 0.5rem !important; }
.kog-abb-chip {
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--kog-b-cream);
	border: 1px solid rgba(245, 239, 226, 0.3);
	white-space: nowrap;
	padding: 0.45rem 0.8rem;
	border-radius: 100px;
	margin: 0;
}
/* Thesis pull-statement — elevates a closing line into a serif italic accent
   with a gold rule. Forest ink on cream, gold on the emphasised word. */
.kog-abb-section .kog-abb-thesis {
	font-family: var(--kog-b-serif);
	font-style: italic;
	font-weight: 500;
	font-size: clamp(1.4rem, 2.6vw, 2rem);
	line-height: 1.36;
	color: var(--kog-b-green);
	margin-top: 1.9rem !important;
	padding-left: 1.15rem;
	border-left: 3px solid var(--kog-b-gold);
}
.kog-abb-section .kog-abb-thesis em {
	font-style: italic;
	color: var(--kog-b-gold);
}

/* ---------------------------------------------------------------------------
 * Hero / stage cover sections
 * ------------------------------------------------------------------------- */
/* Hero: deep-green field + gold halo + grain + left scrim, knocked-out portrait. */
.kog-abb-herofig {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	display: flex;
	align-items: center;
	color: var(--kog-b-cream);
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.22'/%3E%3C/svg%3E"),
		radial-gradient(56% 62% at 75% 58%, rgba(214,162,60,0.30), rgba(214,162,60,0.05) 46%, transparent 72%),
		radial-gradient(130% 120% at 20% 8%, #204c3a 0%, transparent 56%),
		linear-gradient(158deg, #1c4233 0%, #143527 52%, #0f2a1f 100%);
}
/* concentric gold halo behind the figure (outer gold ring + inner cream ring) */
.kog-abb-herofig::before {
	content: "";
	position: absolute;
	right: 6%; top: 50%;
	width: 80vh; height: 80vh;
	transform: translateY(-50%);
	border-radius: 50%;
	border: 1px solid rgba(214,162,60,0.42);
	background: radial-gradient(circle, transparent 82%, rgba(245,239,226,0.12) 82.5%, rgba(245,239,226,0.12) 83.4%, transparent 83.9%);
	box-shadow: 0 0 160px rgba(214,162,60,0.14);
	pointer-events: none;
	z-index: 0;
}
/* left legibility scrim */
.kog-abb-herofig::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	background:
		linear-gradient(90deg, rgba(15,42,31,0.9) 0%, rgba(15,42,31,0.55) 34%, rgba(15,42,31,0.12) 60%, transparent 80%),
		linear-gradient(0deg, rgba(15,42,31,0.45) 0%, transparent 36%);
}
/* knocked-out transparent portrait, bottom-right */
.kog-abb-hero-figure {
	position: absolute;
	bottom: 0;
	top: 30px;
	right: max(0px, calc((100% - 1340px) / 2));
	height: 132vh;
	width: auto;
	margin: 0;
	z-index: 1;
	pointer-events: none;
}
.kog-abb-hero-figure img {
	height: 100%;
	width: auto;
	max-width: none;
	object-fit: contain;
	object-position: bottom;
	filter: drop-shadow(-20px 14px 36px rgba(0,0,0,0.45));
}
.kog-abb-herofig .kog-abb-hero-inner {
	position: relative;
	z-index: 2;
	width: min(1180px, 100%);
	margin-inline: auto;
	padding-inline: clamp(1.25rem, 5vw, 2rem);
}
.kog-abb-herofig .kog-abb-copy { max-width: 36ch; }
.kog-abb-herofig .kog-abb-h1 { color: var(--kog-b-cream); }
.kog-abb-herofig .kog-abb-lead { color: rgba(245, 239, 226, 0.92); }

/* Stage band (full-bleed cover) */
.kog-abb-stage { position: relative; overflow: hidden; min-height: 64vh; }
.kog-abb-stage > .wp-block-cover__background {
	background: linear-gradient(90deg, rgba(15,42,31,0.94) 0%, rgba(15,42,31,0.82) 42%, rgba(15,42,31,0.15) 100%) !important;
	opacity: 1 !important;
}
.kog-abb-stage .wp-block-cover__inner-container {
	width: min(1180px, 100%);
	margin-inline: auto;
	padding-inline: clamp(1.25rem, 5vw, 2rem);
}
.kog-abb-stage .kog-abb-copy { max-width: 52ch; }
.kog-abb-stage-caption {
	position: absolute;
	right: 24px; bottom: 18px;
	z-index: 2; margin: 0;
	font-family: var(--kog-b-serif);
	font-style: italic;
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	color: rgba(245, 239, 226, 0.78);
}

/* ---------------------------------------------------------------------------
 * Stat strip (3-up, left dividers)
 * ------------------------------------------------------------------------- */
.kog-abb-statstrip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.kog-abb-stat { padding: 2.4rem 0; margin: 0; }
.kog-abb-stat + .kog-abb-stat { border-left: 1px solid var(--kog-b-line); padding-left: 2.2rem; }
.kog-abb-stat-num {
	font-family: var(--kog-b-serif);
	font-size: clamp(2.4rem, 4.5vw, 3.4rem);
	line-height: 1;
	color: var(--kog-b-gold);
	font-weight: 500;
	margin: 0;
}
.kog-abb-stat-label {
	margin: 0.7rem 0 0;
	font-size: 0.85rem;
	letter-spacing: 0.02em;
	color: rgba(245, 239, 226, 0.78);
	line-height: 1.4;
}

/* ---------------------------------------------------------------------------
 * Editorial two-column (heading left, body right)
 * ------------------------------------------------------------------------- */
.kog-abb-editorial { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(2rem, 5vw, 4rem); align-items: start; max-width: 1180px; margin-inline: auto; }
.kog-abb-editorial .kog-abb-body > * + * { margin-top: 1.3rem; }

/* Gold-top-border stat band (boardroom) */
.kog-abb-bandstats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-top: 2.8rem; }
.kog-abb-bandstats.is-3 { grid-template-columns: repeat(3, 1fr); }
.kog-abb-bandstats > * { margin-block: 0; }
.kog-abb-bandstat { border-top: 2px solid var(--kog-b-gold); padding-top: 1.2rem; }
.kog-abb-bandstat-num { font-family: var(--kog-b-serif); font-size: clamp(2.6rem, 6vw, 4.2rem); line-height: 0.95; color: var(--kog-b-cream); margin: 0; }
.kog-abb-bandstat-label { margin: 0.6rem 0 0; font-size: 0.92rem; color: rgba(245, 239, 226, 0.8); }
.kog-abb-bignote {
	margin-top: 2.6rem;
	font-family: var(--kog-b-serif);
	font-style: italic;
	font-size: clamp(1.3rem, 2.4vw, 1.9rem);
	line-height: 1.4;
	color: var(--kog-b-cream);
}

/* ---------------------------------------------------------------------------
 * Split (statement + media)
 * ------------------------------------------------------------------------- */
.kog-abb-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; max-width: 1180px; margin-inline: auto; }
.kog-abb-split .kog-abb-statement > * + * { margin-top: 1.3rem; }
.kog-abb-media {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 40px 80px -45px rgba(0, 0, 0, 0.5);
	line-height: 0;
}
.kog-abb-media .wp-block-image,
.kog-abb-media figure { margin: 0; }
.kog-abb-media img { width: 100%; object-fit: cover; display: block; }
.kog-abb-caption {
	position: absolute;
	right: 1rem;
	bottom: 0.9rem;
	margin: 0;
	font-family: var(--kog-b-serif);
	font-style: italic;
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	color: rgba(245, 239, 226, 0.85);
}

/* ---------------------------------------------------------------------------
 * Pull quote / closing
 * ------------------------------------------------------------------------- */
.kog-abb-pull-wrap { text-align: center; max-width: 900px; margin-inline: auto; }
.kog-abb-pull {
	font-family: var(--kog-b-serif);
	font-weight: 500;
	font-size: clamp(2.2rem, 5.2vw, 4rem);
	line-height: 1.08;
	color: var(--kog-b-cream);
	max-width: 20ch;
	margin: 0 auto;
}
.kog-abb--cream .kog-abb-pull,
.kog-abb--cream2 .kog-abb-pull { color: var(--kog-b-green); }
.kog-abb-mark { font-family: var(--kog-b-serif); font-size: 4.5rem; line-height: 0.6; color: var(--kog-b-gold); display: block; margin: 0 auto 0.4rem; }
.kog-abb-cite { margin-top: 1.6rem; font-size: 0.82rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--kog-b-gold); }

/* ---------------------------------------------------------------------------
 * Gallery
 * ------------------------------------------------------------------------- */
.kog-abb-gallery {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr 1fr;
	grid-template-rows: 300px 240px;
	gap: 1rem;
	margin-top: 2.6rem;
}
.kog-abb-gallery .kog-abb-media { border-radius: 12px; height: 100%; }
.kog-abb-gallery .kog-abb-media .wp-block-image,
.kog-abb-gallery .kog-abb-media figure,
.kog-abb-gallery .kog-abb-media img { height: 100%; }
.kog-abb-g1 { grid-row: span 2; }
.kog-abb-g4 { grid-row: span 2; }

/* ---------------------------------------------------------------------------
 * Impact cards (gold-top-border proof points)
 * ------------------------------------------------------------------------- */
.kog-abb-impact-banner { max-width: 1180px; margin: 0 auto 2.8rem; border-radius: 12px; overflow: hidden; line-height: 0; }
.kog-abb-impact-banner img { width: 100%; height: clamp(220px, 32vw, 420px); object-fit: cover; }
.kog-abb-impact-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-top: 2.8rem; }
.kog-abb-impact { border-top: 2px solid var(--kog-b-gold); padding-top: 1.2rem; }
.kog-abb-impact h3 { font-family: var(--kog-b-serif); font-weight: 500; font-size: 1.5rem; margin: 0 0 0.55rem; color: var(--kog-b-cream); }
.kog-abb-impact p { margin: 0; }

.kog-abb-rule { height: 1px; background: var(--kog-b-line); border: 0; margin: 1.6rem 0; }

/* Read-more disclosure (native <details>, no JS) */
.kog-abb-readmore { margin-top: 2.8rem; }
.kog-abb-readmore > summary {
	list-style: none;
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	cursor: pointer;
	color: var(--kog-b-gold);
	background: transparent;
	border: 1px solid var(--kog-b-line);
	border-radius: 100px;
	font-family: var(--kog-b-sans);
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 0.78rem;
	padding: 0.85rem 1.5rem;
	transition: border-color 0.25s, background 0.25s;
}
.kog-abb-readmore > summary::-webkit-details-marker { display: none; }
.kog-abb-readmore > summary::after { content: "↓"; transition: transform 0.3s ease; }
.kog-abb-readmore[open] > summary::after { transform: rotate(180deg); }
.kog-abb-readmore > summary:hover { border-color: var(--kog-b-gold); background: rgba(214,162,60,0.08); }
.kog-abb-readmore .kog-abb-readmore-inner {
	max-width: 640px;
	margin: 2.6rem auto 0;
	text-align: left;
	border-top: 1px solid var(--kog-b-line);
	padding-top: 2.4rem;
}
.kog-abb-readmore .kog-abb-readmore-inner > * + * { margin-top: 1.3rem; }
.kog-abb-readmore .kog-abb-readmore-inner p { color: rgba(245, 239, 226, 0.88); }

/* ---------------------------------------------------------------------------
 * Responsive
 * ------------------------------------------------------------------------- */
@media (max-width: 1080px) {
	.kog-abb-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: 260px 260px; }
	.kog-abb-impact-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 860px) {
	.kog-abb-editorial { grid-template-columns: 1fr; gap: 1.8rem; }
	.kog-abb-split { grid-template-columns: 1fr; gap: 2.2rem; }
	.kog-abb-split.is-flip .kog-abb-media { order: 0; }
	.kog-abb-bandstats { grid-template-columns: 1fr; }
	.kog-abb-statstrip { grid-template-columns: 1fr; }
	.kog-abb-stat + .kog-abb-stat { border-left: 0; border-top: 1px solid var(--kog-b-line); padding-left: 0; }
	.kog-abb-stage { min-height: 70vh; }
	/* The 90deg desktop scrim leaves the right side at 0.15, but on mobile the
	   headline runs full-width across the bright subject — swap in an even
	   vertical scrim weighted at the copy band so white/gold text stays legible. */
	.kog-abb-stage > .wp-block-cover__background {
		background: linear-gradient(180deg, rgba(15,42,31,0.50) 0%, rgba(15,42,31,0.80) 52%, rgba(15,42,31,0.72) 100%) !important;
	}
	/* Hero was min-height:100vh with top-aligned copy → a half-screen of empty
	   green below the portrait on phones. Snug it to the content + figure. */
	.kog-abb-herofig { min-height: 68vh; align-items: flex-start; padding-top: 6.5rem; }
	.kog-abb-herofig::before { right: -18%; width: 58vh; height: 58vh; }
	.kog-abb-herofig::after {
		background: linear-gradient(180deg, rgba(15,42,31,0.86) 0%, rgba(15,42,31,0.64) 44%, rgba(15,42,31,0.5) 100%);
	}
	.kog-abb-hero-figure { height: 58vh; right: -8vw; filter: none; opacity: 0.9; }
	.kog-abb-herofig .kog-abb-copy { max-width: 22rem; }
}
@media (max-width: 680px) {
	.kog-abb-gallery { grid-template-columns: 1fr; grid-template-rows: auto; }
	.kog-abb-gallery .kog-abb-media { height: 320px; }
	.kog-abb-g1, .kog-abb-g4 { grid-row: auto; }
	.kog-abb-impact-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	.kog-abb-btn-gold > .wp-block-button__link,
	.kog-abb-btn-ghost > .wp-block-button__link,
	.kog-abb-btn-dark > .wp-block-button__link { transition: none; }
}

/* ---------------------------------------------------------------------------
 * Reckoning — cutout portrait + editorial prose.
 * Type deliberately alternates between the main style-kit fonts (Playfair +
 * DM Sans) and gold/forest/charcoal, distinct from the baseline serif rhythm.
 * ------------------------------------------------------------------------- */
.kog-abb-reckoning {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: clamp(2rem, 5vw, 4.5rem);
	align-items: end;
	max-width: 1180px;
	margin-inline: auto;
}
/* Ground the portrait to the section's bottom edge (the section drops its own
   bottom padding below — see .kog-abb-has-reckoning). The copy keeps its own
   bottom padding so the text isn't cramped against the edge. */
.kog-abb-has-reckoning { padding-bottom: 0; }
.kog-abb-reckoning-fig { margin: 0; align-self: end; }
.kog-abb-reckoning-copy { padding-bottom: clamp(4rem, 8vw, 6rem); }
.kog-abb-reckoning-fig img {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0 22px 48px rgba(23, 59, 44, 0.20));
}
.kog-abb-reckoning-copy > * + * { margin-top: 1.4rem; }
.kog-abb-reckoning-copy .kog-rk-lead {
	font-family: var(--wp--preset--font-family--playfair);
	font-size: clamp(1.15rem, 1.9vw, 1.5rem);
	line-height: 1.4;
	font-weight: 500;
	color: var(--wp--preset--color--forest);
}
.kog-abb-reckoning-copy .kog-rk-body {
	font-family: var(--wp--preset--font-family--dm-sans);
	font-size: 0.9688rem;
	line-height: 1.75;
	color: var(--wp--preset--color--charcoal);
}
.kog-abb-reckoning-copy .kog-rk-statement {
	font-family: var(--wp--preset--font-family--playfair);
	font-style: italic;
	font-size: clamp(1.3rem, 2.3vw, 1.7rem);
	line-height: 1.36;
	color: var(--wp--preset--color--gold);
}
.kog-abb-reckoning-copy .kog-rk-statement em { font-style: normal; }

@media (max-width: 781px) {
	.kog-abb-reckoning { grid-template-columns: 1fr; gap: 2rem; }
	.kog-abb-reckoning-fig { display: none; }
}