export function Wordmark({ className = "" }: { className?: string }) {

  return (

    <span className={`inline-flex flex-col ${className}`}>

      <span className="serif text-[0.72em] italic leading-none tracking-wide text-bone/75">

        Chicago

      </span>

      <span className="display text-[1em] leading-none tracking-tight text-bone">

        STEPPING

      </span>

    </span>

  );

}