.of-quote{display:flex;flex-direction:column;gap:36px;justify-content:center;margin:0;max-width:980px;min-height:300px}.of-quote[hidden]{display:none}.of-quote__mark{align-items:center;background:var(--of-mint);border-radius:50%;box-sizing:border-box;color:var(--of-ink);display:flex;font-size:40px;font-weight:800;height:56px;justify-content:center;line-height:1;padding-top:14px;width:56px}.of-quote blockquote{border:0;font-size:clamp(24px,3.2vw,40px);font-weight:600;letter-spacing:-.025em;line-height:1.25;margin:0;padding:0;text-wrap:pretty}.of-quote figcaption{align-items:center;display:flex;gap:14px}.of-quote figcaption img,.of-quote__ph{background:#e2e6e1;border-radius:50%;flex:none;height:48px;object-fit:cover;width:48px}.of-quote figcaption span{display:flex;flex-direction:column}.of-quote small{font:400 12px var(--of-mono);letter-spacing:.04em;opacity:.65;text-transform:uppercase}.of-quotes__nav{align-items:center;border-color:currentcolor hsla(0,0%,50%,.25) hsla(0,0%,50%,.25);border-top:1px solid hsla(0,0%,50%,.25);display:flex;gap:24px;margin-top:48px;padding-top:28px}.of-quotes__pos{font:500 13px var(--of-mono);opacity:.65}.of-quotes__dots{display:flex;gap:8px}.of-quotes__dots button{background:hsla(0,0%,50%,.35);border:0;border-radius:99px;cursor:pointer;height:8px;padding:0;transition:width .25s;width:8px}.of-quotes__dots button[aria-current=true]{background:var(--of-orange);width:32px}.of-quotes__btns{display:flex;gap:10px;margin-left:auto}