.quote-callout{--quote-callout-bg: #f4effb;--quote-callout-text: #1d1d27;--quote-callout-gradient-from: #c2377f;--quote-callout-gradient-to: #5b38c0;position:relative;margin:72px 0 0;padding:80px 48px 64px;border-radius:28px;background:var(--quote-callout-bg);text-align:center}.dark .quote-callout{--quote-callout-bg: #231d33;--quote-callout-text: #f3f3f8}.quote-mark{position:absolute;top:0;left:50%;height:120px;transform:translate(-50%,-38%);background:linear-gradient(135deg,var(--quote-callout-gradient-from, #c2377f),var(--quote-callout-gradient-to, #5b38c0));background-clip:text;color:transparent;font-family:Georgia,Times New Roman,serif;font-size:190px;font-weight:700;line-height:.8;pointer-events:none;-webkit-background-clip:text}.quote-callout__text{max-width:20em;margin:0 auto;color:var(--quote-callout-text);font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.18;letter-spacing:-.03em}.quote-callout__rule{width:56px;height:4px;margin:32px auto 0;border-radius:2px;background:linear-gradient(90deg,var(--quote-callout-gradient-from),var(--quote-callout-gradient-to))}@media(max-width:600px){.quote-callout{padding:64px 24px 48px;border-radius:20px}.quote-mark{height:96px;font-size:150px}}.quote-mark--inline{position:static;flex:0 0 auto;height:auto;transform:translateY(10px);font-size:52px;line-height:.75}