.quote{margin:0;min-width:0;color:var(--color-white);overflow-wrap:anywhere}.quote__body{margin:0;display:flex;flex-direction:column;gap:8px}.quote__mark{display:block;font:600 var(--fs-via-quote-mark)/.75 var(--font-heading);color:var(--color-via-lime)}.quote__text{font-size:var(--fs-via-quote-body);line-height:1.6}.quote__author{font-size:17px;font-weight:600;line-height:1.4}.quote__meta{font-size:14px;line-height:20px;color:var(--color-via-lime)}.quote__attribution{display:flex;align-items:center;gap:16px}.quote__credit{min-width:0;display:grid;gap:2px}.quote__avatar{flex-shrink:0;width:64px;aspect-ratio:1;background:var(--color-via-card);overflow:hidden}.quote__avatar img{width:100%;height:100%;object-fit:cover}
.quote--card{display:flex;flex-direction:column;justify-content:space-between;gap:0;min-height:699px;padding:40px;border:1px solid color-mix(in srgb,var(--color-white) 10%,transparent);background:color-mix(in srgb,var(--color-white) 6%,transparent)}.quote--card .quote__attribution{border-top:1px solid color-mix(in srgb,var(--color-white) 12%,transparent);padding-top:24px;width:100%}
.quote--feature{max-width:786px;padding-left:32px;border-left:4px solid var(--color-via-lime);display:grid;gap:28px}.quote--feature .quote__body{gap:28px}.quote--feature .quote__text{font-size:var(--fs-via-featured-quote);font-weight:600;line-height:1.5}.quote--feature .quote__continuation{color:var(--color-via-muted)}.quote--feature .quote__credit{gap:4px}.quote--feature .quote__meta{color:color-mix(in srgb,var(--color-via-cream) 70%,transparent)}
@media(max-width:767px){.quote__body{gap:4px}.quote__text{line-height:1.4}.quote__attribution{gap:12px}.quote__avatar{width:48px}.quote--card{min-height:0;padding:24px 20px;gap:0}.quote--card .quote__attribution{padding-top:20px}.quote--feature{padding:0;border:0;max-width:none;gap:32px}.quote--feature .quote__body{gap:0}.quote--feature .quote__text{line-height:1.4;text-align:center}}

.quote--inline{padding-left:32px;border-left:4px solid var(--color-via-lime);display:grid;gap:20px}.quote--inline .quote__text{font:500 var(--fs-via-inline-quote)/1.2 var(--font-heading);letter-spacing:-.01em}.quote--inline .quote__author,.quote--inline .quote__meta{font:500 14px/20px var(--font-body);color:color-mix(in srgb,var(--color-via-cream) 70%,transparent)}
@media(max-width:767px){.quote--inline{padding-left:14px;border-left-width:2px;gap:12px}}

.quote--reading{--scroll-reading-color:var(--color-white);--scroll-reading-muted:var(--color-via-muted)}.quote--reading .quote__continuation{color:inherit}

.quote--editorial{display:grid;grid-template-columns:minmax(0,896fr) minmax(0,300fr);column-gap:9.939759%;align-items:end;color:var(--color-ink)}
.quote--editorial .quote__body{gap:20px}
.quote--editorial .quote__symbol{width:28px;height:28px;color:var(--color-accent)}
.quote--editorial .quote__text{font:700 var(--fs-editorial-quote)/var(--lh-editorial-quote) var(--font-body)}
.quote--editorial .quote__attribution{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-md)}
.quote--editorial .quote__portrait{width:min(100%,220px);height:auto;aspect-ratio:220/260;object-fit:cover;border-radius:var(--radius-portrait)}
.quote--editorial .quote__credit{display:block;text-align:right;font:600 var(--fs-editorial-credit)/1.4 var(--font-manrope);color:var(--color-body)}
.quote--editorial .quote__author{font:inherit;font-weight:700;color:var(--color-ink)}
.quote--editorial .quote__meta{font:inherit;color:inherit}
.quote--editorial .quote__body:only-child{grid-column:1/-1}
@media(max-width:1023px){
 .quote--editorial{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}
 .quote--editorial .quote__attribution{flex-direction:row;align-items:center}
 .quote--editorial .quote__portrait{width:96px;flex-shrink:0}
 .quote--editorial .quote__credit{text-align:start}
 .quote--editorial .prose__break--desktop{display:none}
}
@media(max-width:767px){
 .quote--editorial{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-md)}
 .quote--editorial .quote__body{gap:var(--space-md)}
 .quote--editorial .quote__symbol{width:24px;height:24px}
 .quote--editorial .quote__attribution{flex-direction:row;align-items:center;gap:14px}
 .quote--editorial .quote__portrait{width:64px;aspect-ratio:64/76;flex-shrink:0}
 .quote--editorial .quote__credit{text-align:start;flex:1;max-width:243px}
}
