/**
 * quote_module.css
 *
 * Standalone yellow blockquote section.
 * Quote block is ~65% width, left-aligned — matches image_quote_module quote style.
 */

/* ---------------------------------------------------------------
   Section
--------------------------------------------------------------- */
.quote-module {
  /*padding: var(--section-pad-y) var(--section-pad-x);*/
  padding: 0px 0px 70px;
}

.quote-module__inner {
	max-width: var(--section-max-w);
	margin: 0 auto;
}

/* ---------------------------------------------------------------
   Quote block
--------------------------------------------------------------- */
.quote-module__quote {
	display: block;
	background-color: var(--yellow);
	padding: 35px 40px 55px;
	margin: 0;
	max-width: 65%;
	border: none;
	margin: auto;
}
.quote-module__citation{
	display: block;
	font-size: 10px;
	line-height: 16px;
	font-weight: 600;
	letter-spacing: 0em;
	text-transform: uppercase;
	color: var(--black);
	font-style: normal;
	margin-bottom: 10px;
}

.quote-module__text {
	font-size: clamp(22px, 3vw, 32px);
	font-weight: 900;
	line-height: 1.2;
	color: var(--black);
	margin: 0;
	letter-spacing: -0.01em;
}
/* ---------------------------------------------------------------
   Responsive — 1100px: tighten padding
--------------------------------------------------------------- */
@media (max-width: 1100px) {
	.quote-module__quote {
		max-width: 75%;
		padding: 36px 40px 44px;
	}
}

/* ---------------------------------------------------------------
   Responsive — 768px: quote full width
--------------------------------------------------------------- */
@media (max-width: 768px) {
	.quote-module {
		padding: 60px var(--section-pad-x);
	}

	.quote-module__quote {
		max-width: 100%;
		padding: 32px 28px 40px;
	}
}

/* ---------------------------------------------------------------
   Responsive — 480px: tighter padding
--------------------------------------------------------------- */
@media (max-width: 480px) {
	.quote-module {
		padding: 48px 20px;
	}

	.quote-module__quote {
		padding: 28px 20px 36px;
	}
}