- 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).

Addresses feedback from previous commit:
- Increases the size of V0 gallery photos by adjusting grid min-width and item height.
- Updates the audio section title to "audio ~ ParVagues" and description as requested.
- Implements a flex layout for the Bandcamp and SoundCloud players:
    - Players are displayed side-by-side on screens wider than 768px.
    - Players stack vertically on screens 768px or narrower.

Integrates Bandcamp and SoundCloud players for the ParVagues live set
into the CosmicFest page.

Key changes:
- Added Bandcamp embed for track-by-track listening.
- Added SoundCloud embed for the continuous mix (downloads enabled).
- Updated "prends la prochaine vague" button to a mailto link.
- Reduced padding and font sizes for lineup tiles for a more compact look.
- Ensured lineup artist names and emojis stay on a single line with responsive font sizing.
- Improved hero section text contrast.
- Enhanced V0 gallery:
    - Improved visibility of alt text for photos.
    - Made entire video items clickable links.
    - Standardized gallery item styling.
- General mobile-first and accessibility improvements.

feat: Add YouTube to ParVagues footer and fix header booking link

- Added YouTube icon and link to the social media section in the ParVagues footer.
- Updated the header booking link to the correct mailto address.

feat: Initial landing page for cosmicfest subsite

- Modifies the focus selectors in `cosmicfest.module.css` to use `:global()` to comply with CSS Modules restrictions.
- This resolves the build failure.

- Creates basic structure for /cosmicfest.
- Implements main landing page with sections for hero, lineup, v0 (previous edition) content, countdown, CTA, and festival off teaser.
- Includes placeholders for images and video content.
- Adds styling for a light theme, reflecting the 'surfers cross techno' vibe with lowercase aesthetic.
- Countdown component implemented.
- Basic responsive design considerations included.

This commit provides fixes for issues identified in your feedback following the initial ParVagues subsite UI/UX enhancements.

Key corrections include:

1.  **Header Rewrite:**
    *   The header component (`ParVaguesHeader.js`) was further refined to ensure a strict single-row layout.
    *   Logo is fixed to the top-left, navigation links are spaced out in the center, and the "Book" button is fixed to the top-right.
    *   Header height and element spacing were adjusted for a thinner appearance.

2.  **"Potentiel / Composition / Performance" Interactivity:**
    *   I verified that the highlighting of the section heading (Potentiel, Composition, Performance) correctly corresponds to the active section and displayed image carousel.
    *   I confirmed that the entire clickable block for each section (title and description) correctly displays a link pointer cursor on hover. (I confirmed no code changes were needed here, the existing implementation was correct).

3.  **Event Page Image Gallery:**
    *   I corrected a critical positioning issue where gallery images were rendering outside the page flow. I added `position: relative` to the gallery container (`galleryGrid`) to properly scope absolutely positioned child elements (masonry items).
    *   I verified that images render as fixed-size cards within the gallery section and that modal functionality (on-click, close button, Esc key) is working as intended.

4.  **Footer Logo Centering Regression:**
    *   The footer logo is now correctly centered within its designated middle column. I added `flex justify-center` to the logo's immediate wrapper `div` to ensure horizontal centering.

These changes address the specific points you raised in the feedback, aiming to deliver the intended UI behavior and visual presentation for the ParVagues subsite.