// Brand logo lockup — the sun-over-horizon mark (with its little yellow sun band)
// from the design system, paired with the wordmark set live in Fraunces.
function TGPLogo({ size = 'sm' }) {
  return (
    <a className={`tgp-wm ${size === 'lg' ? 'tgp-wm-lg' : ''}`} href="#top" aria-label="the good people, home">
      <svg className="tgp-logo-mark" viewBox="16 54 128 68" fill="none" role="img" aria-hidden="true">
        <rect x="20" y="100" width="120" height="18" fill="#ecd283"></rect>
        <g stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round">
          <path d="M20 112 H140"></path>
          <path d="M34 112 v4 M50 112 v4 M110 112 v4 M126 112 v4"></path>
          <path d="M60 112 A20 20 0 0 1 100 112"></path>
          <path d="M80 58 v10"></path>
          <path d="M58 68 l5 8"></path>
          <path d="M102 68 l-5 8"></path>
          <path d="M40 86 l9 4"></path>
          <path d="M120 86 l-9 4"></path>
        </g>
      </svg>
      <span className="tgp-wm-text">the good people<span className="dot">.</span></span>
    </a>
  );
}
window.TGPLogo = TGPLogo;