(function () {
// Personal portfolio — Professional Work section (case studies).
// Placed before the Work grid: this is the content that actually proves
// senior-level, professional-team work, so it should be the first substantial
// thing a reviewer sees.
const {
  Tag
} = window.FireTailDesignSystem_df7a18;
function ProfessionalWork({
  onOpenCaseStudy
}) {
  const items = window.FT_CASE_STUDIES || [];
  const allCompanies = ["All", ...Array.from(new Set(items.map(cs => cs.company)))];
  const [filter, setFilter] = React.useState("All");
  const shown = filter === "All" ? items : items.filter(cs => cs.company === filter);
  if (!items.length) return null;
  return /*#__PURE__*/React.createElement("section", {
    id: "professional-work",
    style: {
      padding: "clamp(40px,6vw,80px) clamp(20px,5vw,48px)",
      borderTop: "1px solid var(--border)"
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: "var(--container)",
      margin: "0 auto"
    }
  }, /*#__PURE__*/React.createElement("div", {
    "data-reveal": true,
    style: {
      display: "flex",
      justifyContent: "space-between",
      alignItems: "flex-end",
      gap: 24,
      flexWrap: "wrap",
      marginBottom: 36
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
    style: {
      fontFamily: "var(--font-mono)",
      fontSize: 14,
      letterSpacing: "0.16em",
      textTransform: "uppercase",
      color: "var(--accent)"
    }
  }, "02 / Professional work"), /*#__PURE__*/React.createElement("h2", {
    style: {
      margin: "12px 0 0",
      fontFamily: "var(--font-display)",
      fontWeight: 500,
      fontSize: "clamp(30px,4.5vw,62px)",
      letterSpacing: "-0.02em",
      color: "var(--text-strong)",
      lineHeight: 1.05
    }
  }, "Senior-level work, in detail.")), allCompanies.length > 2 && /*#__PURE__*/React.createElement("div", {
    style: {
      display: "flex",
      gap: 8,
      flexWrap: "wrap"
    }
  }, allCompanies.map(c => /*#__PURE__*/React.createElement(Tag, {
    key: c,
    active: filter === c,
    onClick: () => setFilter(c)
  }, c)))), /*#__PURE__*/React.createElement("div", {
    "data-reveal": true,
    style: {
      display: "grid",
      gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
      gap: 24
    }
  }, shown.map(cs => /*#__PURE__*/React.createElement(CaseStudyCard, {
    key: cs.id,
    cs: cs,
    onOpen: onOpenCaseStudy,
    onFilter: setFilter
  })))));
}
window.ProfessionalWork = ProfessionalWork;
})();