.quote-intro,.quote-progress{--quote-accent:#bd431b;--quote-ink:#20231f;--quote-muted:#62675f;--quote-line:#e3e5dd;color:var(--quote-ink);font-weight:400;word-break:keep-all}.quote-intro{position:relative;padding:32px 0;isolation:isolate;animation:quote-enter .6s ease-out both}.quote-intro__context{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--quote-muted)}.quote-intro__title{margin:0;font-size:clamp(28px,3.5vw,44px);line-height:1.25;letter-spacing:-.045em;font-weight:600;text-wrap:balance}.quote-intro__title em,.quote-intro__title strong{color:var(--quote-accent);font-style:normal;font-weight:600}.quote-intro__description{max-width:600px;margin:16px 0 0;font-size:16px;line-height:1.65;color:var(--quote-muted)}.quote-intro--illustrated{display:grid;grid-template-columns:minmax(0,1fr) 224px;align-items:center;gap:24px}.quote-intro__art{display:block;width:224px;height:224px;-o-object-fit:contain;object-fit:contain;animation:quote-art-enter .6s ease-out both}.quote-progress{padding:24px 0;border-top:1px solid var(--quote-line);border-bottom:1px solid var(--quote-line)}.quote-progress ol{list-style:none;display:flex;gap:24px;margin:0;padding:0;align-items:center}.quote-progress li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--quote-muted);position:relative;flex:1;min-width:0;transition:color .24s ease-out}.quote-progress__number{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--quote-line);border-radius:50%;font-size:12px;font-weight:600;transition:transform .24s ease-out,border-color .24s ease-out}.quote-progress .is-current{color:var(--quote-ink);font-weight:600}.quote-progress .is-complete .quote-progress__number,.quote-progress .is-current .quote-progress__number{border-color:var(--quote-accent);color:var(--quote-accent)}.quote-progress .is-complete .quote-progress__number{animation:quote-complete .24s ease-out}@keyframes quote-enter{0%{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes quote-art-enter{0%{opacity:.6;transform:translateY(8px) rotate(-4deg)}to{opacity:1;transform:none}}@keyframes quote-complete{0%{transform:scale(.85)}to{transform:scale(1)}}@media(max-width:640px){.quote-intro{padding:24px 0}.quote-intro--illustrated{grid-template-columns:minmax(0,1fr) 80px;gap:8px}.quote-intro__art{width:80px;height:80px;align-self:start}.quote-intro__title{font-size:28px}.quote-intro__description{font-size:14px}.quote-progress{padding:16px 0}.quote-progress ol{gap:8px}.quote-progress li{gap:8px;font-size:12px;align-items:flex-start;flex-direction:column}.quote-progress__number{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.quote-intro,.quote-intro__art,.quote-progress .is-complete .quote-progress__number{animation:none}.quote-progress li,.quote-progress__number{transition:none}}