function PhotoStrip() {
  return (
    <section style={{ padding: '0 16px' }}>
      <div style={{
        position: 'relative', borderRadius: 36, overflow: 'hidden',
        background:
          'radial-gradient(70% 60% at 85% 15%, rgba(173,213,235,0.45) 0%, rgba(173,213,235,0) 60%),' +
          'linear-gradient(150deg, #0A1330 0%, #1B2D70 60%, #2F4FA0 100%)',
        color: '#fff', padding: '96px 80px 0'
      }}>
        <div style={{ display: 'flex', alignItems: 'flex-end', justifyContent: 'space-between', marginBottom: 56, gap: 48, flexWrap: 'wrap' }}>
          <h2 style={{ fontFamily: 'Saira', fontWeight: 400, fontSize: 56, color: '#fff', margin: 0, letterSpacing: '-0.025em', maxWidth: 720 }}>
            #TODOMUNDONOAZUL
          </h2>
          <p style={{ fontFamily: 'Inter', fontSize: 16, lineHeight: 1.55, color: '#ADD5EB', maxWidth: 360, margin: 0 }}>
            Queremos todo mundo no azul. Só a maior administradora de condomínios do Nordeste pode fazer isso.
          </p>
        </div>
        <img src="../../assets/billboard-mockup.png" alt="Outdoor Semog" style={{ width: '100%', display: 'block', borderTopLeftRadius: 24, borderTopRightRadius: 24 }} />
      </div>
    </section>
  );
}
window.SemogPhotoStrip = PhotoStrip;