/* CollabIQ — Logo Marks Six explorations of "the intersection is the product". Each is parameterized so it can be rasterized at any size; favicon-first sizing means the nucleus dot and white ring stay legible at 16px. */ const { useEffect, useRef, useState } = React; /* ─── 01. CLASSIC — the spec mark ───────────────────── Three lobes, white-ringed nucleus, teal core dot. This is the reference. Everything else is a remix. */ function MarkClassic({ size = 96, glow = true }) { return ( ); } /* ─── 02. BIOLUMINESCENT — alive, not chrome ────────── Lobes are translucent membranes; the nucleus pulses like a deep-sea organism. CSS animations carry the biological rhythm (4-6s, micro-varied per loop). */ function MarkBiolum({ size = 96 }) { return ( ); } /* ─── 03. SCANNING — the radar reading ────────────── A sweep arc passes across the lobes; the nucleus "locks" when the sweep crosses center. */ function MarkScanning({ size = 96 }) { return ( ); } /* ─── 04. ECLIPSE — three rings, no fill ───────────── Maximum precision. The intersection is implied by overlap weights (stroke darkens at crossings). */ function MarkEclipse({ size = 96 }) { return ( ); } /* ─── 05. SIGNAL-LOCK — crosshair on the nucleus ──── Reads as a scientific instrument. Reticule lines from edge of mark to nucleus. */ function MarkSignalLock({ size = 96 }) { return ( ); } /* ─── 06. MONOLITH — pure geometric, dark mode hero ─ Lobes are flat-filled, intersection is a CUTOUT showing pure white. The signal is a void in the noise. */ function MarkMonolith({ size = 96 }) { return ( ); } window.MarkClassic = MarkClassic; window.MarkBiolum = MarkBiolum; window.MarkScanning = MarkScanning; window.MarkEclipse = MarkEclipse; window.MarkSignalLock = MarkSignalLock; window.MarkMonolith = MarkMonolith;