.block-quote{--quote-surface-tint: 62%;--quote-surface-bg: color-mix(in srgb, var(--color-surface) var(--quote-surface-tint), transparent);--quote-surface-pad: calc(var(--page-padding) / 2);margin-block-start:var(--space-6);color:var(--color-text);text-align:end}.block-quote .block__inner--readable{padding-block:var(--space-12);background:var(--quote-surface-bg);box-shadow:0 0 0 100vmax var(--quote-surface-bg);clip-path:inset(0 calc(var(--quote-surface-pad) * -1) 0 -100vmax)}.block-quote--surface-peach{--quote-surface-bg: color-mix(in srgb, var(--color-accent-soft) var(--quote-surface-tint), transparent);color:var(--color-accent-dark)}.block-quote--surface-grey{--quote-surface-bg: color-mix(in srgb, var(--color-surface) var(--quote-surface-tint), transparent)}.block-quote--surface-none .block__inner--readable{padding-block:var(--space-8);background:none;box-shadow:none;clip-path:none}.block-quote figure{margin:0}.block-quote blockquote{margin:0;font-family:var(--font-heading);text-wrap:balance;text-shadow:0 0 8px #fff}.block-quote blockquote p{margin:0;font-size:var(--text-h2);line-height:var(--line-heading)}.block-quote blockquote p::before{content:"„"}.block-quote blockquote p::after{content:"“"}.block-quote figcaption{margin-block-start:var(--space-4);margin-inline-end:var(--space-3);font-size:var(--text-sm);letter-spacing:var(--tracking-meta);color:var(--color-muted);text-shadow:0 0 4px #fff}@media(max-width: 56.24rem){.block-quote .block__inner--readable{padding-inline-end:var(--hero-accent-panel-padding)}}.block-quote figcaption::before{content:"– "}