.bp-hub-quote { position: relative; overflow: hidden; padding: 94px 0 92px; text-align: center; }
.bp-hub-quote .bp-hub-crescent { top: 20px; height: 520px; filter: blur(24px) brightness(.5); }
.bp-hub-quote-inner { position: relative; z-index: 1; }
.bp-hub-quote blockquote { margin: 0; }
.bp-hub-quote blockquote p { margin: 0; font-size: clamp(1.25rem, 1.9vw, 2.25rem); font-weight: 600; line-height: 1.35; }
.bp-hub-quote .bp-hub-quote-title { font-size: clamp(2.5rem, 4.6vw, 5.3rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; margin: 40px 0 4px; }
.bp-hub-quote .bp-hub-quote-accent { margin-top: 24px; font-size: clamp(1.75rem, 3vw, 3.45rem); font-weight: 700; background: linear-gradient(90deg, #A5C4FF, #3E7BEA); -webkit-background-clip: text; background-clip: text; color: transparent; }
/* Heavy slab quote marks drawn as inline SVG (font glyphs read too light/slanted vs the design). */
.bp-hub-quote-mark { display: block; width: 96px; height: auto; color: #fff; }
.bp-hub-quote-mark--close { margin: 36px 0 0 auto; transform: rotate(180deg); }
@media (max-width: 767px) {
    .bp-hub-quote { padding: 40px 0 64px; }
    .bp-hub-quote blockquote p { font-size: 1rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.01em; }
    .bp-hub-quote .bp-hub-quote-title { font-size: 1.125rem; letter-spacing: -0.03em; margin: 8px 0 4px; }
    .bp-hub-quote .bp-hub-quote-accent { margin-top: 0; font-size: 1.0625rem; font-weight: 800; letter-spacing: -0.03em; white-space: nowrap; }
    .bp-hub-quote-mark { width: 38px; }
    .bp-hub-quote-mark--close { margin-top: 12px; }
}