// Hero — open composition. No box. Drawing bleeds out, with motion lines + slow drift. function Hero({ onCTA }) { return (
{/* Open backdrop: kinetic horizon + diagonal sightlines (no container) */}
Architecting Enforceable Justice

From symbolic aspiration to enforceable reality

Global Justice Foundations builds the architecture that turns rights from words on paper into protection people can enforce.

{ if (onCTA) { e.preventDefault(); onCTA("architecture"); } }}> Explore the Architecture { if (onCTA) { e.preventDefault(); onCTA("pillars"); } }}> View the Five Pillars
{/* Right-side architectural drawing — no frame, bleeds into the page */}
); } /* ────────────────────────────────────────────────────────────────────── HeroBackdrop — full-bleed canvas of straight lines that suggests motion without becoming literal. Diagonal sightlines + horizon + drifting tick marks. Animated via CSS (gjf-drift, gjf-rise) defined in styles.css. ────────────────────────────────────────────────────────────────────── */ function HeroBackdrop() { return ( {/* Diagonal sightlines — converge from off-canvas, suggest forward motion */} {/* Long horizon — a single gold hairline that drifts laterally */} {/* Tick markers along the horizon — small but moving (rise + fade) */} {[120, 240, 360, 480, 600, 760, 900, 1040, 1180, 1320, 1460].map((x, i) => ( ))} {/* Vertical surveyor's lines — quietly ascending */} ); } /* ────────────────────────────────────────────────────────────────────── BlueprintCourthouse — same architectural language, but reorchestrated: • lifts off the page (no frame) • added long sightlines that exit the artwork • subtle "construction line" rises (CSS animated) for living quality ────────────────────────────────────────────────────────────────────── */ function BlueprintCourthouse() { return ( {/* Concentric standards rings — slow rotate */} {/* Long horizon that exits the artwork on both sides — visual continuity with the page */} {/* Steps */} {[...Array(7)].map((_, i) => ( ))} {/* Stylobate */} {/* Columns */} {[260, 295, 330, 360, 390, 425, 455].map((x, i) => ( ))} {/* Entablature + Pediment */} {/* Construction-line rises — animated draw-on (kinetic but disciplined) */} {/* Diagonal kinetic streaks — long straight lines that exit the frame */} {/* Cardinal accent dots — pulsing softly */} {/* Annotation marks — exiting the artwork */} ); } window.GJF_Hero = Hero;