.fquote{--fquote-size:1.25rem;margin:0;position:relative}.fquote__text{font-family:var(--font-display);font-weight:500;font-size:var(--fquote-size);line-height:var(--leading-snug);letter-spacing:-.02em;color:var(--text-strong);max-width:40ch;margin:0;padding-top:3rem;position:relative}.fquote__text:before{content:"“";font-family:var(--font-display);font-size:5rem;font-weight:500;line-height:var(--leading-none);color:var(--text-strong);position:absolute;top:0;left:-.3rem}.fquote__by{align-items:center;gap:.85rem;margin-top:2rem;display:flex}.fquote__avatar{border-radius:var(--radius-pill);object-fit:cover;background:var(--warm-white-2);width:44px;height:44px;font-size:var(--text-s);color:var(--text-strong);place-items:center;font-weight:600;display:grid}.fquote__who{line-height:var(--leading-snug);flex-direction:column;display:flex}.fquote__who .name{color:var(--text-strong);font-weight:600}.fquote__who .role{font-size:var(--text-s);color:var(--text-soft)}.dark .fquote__text,.dark .fquote__text:before,.dark .fquote__who .name{color:#fff}.dark .fquote__who .role{color:var(--on-dark-soft)}.dark .fquote__avatar{background:var(--ghost);box-shadow:0 0 0 1px var(--ghost-line)}@media (min-width:1024px){.fquote{--fquote-size:1.75rem}}