/**
 * Content Quote Module
 * Two-column layout: left rich-text body content, right pull-quote panel
 * separated by a vertical divider. Orange typographic mark, italic quote
 * text, and an orange uppercase citation line.
 * .content-quote-module--full-width is the alternative single-column,
 * centred, light-grey-background variant (Full Width toggle).
 */

/* ===========================
   # Section shell
=========================== */

.content-quote-module {
	padding: 80px 100px;
	background: var(--nec-white, #fff);
}

/* ===========================
   # Header
=========================== */

.cqm__header {
	padding-bottom: 32px;
}

.cqm__sub-header {
	display:       flex;
	align-items:   center;
	gap:           12px;
	margin-bottom: 16px;
}

.cqm__dot {
	display:       block;
	width:         10px;
	height:        10px;
	border-radius: 50%;
	background:    var(--nec-orange);
	box-shadow:    0 0 0 5px rgba(235, 110, 0, 0.18);
	flex-shrink:   0;
}

.cqm__sub-header-text {
	font-size:      clamp(0.8125rem, calc(0.769rem + 0.188vw), 0.9375rem);
	line-height:    1;
	font-weight:    400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color:          var(--nec-grey);
}

.cqm__heading {
	margin: 0;
	color:  var(--nec-grey);
}

/* ===========================
   # Layout: content + divider + quote
=========================== */

.cqm__layout {
	display: flex;
	align-items: stretch;
	gap: 64px;
}

/* ===========================
   # Left: rich-text content
=========================== */

.cqm__content {
	flex: 0 0 calc(58% - 32px);
	min-width: 0;
}

.cqm__content p:first-child {
	font-weight: 500;
}

/* ===========================
   # Right: quote panel
=========================== */

.cqm__quote {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	border-left: 1px solid rgba(56, 66, 73, 0.15);
	padding: 30px 0 4px 48px;
	margin: 0;
}

/* ===========================
   # Opening quotation mark
=========================== */

.cqm__mark {
	font-family: var(--nec-font, 'Neo Sans Std', sans-serif);
	font-size: 108px;
  line-height: 28px;
	color: var(--nec-orange, #EB6E00);
	flex-shrink: 0;
	margin-bottom: 4px;
	user-select: none;
}

/* ===========================
   # Quote text
=========================== */

.cqm__text {
	font-family: var(--nec-font, 'Neo Sans Std', sans-serif);
	font-size: 1.0625rem;
	font-style: italic;
	line-height: 1.65;
	color: var(--nec-grey, #384249);
	margin-bottom: 20px;
}

.cqm__text p {
	margin: 0 0 8px;
	font-size:20px;
	line-height: 26px;
}

.cqm__text p:last-child {
	margin: 0;
}

/* ===========================
   # Citation
=========================== */

.cqm__citation {
	font-family: var(--nec-font, 'Neo Sans Std', sans-serif);
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--nec-orange, #EB6E00);
	line-height: 1.5;
}

.cqm__name,
.cqm__job-title {
	margin-right: 4px;
}

/* ===========================
   # Full Width variant — single centred quote, no divider
=========================== */

.content-quote-module--full-width {
	/*background: var(--nec-light-grey, #f5f5f6);*/
}

.cqm__quote--full {
	max-width: 900px;
	margin: 0 auto;
	border-left: none;
	padding: 0;
}

.content-quote-module--full-width .cqm__mark {
	margin-bottom: 8px;
}

.content-quote-module--full-width .cqm__text {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 24px;
}



/* ===========================
   # Responsive — 991px
=========================== */

@media (max-width: 991px) {
	.content-quote-module {
		padding: 56px 0;
	}

	.cqm__layout {
		flex-direction: column;
		gap: 32px;
	}

	.cqm__content {
		flex: 0 0 auto;
	}

	.cqm__quote {
		border-left: none;
		border-top: 1px solid rgba(56, 66, 73, 0.15);
		padding: 82px 0 0;
	}
}

/* ===========================
   # Responsive — 767px
=========================== */

@media (max-width: 767px) {
	.content-quote-module {
		padding: 40px 0;
	}

	.cqm__mark {
		font-size: 3rem;
	}

	.cqm__text {
		font-size: 1rem;
	}

	.content-quote-module--full-width .cqm__text {
		font-size: 1rem;
	}

	.content-quote-module--full-width .cqm__text p:first-child {
		font-size: 1.1em;
	}
}