// Service icons for Approach page — editorial line-art, 40x40 viewBox 24
// Each is one-stroke, currentColor, stroke-width 1.4. Brand-fitting, restrained.

const IconFilm = () => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
    <rect x="3" y="6" width="14" height="12" rx="0.5" />
    <path d="M17 10l4-2v8l-4-2z" />
    <circle cx="7" cy="12" r="0.6" fill="currentColor" />
  </svg>
);

const IconCompass = () => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
    <circle cx="12" cy="12" r="9" />
    <path d="M14.8 9.2l-1.8 5-5 1.8 1.8-5z" />
    <circle cx="12" cy="12" r="0.6" fill="currentColor" />
  </svg>
);

const IconQuote = () => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
    <path d="M4 5h11l5 5v9H4z" />
    <path d="M15 5v5h5" />
    <path d="M8 13h6M8 16h4" />
  </svg>
);

const IconBroadcast = () => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
    <circle cx="12" cy="12" r="2.2" />
    <path d="M7.5 7.5a6.4 6.4 0 0 0 0 9M16.5 7.5a6.4 6.4 0 0 1 0 9" />
    <path d="M4.5 4.5a10.6 10.6 0 0 0 0 15M19.5 4.5a10.6 10.6 0 0 1 0 15" />
  </svg>
);

const IconMic = () => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
    <rect x="9" y="3" width="6" height="11" rx="3" />
    <path d="M5.5 11.5a6.5 6.5 0 0 0 13 0" />
    <path d="M12 18v3M9 21h6" />
  </svg>
);

window.SvcIcons = { IconFilm, IconCompass, IconQuote, IconBroadcast, IconMic };
