/* Quote block: a personal statement on a blue band, with the open "f" from the logo as the quotation mark. */
.quote-block { position: relative; isolation: isolate; padding: 104px 0; overflow: hidden; color: #fff; background: var(--fa-color-primary); }
.quote-block::before { position: absolute; z-index: -1; right: 0; bottom: 0; width: min(420px, 70%); height: 340px; content: ""; background: var(--fa-motif-light) no-repeat; background-position: 0 0; background-size: 560px 560px; pointer-events: none; }
.quote-block::after { position: absolute; z-index: -1; top: 0; left: 0; width: min(380px, 60%); height: 300px; content: ""; background: var(--fa-motif-light) no-repeat; background-position: 0 0; background-size: 480px 480px; transform: rotate(180deg); pointer-events: none; }
.quote-block__inner { display: flex; flex-direction: column; align-items: center; max-width: 880px; margin: 0 auto; text-align: center; }
.quote-block__mark { width: 44px; height: 54px; margin-bottom: 26px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 78'%3E%3Cpath d='M5 80V33a27 27 0 0 1 54 0v13' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='38' r='5.5' fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat; }
.quote-block__eyebrow { margin: 0 0 18px; color: rgba(255, 255, 255, .75); font-size: 13px; line-height: 1.4; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.quote-block__quote { margin: 0; padding: 0; border: 0; }
.quote-block__quote p { margin: 0; color: #fff; font-size: 36px; line-height: 1.32; font-weight: 500; letter-spacing: -.02em; text-wrap: balance; }
.quote-block__quote p::before { content: "“"; }
.quote-block__quote p::after { content: "”"; }
.quote-block__cite { display: flex; gap: 14px; align-items: center; margin-top: 34px; text-align: left; }
.quote-block__photo { width: 56px; height: 56px; object-fit: cover; border: 3px solid rgba(255, 255, 255, .85); border-radius: 50%; }
.quote-block__name { display: block; color: #fff; font-size: 17px; line-height: 1.3; }
.quote-block__role { display: block; color: rgba(255, 255, 255, .78); font-size: 14px; line-height: 1.4; }
@media (max-width: 900px) {
	.quote-block { padding: 80px 0; }
	.quote-block__quote p { font-size: 30px; }
}
@media (max-width: 600px) {
	.quote-block { padding: 64px 0; }
	.quote-block__quote p { font-size: 24px; }
	.quote-block::before, .quote-block::after { height: 200px; background-size: 300px 300px; opacity: .7; }
}