TITLE: Cyber Samurai — Neon Over Edo
PROMPT: Build a single self-contained HTML page called "Cyber Samurai". A two-column editorial grid (minmax(0,1.02fr) / minmax(0,.98fr)): the left column is a sticky 100dvh dark scene (#0d0b12 with a cyan and a pink radial wash), the right column is a #f2e8d5 paper column with #0d0b12 text. In the scene: a gold sun disc built from a radial-gradient in mix-blend-mode screen with a 9s scale pulse, two layered clip-path mountain ridges (#141220 and #0a0810), and a hand-authored inline SVG samurai bust (kabuto dome, brim, flame crest, profile head, neck, shoulder armour plates) drawn once inside <defs> and rendered through four <use href="#samurai"> elements - one filled #07060b, one stroked gold at 55% alpha, and two neon outlines (#38e8ff at stroke-width 8 / 30% alpha and stroke-width 2 at full) that reveal on scene hover. A separate pink path is the eye slit and a gold path is a katana blade. The figure breathes with a 7.5s scaleY keyframe from a bottom transform-origin. Sixteen petals fall with per-petal --x, --s, --d, --dl and --dx custom properties driving a drift keyframe. Scroll progress is tracked by an IntersectionObserver over three article sections; each change fires a katana slash - a skewed gradient blade that scales across in 0.8s - plus a diagonal clip-path wipe overlay, and re-positions the sun and ridges via data-cut on the scene. The paper column carries a flickering italic 900 wordmark ("Cyber" with a neon text-shadow flicker, "Samurai" as a stroked outline), a vertical-rl Georgia text column that the mouse wheel scrolls via a translateY transform, three cut sections with Georgia italic headings and pull quotes, and a mono credits strip. A red seal button top-right toggles a neon-off body class that swaps the pink/cyan accents for gold/paper. Reduced motion disables petals, slashes, breathing and transitions. No external assets and no external references of any kind.
DESCRIPTION: A woodblock print run twice - once in ink, once in light. A black samurai silhouette in profile stands inside a night scene under a gold sun, while the opposite column is printed on paper: an italic display wordmark, a vertical Georgia column you scroll with the wheel, and three editorial "cuts" with pull quotes. Scrolling between cuts fires a katana slash and a diagonal wipe that re-lays the scene; the seal drains the neon and leaves only gold and paper.
TECHNIQUES: Inline SVG silhouette authored once in defs and reused with <use> for fill, gold rim and two neon outline passes (no namespace URL, no filters); clip-path mountain ridges; diagonal clip-path wipe plus a scaleX slash blade on scroll; IntersectionObserver-driven scene cuts; writing-mode vertical-rl text column translated by wheel; CSS keyframe petals with per-element custom properties; text-shadow neon flicker; body-class palette inversion for the seal.
INTERACTION: Scroll the page and each section change fires a katana slash and a clip-path wipe while the sun, ridges and figure re-compose; hover the scene and the silhouette's cyan neon outline lights up; click the seal top-right to toggle the neon palette to gold-and-paper; move the wheel over the vertical text column to scroll it through its length; the wordmark flickers and petals drift continuously.