// Chapter — Bulk Shoot.
// One outfit shown across studio backdrops + real Vault Stock scenes; copy
// makes clear you can run up to 50 outfits in a single batch.
function ExBulk() {
  const shots = [
    { src: 'assets/exbulk-1.jpg', alt: 'One model, outfit one' },
    { src: 'assets/exbulk-2.jpg', alt: 'One model, outfit two' },
    { src: 'assets/exbulk-3.jpg', alt: 'One model, outfit three' },
    { src: 'assets/exbulk-4.jpg', alt: 'One model, outfit four' },
  ];

  return (
    <ExSection
      id="bulk"
      chapter="Bulk Shoot"
      title="Fifty outfits, one run."
      kicker="Upload up to 50 outfits, pick your models, scenes and angles, and generate a whole campaign in one run. Here, one model in four different looks."
      tone="deep"
    >
      <div className="ex-bulk-grid" style={{ display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 16 }}>
        {shots.map((s, i) => (
          <ExFrame key={i} src={s.src} alt={s.alt} ratio="3/4" shadow="md" />
        ))}
      </div>
      <style>{`
        @media (max-width: 900px) {
          .ex-bulk-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
        }
      `}</style>
    </ExSection>
  );
}

Object.assign(window, { ExBulk });