Shrink the loupe popup to (viewport_width - 32px) when 480px would
overflow, keeping the 16:9 aspect ratio. Centering math uses the
computed width so the clamp keeps the popup fully on-screen.

On touch devices the loupe overlay is now revealed by the first tap on a
track thumbnail (the link's default action is prevented). A second tap on
the same thumbnail navigates to the Instagram album. Tap-outside or 4s
timeout auto-closes the loupe. Desktop hover behavior unchanged — gated
on (hover: hover) media query.

15-track collapsible list driven by metadata extracted from the .tidal
sources via the Pulsar HUD parser. Each row: name, BPM, style, expandable
ingredients (per-orbit sample/role/CC bindings) + git.nech.pl src link.
Six tracks have IG story loops (5s, 16:9 cropped from 9:16 originals,
~150 KB each) with a fixed-position hover loupe (480×270) that escapes
the row's clipping box; click opens the highlight album. Page-level SC
embed + Instagram album link in MediaSection. Full-length story MP4s
gitignored — only the loop previews + jpg thumbs ship.

Sleek single-page fiche technique to share with festivals and venues:
show info, artist apport, audio/video/electrical/stage requirements,
SVG stage plot, timings, contact. Print-optimised CSS for dense A4 PDF
export via the browser's print dialog.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Opal Festival (Normandie): Aug 10 2024, Aug 10 2025.
SoundCloud + Spotify recordings linked.
Remove duplicate Bazurto 2024 (only played 2022).
Update ontology with Opal venue + event data.

Seed venues.yaml, samples.yaml, events.yaml from artist domain knowledge.
Add country flag detection in TourTimeline (France/Germany/Online).

Smoothed Catmull-Rom SVG chart with neon accent on dark bg.
Global Y-axis (60-170 BPM) for cross-set comparison.
Fix hallucinated sample description (Private Number = Judy Clay & William Bell).

Wave logo takes center stage with neon glow, title below in
spaced uppercase, radial gradient backdrop.

- Tidal source analysis: ~60 tracks across 20 gigs mapped to .tidal files
  with 5 key ingredients each (pattern/sample/effect/technique/structure)
- Fix streaming embeds: SoundCloud user ID, YouTube video ID, Bandcamp params
- Live subpages: rewrite [slug].js with proper frontmatter access, server-side
  isPostEvent, MediaSection with SoundCloud/archive.org inline embeds
- REC badge: clickable button opens best audio source directly
- AsSeenAt: correct URLs (TOPLAP, Opal, Cookie Collective), tighter layout
- Replace em dashes with hyphens across all content
- Fix past events showing "details coming soon"
- FairyTeuf location: PSC

- Add BioSection (livecoding explainer + genre tags) after hero
- Add AsSeenAt strip (TOPLAP, Algorave GZ, Opal, Cookie, 38C3, 39C3)
- Featured Algorave GZ25 video with neon badge
- New releases: CosmicFest album + Ton Numéro single with covers
- Fix Bandcamp/Spotify/YouTube streaming embeds + privacy consent
- Fix social links: remove Bluesky, GitLab at nech.pl/Tidal
- New live events: 38C3 House of Tea, Chaos Music Club, 39C3 sets
- Track metadata with Tidal code ingredients for 3 pilot gigs
- Poster support on live subpages (Algorave GZ25 poster)
- Expandable track breakdowns with code snippets on subpages

- Add 2 YouTube performances: Algorave GZ25, Live Coding @ Algolia
- Privacy-first: YouTube embeds require click consent (shows thumbnail
  + "Cliquer pour charger depuis YouTube" overlay). Archive.org loads
  directly (privacy-friendly host)
- Use youtube-nocookie.com for embeds (no tracking cookies)
- Fix hero title: clamp(3rem, 12vw, 9rem) to prevent overflow clipping
- Videos sorted reverse-chronological, archive.org prioritized over
  YouTube when both exist for same performance

- Remove max-w-4xl from hero content (title was clipped at "ParVag")
- Scope main.css img rule to non-parvagues pages (was forcing
  max-width:100% + display:block on next/image fill elements in Firefox)
- Use inline styles for video thumbnail positioning to avoid CSS
  specificity issues with legacy rules

Root cause: Vercel wasn't processing Tailwind through @tailwindcss/postcss,
serving raw CSS with zero utility classes (23KB theme-only vs 53KB with
utilities). The source() directive was output literally as @media source().

Fixes per official Tailwind v4 + Next.js setup:
- Switch postcss.config.js (CJS) → postcss.config.mjs (ESM)
- Remove autoprefixer (built into Tailwind v4)
- Use plain @import "tailwindcss" (auto source detection)
- Move tailwindcss + @tailwindcss/postcss to dependencies

Bootstrap's CSS was overriding all Tailwind utility classes in production,
making parvagues render as raw unstyled HTML. Root cause: _app.js imported
bootstrap.css globally before globals.css (Tailwind v4).

- Remove bootstrap dependency and import from _app.js
- Remove stale tailwind.config.js (v3 format, ignored by v4)
- Remove @tailwindcss/aspect-ratio (v3 plugin, built-in in v4)
- Replace 3 Bootstrap `container` usages with Tailwind equivalents
- Scope main.css legacy element styles with :not(:has(.parvagues-root))
  to prevent link colors, section margins, footer styles from bleeding
  into parvagues pages
- Add .parvagues-root class to parvagues Layout for scoping

1200x630 screenshot captured at bloom state. Open Graph and Twitter
Card meta for rich link previews when shared.

Grass blades rendered to offscreen buffer refreshed every 3-5 frames
instead of every frame. Mobile tier: pixelDensity(1), 24fps, fewer
grass blades, lower petal cap. ~75% fewer grass draw calls on average.

p5.js canvas with impressionist top-down flower garden: organic bloom
lifecycle (bud → bloom → wilt → respawn), rare mutations (queen,
hypersaturated, variegated, concentric, firecracker), wind-driven
grass, falling petals, ambient day/night light cycle, dawn reveal.

DOM overlay with staggered text entrance, RSVP modal with decorative
floral ornaments and entrance animation. Dark theme, mobile-first.

- Use inline opacity (0.15) on poster image — Tailwind opacity-20 not
  applying in production build
- Add color-scheme: dark meta tag for browser/reader mode compatibility
- Set html/body background to #0a0a0a to prevent white bleed
- Fix reveal animation: sections visible by default, animate only after
  JS hydration via .reveal-ready class on documentElement
- Bump screenshots script to domcontentloaded + 3s render wait

- Fix mobile hero title clipping (clamp min 5rem → 3rem)
- Reduce dead space between streaming and video sections
- Bump hero poster opacity to 20% for more atmosphere
- Add archive.org thumbnails to video cards with gradient overlay
- Add scroll-triggered reveal animations (IntersectionObserver)
- Add subtle grain/noise overlay (SVG texture at 3% opacity)
- Alternate section backgrounds (#0a0a0a / #0e0e0e) for depth
- Upgrade album platform links to pill buttons with neon hover
- Brand-colored hover on booking submit button
- Add fadeIn animation for streaming embed transitions

- Fix globals.css: @import "tailwindcss" + @source (v4 syntax)
- Fix hero: reduce poster opacity to 10%, use inline clamp for title
- Remove oversized arrows from tour timeline, use inline styles
- Add custom DeezerIcon SVG (react-icons has no Deezer icon)
- Replace em dashes with appropriate punctuation throughout
- Add playwright dev dependency + screenshots script

New architecture:
- Hero: full-viewport with Syne typeface, subtle neon glow, tagline
- On Tour: vertical timeline grouped by year (2022-2026), 30 events
- Music: albums with revenue-ordered platform links (Bandcamp first),
  click-to-load streaming embeds (no auto-connect)
- Video: archive.org click-to-load cards (4 TOPLAP recordings)
- Booking: mailto-based contact form
- Footer: social icons + email

Design: editorial dark aesthetic, Syne font, restrained neon accents.
Zero third-party connections until user interaction.

Merge event data from 3 sources:
- Existing content/lives/ files
- Salvaged events from old parvagues-redesign branch
- Archive.org metadata (TOPLAP streams, Solstice sets)

30 events across 5 years. Enriched with archive.org video URLs.
Removed duplicate fairyteuf file.

Parvagues and dunbar

feat(cosmicfest): Integrate audio players and enhance UI/UX

Implements a modal for viewing V0 gallery photos and makes further
adjustments to audio player and gallery item styling based on feedback.

Key changes:
- SoundCloud Player: Adjusted to 450x450px and updated CSS for flex layout.
- V0 Gallery Photos:
    - Ensured min-height of 150px is respected (current height 200px).
    - Implemented a modal view:
        - Click on photo opens it in a full-size modal.
        - Modal can be closed with Escape key, overlay click, or close button.
        - Uses Next.js Image for optimized display within the modal.
        - Prevents background scroll when modal is open.
        - Includes accessibility attributes (ARIA, keyboard navigation).