/* The Ghost website — editorial components. Square corners, visible rules, crimson reserved for action and intervention. Exported to window for the sibling Home.jsx. */ function Kicker({ children, style }) { return
{children}
; } function EditorialButton({ children, variant = "primary", href = "#", onClick }) { const base = { display: "inline-flex", alignItems: "center", justifyContent: "center", minHeight: 48, padding: "0 26px", fontFamily: "var(--font-mono)", fontSize: 12, letterSpacing: "0.16em", textTransform: "uppercase", borderRadius: 0, cursor: "pointer", transition: "transform var(--dur-instant) var(--ease-out), background var(--dur-quick) var(--ease-out)", textDecoration: "none" }; const skin = variant === "primary" ? { background: "var(--crimson)", color: "var(--paper-0)", border: "1px solid var(--crimson)" } : { background: "transparent", color: "var(--ink-0)", border: "1px solid var(--ink-0)" }; return ( (e.currentTarget.style.transform = "translateY(1px)")} onMouseUp={(e) => (e.currentTarget.style.transform = "none")} onMouseLeave={(e) => (e.currentTarget.style.transform = "none")}> {children} ); } function MarginNote({ children, style }) { return (
{children}
); } /* A slot for REAL lamp-lit photography or a physical artefact. Never stock imagery, never generated portraiture. With no `src` it shows the written brief for the photograph that still needs supplying. */ function ArtefactSlot({ src, alt, label, note, ratio = "4 / 5", style, className, position = "center" }) { return (
{src ? ( {alt ) : ( {label} )}
{note &&
{note}
}
); } /* An editorial spread, not a card: hard top rule, oversized number, one headline, short body, text action. */ function OfferSpread({ number, kicker, headline, body, action, href = "#", note }) { const [hover, setHover] = React.useState(false); return (
setHover(true)} onMouseLeave={() => setHover(false)} style={{ borderTop: "var(--border-slab)", paddingTop: 28, position: "relative" }}>
{number} {kicker}

{headline}

{body}

{action} {note && hover && {note}}
); } /* Trade label, outcome headline, three facts, one interpretation. Never numbers without saying what moved. */ function ProofCase({ trade, headline, facts = [], interpretation, index, growth, growthNote, views = [], viewsMax = 0 }) { const max = viewsMax || Math.max(1, ...views.map((v) => v.value)); return (
{index ? : null} {trade}

{headline}

{growth != null ? (
+{growth}% {growthNote || "follower growth, 6 months"}
) : null} {views.length ? ( ) : null}
{facts.map((f, i) => (
—{f}
))}

{interpretation}

); } function Testimonial({ quote, name, role, avatar }) { const initials = String(name || "").split(/\s+/).map((w) => w[0]).join("").slice(0, 2).toUpperCase(); return (

“{quote}”

); } /* Horizontal ledger on desktop, vertical sequence on mobile. */ function ProcessLedger({ steps = [] }) { return (
{steps.map((s, i) => (
{String(i + 1).padStart(2, "0")}
{s.title}

{s.body}

))}
); } function EssayCard({ title, standfirst, date, category, href = "https://theanaloguethinker.substack.com" }) { const [hover, setHover] = React.useState(false); return ( setHover(true)} onMouseLeave={() => setHover(false)} style={{ display: "block", borderTop: `2px solid ${hover ? "var(--crimson)" : "var(--ink-4)"}`, paddingTop: 20, color: "inherit", textDecoration: "none", transition: "border-color var(--dur-quick) var(--ease-out)" }}> {category}

{title}

{standfirst}

{date}
 ); } /* An embedded client video. Captions and a transcript are required by the accessibility rules, so the transcript link is part of the component. */ function VideoEmbed({ src, title, note, transcriptHref, ratio = "16 / 9", className, style }) { return (