.quotes{container-type:inline-size}.quotes-inner{max-width:min(100%,560px)}.quote-mark{fill:color-mix(in srgb, var(--accent) 65%, var(--ground));width:clamp(34px,9cqw,52px);height:auto;margin-bottom:clamp(14px,2.4cqw,22px)}.quote-stack{align-items:stretch;display:grid}.quote-slide{opacity:0;visibility:hidden;flex-direction:column;grid-area:1/1;margin:0;transition:opacity .2s,visibility 0s linear .2s;display:flex}.quote-slide.is-current,.quote-slide--sole{opacity:1;visibility:visible;transition:opacity .22s .2s,visibility}.quote-text{letter-spacing:-.022em;color:var(--ink);margin:0;font-size:clamp(1.15rem,3.4cqw,1.55rem);font-weight:400;line-height:1.4}.quote-by{align-items:center;gap:12px;margin-top:auto;padding-top:clamp(20px,3cqw,30px);display:flex}.quote-avatar{border-radius:var(--radius-capsule);object-fit:cover;background:var(--ground);flex:none;width:44px;height:44px}.quote-by-text{flex-direction:column;gap:2px;min-width:0;display:flex}.quote-name{letter-spacing:-.012em;color:var(--ink);font-size:.92rem;font-weight:500}.quote-role{color:var(--ink-mute);font-size:.82rem;line-height:1.35}.quote-controls{align-items:center;gap:14px;margin-top:clamp(24px,3.4cqw,34px);display:flex}.quote-toggle{border:1px solid var(--line);border-radius:var(--radius-capsule);background:var(--surface);width:30px;height:30px;color:var(--ink);cursor:pointer;flex:none;place-items:center;padding:0;transition:background-color .18s,border-color .18s;display:grid}.quote-toggle:hover{background:var(--mist);border-color:#0000}.quote-toggle svg{fill:currentColor}.quote-tabs{flex:auto;align-items:center;gap:8px;display:flex}.quote-tab{cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1 1 0;min-width:26px;max-width:74px;padding:10px 0}.quote-tab-track{border-radius:var(--radius-capsule);background:var(--line);height:3px;display:block;overflow:hidden}.quote-tab-fill{border-radius:var(--radius-capsule);background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.quote-tab.is-current .quote-tab-fill{animation:7s linear forwards quote-fill}@keyframes quote-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.quotes.is-halted .quote-tab.is-current .quote-tab-fill{animation-play-state:paused}.quote-tab:hover .quote-tab-track{background:#11131533}@media (prefers-reduced-motion:reduce){.quote-slide,.quote-slide.is-current{transition:none}.quote-tab.is-current .quote-tab-fill,.quotes.is-halted .quote-tab.is-current .quote-tab-fill{animation-name:none;transform:scaleX(1)}.quote-toggle{transition:none}}.quotes.is-still .quote-tab.is-current .quote-tab-fill{animation-name:none;transform:scaleX(1)}.quotes.is-still .quote-slide,.quotes.is-still .quote-slide.is-current{transition:none}.quotes--band .quotes-inner{max-width:min(100%,620px)}.quotes--band .quote-text{font-size:clamp(1.25rem,3.6cqw,1.85rem)}.quotes--aside .quotes-inner{max-width:min(100%,480px)}