import { b as require_jsx_runtime, v as Link } from "../_libs/@tanstack/react-router+[...].mjs";
import { a as ArrowLeft } from "../_libs/lucide-react.mjs";
import { n as Route } from "./router-5YS9k2gO.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/insights._slug-D_e45_H0.js
var import_jsx_runtime = require_jsx_runtime();
function InsightArticle() {
	const { article } = Route.useLoaderData();
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
		className: "bg-paper text-ink-fg",
		children: [
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", {
				className: "bg-ink pt-28 pb-14 md:pt-36 md:pb-20",
				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "site-wrap max-w-3xl",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
							to: "/insights",
							className: "inline-flex min-h-11 items-center gap-2 text-[0.72rem] font-semibold tracking-[0.16em] text-muted uppercase no-underline hover:text-fg",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowLeft, {
								className: "size-4",
								strokeWidth: 1.5
							}), "Insights"]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
							className: "label-kicker mt-8",
							children: [
								article.category,
								" · ",
								article.date,
								" · ",
								article.read
							]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
							className: "mt-5 font-display text-section leading-[1.1] font-medium tracking-display text-fg md:text-display",
							children: article.title
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "mt-6 text-lede leading-snug text-muted",
							children: article.dek
						})
					]
				})
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
				src: article.image,
				alt: "",
				className: "mx-auto h-56 w-full max-w-[1400px] object-cover md:h-80"
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "site-wrap max-w-2xl py-14 md:py-20",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "space-y-6 text-[1.08rem] leading-[1.7] text-ink-fg",
						children: article.paragraphs.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: p }, p.slice(0, 40)))
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", { className: "hairline-light my-12" }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "text-sm leading-relaxed text-ink-muted",
						children: "This note is unclassified and reflects the judgement of Daciora Consulting. It does not represent the position of any government or client."
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
						to: "/contact",
						className: "mt-10 inline-flex min-h-12 items-center bg-ink px-6 text-[0.78rem] font-semibold tracking-[0.16em] text-fg uppercase no-underline transition-[background-color,scale] duration-150 ease-out hover:bg-ink-soft active:scale-[0.96]",
						children: "Discuss this with a principal"
					})
				]
			})
		]
	});
}
//#endregion
export { InsightArticle as component };
