// ValuesStrip, Empowerment · Community · Innovation · Evolution (US English copy).
const ValuesStrip = () => {
  const values = [
    { k: 'Empowerment', d: 'When your team has the right tools and support, you can focus on students instead of paperwork.' },
    { k: 'Community',   d: 'We turn housing and student-affairs teams into one joined-up operation, working from the same plan.' },
    { k: 'Innovation',  d: 'We push the standard for what move-in weekend can feel like, for staff, students, and families.' },
    { k: 'Evolution',   d: 'We treat every arrival season as a chance to learn, adapt, and make the next one better.' },
  ];
  return (
    <section className="k-values">
      <div className="k-section__header k-section__header--center">
        <div className="k-eyebrow k-eyebrow--muted">O U R &nbsp; V A L U E S</div>
        <h2 className="k-section__title">The beliefs that guide everything we build.</h2>
      </div>
      <div className="k-values__grid">
        {values.map((v, i) => (
          <div className="k-value" key={v.k}>
            <div className="k-value__num">0{i+1}</div>
            <div className="k-value__k">{v.k}</div>
            <div className="k-value__d">{v.d}</div>
          </div>
        ))}
      </div>
    </section>
  );
};
window.ValuesStrip = ValuesStrip;