/* global React, BW, SiteHeader */ /* Homepage v3.1 — Hero. Nav lives in SiteHeader.jsx (used site-wide). */ function V3Hero() { const isMobile = useMediaQuery("(max-width: 768px)"); const videoRef = React.useRef(null); /* Honor prefers-reduced-motion: pause the walk loop and leave the poster frame visible. Re-apply if the user flips the preference at runtime. Also slow the playback rate slightly so each step lands with more weight. */ React.useEffect(() => { const v = videoRef.current; if (!v || typeof window.matchMedia !== "function") return; v.playbackRate = 0.85; const mq = window.matchMedia("(prefers-reduced-motion: reduce)"); const apply = () => { if (mq.matches) v.pause(); else v.play().catch(() => {}); }; apply(); mq.addEventListener("change", apply); return () => mq.removeEventListener("change", apply); }, []); return (
{/* paper texture — section hatch covers the area below the header */}
{/* FLOATING HIKING BOOTS — 2s seamless walk loop, webm + mp4 sources. Multiply blends the white background into the clay; left-edge mask gradient feathers the image into the section. Reduced-motion pauses the video via the useEffect above so the poster frame stays put. */} {/* MAIN PHRASE */}
§01 The Thesis · A field manual for closing

Brands built
for the long road.

{/* BOTTOM LEDGER — pinned to section bottom via margin-top: auto in the flex column */}

We partner with you to turn the story you're proud of into a pipeline you can count on.

{isMobile ? (
{[ { k: "Discipline", v: "Brand · Demand · Lab", c: BW.chalk50 }, { k: "Bureau", v: "Cleveland", c: BW.chalk50 }, { k: "Practice", v: "Since 2015", c: BW.brass }, ].map((s, i) => (
{s.k}
{s.v}
))}
) : ( <> {[ { k: "Discipline", v: "Brand · Demand · Lab", c: BW.chalk50 }, { k: "Bureau", v: "Cleveland / Remote", c: BW.chalk50 }, { k: "Practice", v: "Since 2015", c: BW.brass }, ].map((s) => (
{s.k}
{s.v}
))}
Walk the Walk
)}
); } window.V3Hero = V3Hero;