// Section opener — single Fraunces sentence with eyebrow.

function Statement({ eyebrow, children, align = 'left' }) {
  const wrap = { padding: '96px clamp(20px,4vw,48px) 32px', maxWidth: 1280, margin: '0 auto', borderTop: '1px solid var(--bc-border-subtle)' };
  const eb = { fontFamily: 'var(--bc-font-mono)', fontSize: 10, letterSpacing: '0.18em', textTransform: 'uppercase', color: 'var(--bc-fg-secondary)', marginBottom: 32 };
  const h = { fontFamily: 'var(--bc-font-display)', fontWeight: 400, fontSize: 'clamp(36px, 4.5vw, 56px)', lineHeight: 1.05, letterSpacing: '-0.025em', color: 'var(--bc-fg-primary)', maxWidth: 880, textWrap: 'balance', textAlign: align };
  return (
    <section style={wrap}>
      <div style={eb}>{eyebrow}</div>
      <h2 style={h}>{children}</h2>
    </section>
  );
}

window.Statement = Statement;