import { b as require_jsx_runtime, v as Link } from "../_libs/@tanstack/react-router+[...].mjs";
import { r as PageIntro, s as INSIGHTS } from "./router-5YS9k2gO.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/insights-BjkZ5xF8.js
var import_jsx_runtime = require_jsx_runtime();
function InsightsPage() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageIntro, {
		kicker: "Insights",
		title: "Writing for decision, not for display.",
		lede: "Selected notes from the practice. Most of our work remains with the client. What we publish is unclassified, and written to be argued with."
	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
		className: "bg-paper text-ink-fg pb-20 md:pb-28",
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "site-wrap divide-y divide-rule border-y border-rule",
			children: INSIGHTS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
				className: "grid gap-8 py-10 md:grid-cols-12 md:py-14",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
					to: "/insights/$slug",
					params: { slug: item.slug },
					className: "md:col-span-5",
					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
						src: item.image,
						alt: "",
						className: "aspect-16/10 w-full object-cover",
						loading: "lazy"
					})
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "flex flex-col justify-center md:col-span-7",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
							className: "text-[0.68rem] font-semibold tracking-label text-ink-muted uppercase",
							children: [
								item.category,
								" · ",
								item.date,
								" · ",
								item.read
							]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
							className: "mt-3 font-display text-3xl leading-snug font-medium md:text-4xl",
							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
								to: "/insights/$slug",
								params: { slug: item.slug },
								className: "text-ink-fg no-underline hover:text-ink-muted",
								children: item.title
							})
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "mt-4 max-w-xl text-[1.05rem] leading-relaxed text-ink-muted",
							children: item.dek
						})
					]
				})]
			}, item.slug))
		})
	})] });
}
//#endregion
export { InsightsPage as component };
