// DANOVI 홈 — 대표 작업 4개 + 전체 작업 보기
function HomeWork() {
  const next = ARCHIVE[0]; // 오른쪽 끝에 이어지는 다음 작업
  return (
    <section id="work" data-screen-label="Work" className="dn-hw">
      <div className="dn-wrap">
        <h2 className="dn-hw-h">대표 작업</h2>
        <div className="dn-hw-row">
          {FEATURED.map(w => (
            <a key={w.id} className="dn-hw-card" href={w.href}>
              <span className="dn-hw-img"><img src={w.img} alt={w.title + ' ' + w.sub} /></span>
              <span className="dn-hw-meta"><b>{w.title}</b><em>{caption(w)}</em></span>
            </a>
          ))}
          {/* 오른쪽 끝 — 다음 작업이 이어진다는 신호. 흐리게 덮지 않습니다. */}
          <a className="dn-hw-peek" href="./works.html" aria-label="전체 작업 보기" tabIndex={-1}>
            <span className="dn-hw-img">
              <img src={next.img} alt="" />
              <span className="dn-hw-peek-arw" aria-hidden="true">→</span>
            </span>
          </a>
        </div>
        <a className="dn-hw-more" href="./works.html">전체 작업 보기 <span className="arw">→</span></a>
      </div>
    </section>
  );
}

Object.assign(window, { HomeWork });