// Section.jsx — layout wrapper with eyebrow + heading + subtitle
const Section = ({ id, eyebrow, title, subtitle, children, wide }) => (
  <section className={`section${wide ? ' section-wide' : ''} reveal`} id={id}>
    <header className="section-head">
      {eyebrow && <div className="eyebrow">{eyebrow}</div>}
      <h2>{title}</h2>
      {subtitle && <p className="section-subtitle">{subtitle}</p>}
    </header>
    {children}
  </section>
);
window.Section = Section;