// Intro / About — big copy + paragraphs
function Intro() {
  const data = window.PORTFOLIO_DATA.intro;
  return (
    <section className="intro" id="about">
      <div className="container">
        <div className="intro__shell">
          <h2 className="intro__copy" data-reveal>
            {data.copy.map((seg, i) => {
              const cls = [];
              if (seg.muted) cls.push('muted');
              if (seg.acc) cls.push('acc');
              return <span key={i} className={cls.join(' ')}>{seg.text}</span>;
            })}
          </h2>
          <div className="intro__meta">
            {data.paragraphs.map((p, i) => (
              <p
                key={i}
                data-reveal
                data-reveal-delay={String((i % 5) + 1)}
                dangerouslySetInnerHTML={{ __html: p }}
              />
            ))}
          </div>
        </div>
      </div>
    </section>
  );
}

window.Intro = Intro;