// Full-bleed editorial band — a single photograph edge-to-edge, breaking the
// cream column for rhythm. One quiet line, cream, over a soft dark gradient.
function Bleed({ img, eyebrow, line, label, pos }) {
  return (
    <section className="bleed" style={{backgroundImage: `url(${img})`, backgroundPosition: pos || "center"}}
             data-screen-label={label} aria-label={line}>
      <div className="bleed__grad"/>
      <div className="bleed__inner">
        {eyebrow && <span className="eyebrow eyebrow--cream">{eyebrow}</span>}
        <p className="bleed__line">{line}</p>
      </div>
    </section>
  );
}
window.Bleed = Bleed;