fix: remove obsolete posts

Rename the bundle directory to match its frontmatter date, alongside
the other four new posts.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012E2mmywuZyXmPBgSDtNdTL

Dockerfile

@@ -1,16 +1,20 @@
 # Stage 1: Build
-FROM node:22-alpine AS builder
+# hugomods image bundles Hugo Extended + Node at matching, tested versions —
+# Hugo's css.TailwindCSS execs node_modules/.bin/tailwindcss during the build,
+# and pnpm-workspace.yaml's preferSymlinkedExecutables makes that a plain
+# symlink Hugo's exec-security check accepts (see layouts/partials/head.html).
+FROM hugomods/hugo:debian-node-0.165.0 AS builder
 
-# Install Hugo + FFmpeg (video compression)
+# Install FFmpeg (video compression)
-RUN apk add --no-cache hugo ffmpeg git
+RUN apt-get update && apt-get install -y --no-install-recommends ffmpeg && rm -rf /var/lib/apt/lists/*
 
 # Install pnpm
-RUN corepack enable && corepack prepare pnpm@latest --activate
+RUN npm install -g pnpm
 
 WORKDIR /app
 
 # Copy package files first (for layer caching)
-COPY package.json pnpm-lock.yaml ./
+COPY package.json pnpm-lock.yaml pnpm-workspace.yaml ./
 RUN pnpm install --frozen-lockfile
 
 # Copy source files

assets/css/main.css

@@ -5,6 +5,8 @@
 @source "../../content/**/*.md";
 @source "../../assets/js/**/*.js";
 
+@custom-variant hover (&:hover);
+
 /* ── Design tokens — sneaker drop culture ────────────────────── */
 @theme {
   /* Dark base — deep navy-black */

content/authors/valknar/index.md

@@ -1,14 +1,14 @@
 ---
 title: "Valknar"
 name: "Valknar"
-bio: "Valknar treats diffusion models as a engine of contradiction — pitting the cute against the grotesque, the opulent against the decayed, and the familiar against the deeply wrong. The results are cinematic concept images that feel like stills from films that should not exist."
+bio: "Valknar builds cinematic AI concept art at the intersection of gothic darkness, mythological grandeur, and neon-soaked noir — images that feel like stills from films that were never made, but should have been."
 social:
   instagram: "valknarix"
   x: "valknar100"
 ---
 
-Valknar approaches AI generation as a collision course. The work takes familiar cultural touchstones — video game icons, children's characters, Renaissance still life — and forces them through genre frameworks they were never designed to survive: survival horror, Gigeresque biomechanics, neo-Tokyo neon, Burtonesque gothic.
+Valknar works at the intersection of the dark and the epic. The images move between worlds — candlelit vampire chambers and rain-slicked Neo-Tokyo streets, Norse battlefields at the hour the last warrior falls, ancient Japanese throne rooms suspended in a single moment of ceremony. Across all of it, the aesthetic constants are atmosphere and weight.
 
-The technique is less about coaxing beauty from the model and more about engineering productive discomfort. Vivid colour is deployed against desolation. Opulence is buried in decay. The cinematic framing is deliberate — wide shots, hero angles, macro details — borrowed from the language of film concept art and applied to subjects the camera would not normally linger on.
+Each scene is engineered with the specificity of a cinematographer's brief: lighting quality, lens choice, colour science, and the physical texture of materials described precisely enough that the model has no choice but to commit. The goal is never decoration — it is to make a still image feel like a held breath, a moment poised just before or just after something irreversible.
 
 Based in Stuttgart.

content/posts/2026-05-07-the-pale-pour/index.md

@@ -1,7 +1,7 @@
 ---
 title: "The Pale Pour"
 description: "A skeletal Grim Reaper tends bar in a subterranean Gothic absinthe den, where the Green Fairy's bioluminescent fog coils between candlelit bottles and tarnished mirrors."
-date: 2026-05-07
+date: 2026-05-07T18:00:00+02:00
 author: "valknar"
 featured: true
 categories:
@@ -20,5 +20,5 @@ prompt:
   scene: 'A cinematic, wide-angle interior shot of a subterranean, rustic Gothic Absinthe bar. The atmosphere is thick with a swirling, ethereal green bioluminescent fog ("The Green Fairy"). In the center, a skeletal Grim Reaper stands behind a heavy, scarred oak bar, draped in tattered, ink-black hooded robes; his bony hands are delicately preparing a traditional absinthe drip over a silver slotted spoon and sugar cube.'
   environment: "Vaulted stone ceilings with cracked ribs, dripping wax from oversized iron chandeliers, walls lined with dusty, unlabeled apothecary bottles and antique mirrors showing tarnished reflections. Plush, rotting emerald velvet barstools and flickering candlelight."
   style: "Moody chiaroscuro lighting, deep shadows contrasted with vibrant neon-emerald highlights. Art Nouveau accents, hyper-realistic textures of bone, aged wood, and etched glass. Dark Victorian aesthetic, macabre elegance, 8k resolution, photorealistic with a touch of oil painting gloom."
-  video: "Cinematic dolly shot: The grim reaper in a dark cloak stands at a dimly lit Absinth bar, surrounded by glowing green potions. The camera slowly zooms in on the figure as he dunks a spoon in the green potion with one hand and with his other hand's index finger igniting the spoon into a small flame."
+  video: "The Reaper's skeletal right hand brings a long match — a single small orange flame — down to the absinthe-soaked sugar cube resting on the silver slotted spoon. A clean blue-gold flame catches immediately and burns steadily on the sugar. Caramelised sugar begins to drip slowly through the slots into the glass below, clouding the absinthe pale green. The green bioluminescent fog swirls gently as the firelight touches it. The Reaper is otherwise completely motionless. Camera holds static throughout."
 ---

content/posts/2026-05-08-the-counts-chamber/index.md

@@ -1,7 +1,7 @@
 ---
 title: "The Count's Chamber"
 description: "The room speaks before its master does — an ancient Gothic chamber of firelight and shadow, an armchair that still holds the warmth of centuries, and a wine glass of blood on a small table, patiently waiting."
-date: 2026-05-08
+date: 2026-05-08T12:00:00+02:00
 author: "valknar"
 featured: false
 categories:

content/posts/2026-05-08-the-last-valkyrie/index.md

@@ -0,0 +1,25 @@
+---
+title: "The Last Valkyrie"
+description: "She walks the field when the battle is already over — magnificent, heavily armed, towering above the fallen — choosing among the dead with the cold authority of a goddess who has never known defeat."
+date: 2026-05-08T14:00:00+02:00
+author: "valknar"
+featured: false
+categories:
+  - Dark
+  - Fantasy
+tags:
+  - Valkyrie
+  - Viking
+  - Battlefield
+  - Norse Mythology
+  - Epic
+  - Warrior
+  - Mythology
+  - Cinematic
+slug: the-last-valkyrie
+prompt:
+  scene: "A magnificent, heavily armed and armoured Valkyrie stands alone on a vast epic battlefield littered with fallen Vikings, rendered in breathtaking cinematic grandeur. She is colossal in presence — full-figure, centre frame — clad in immaculate yet battle-tested armour of layered steel and burnished gold, intricately engraved with Norse knotwork and raven motifs. A great winged helm crowns her head, her long silver-white hair whipping in the wind. In one gauntleted hand she holds a massive war spear crackling with pale lightning; in the other, a round shield of black iron and gold bearing the mark of Odin. Her expression is absolute, divine authority — neither cruel nor merciful, simply inevitable. Around her in every direction, hundreds of fallen Viking warriors lie across the mud and stone, their shields shattered, their banners torn."
+  environment: "A vast Norse battlefield at the moment after the last blow has fallen — dusk sky of deep violet and bruised amber, storm clouds massing overhead shot through with distant lightning. The field itself is a panorama of epic carnage rendered with mythic gravity: broken longships beached in the distance, ravens circling in vast spirals overhead, shield walls collapsed into tangles of iron and oak. Mist rolls across the ground in slow waves. In the far background, the silhouette of a great hall burns against the sky. A single riderless horse stands motionless among the fallen. The Valkyrie's armour catches the last dying light of the sun as the storm closes in."
+  style: "Norse epic fantasy at maximum cinematic scale — the visual grandeur of God of War Ragnarök meets the painterly sweep of classic Frank Frazetta barbarian art and the mythic weight of Zack Snyder's 300. Hyper-detailed armour engraving, fur cloaks, weathered iron and aged leather across the fallen warriors. Dramatic upward low-angle composition placing the Valkyrie against the storming sky. Volumetric god-rays breaking through storm clouds onto the battlefield. Rich desaturated colour grade: steel grey, tarnished gold, deep violet sky, muted blood-red earth. Wind-motion blur on hair, cloaks, and torn banners. 8K resolution, photorealistic epic fantasy render with oil-painting atmosphere."
+  video: "The Valkyrie stands motionless. Storm wind slowly stirs her hair and cloak. The Valkyrie stands motionless. Storm wind slowly stirs her hair and cloak. Lightning pulses once in her spear. A single raven descends and lands on her outstretched shield arm. She turns her head slowly to survey the field. Camera holds static throughout — no movement, no cut."
+---

content/posts/2026-05-08-the-warlords-hour/index.md

@@ -1,12 +1,12 @@
 ---
 title: "The Warlord's Hour"
 description: "A fearsome samurai warlord, clad in magnificent lacquered armour, receives the quiet ceremony of sake from a geisha — power and grace suspended in a single, breathless moment on an ancient throne."
-date: 2026-05-08
+date: 2026-05-08T10:00:00+02:00
 author: "valknar"
 featured: false
 categories:
-  - Historical
   - Dark
+  - Historical
 tags:
   - Samurai
   - Japan
@@ -21,5 +21,5 @@ prompt:
   scene: "A commanding samurai warlord sits in absolute stillness upon an ancient lacquered throne of dark cedar and iron, set within a vast feudal Japanese great hall. His armour is extraordinary — full ō-yoroi in deep crimson and black lacquered plates, gilded mon crests on the shoulder guards, a fearsome menpō face mask pushed up to reveal a scarred, weathered face of absolute authority. His katana rests across his knees, unsheathed. Before him, a geisha in a pristine white and gold furisode kimono kneels gracefully on a tatami mat, both hands extended, presenting a lacquered sake tray with a single ceramic cup. Her gaze is downcast, her white-painted face a mask of serene composure."
   environment: "The great hall is cavernous and dimly lit — massive wooden pillars rising to a shadowed ceiling hung with battle banners bearing clan crests in faded red and black. Rice paper shoji screens along the walls glow faintly with the light of paper lanterns beyond. Incense smoke drifts in slow diagonals across the space. Scattered armour stands and weapon racks line the periphery. Sparse cherry blossom petals have blown in through an unseen open screen, settling on the tatami floor. Outside, the muffled sound of a distant war drum."
   style: "Cinematic feudal Japan, hyper-realistic textures of lacquered armour, raw silk, and aged cedar. Dramatic chiaroscuro lighting — a single strong source from a paper lantern above illuminates the warlord's armour and the geisha's kimono, deep shadows consuming the hall behind. Rich colour palette: crimson, black, ivory, gold. Inspired by Akira Kurosawa's compositional gravity and the painterly depth of ukiyo-e woodblock prints. Ultra-detailed fabric and metalwork, 8K resolution, photorealistic with cinematic grain."
-  video: "Camera opens on a slow push through the darkened great hall — battle banners drifting almost imperceptibly in unseen air. The warlord's silhouette emerges from shadow first, the glint of his unsheathed blade catching light. The camera settles into a wide static shot as the geisha glides into frame from the left, each step a whisper. She kneels. Her arms extend with the tray. A long, suspended silence. The warlord's gauntleted hand moves — slowly, deliberately — and lifts the cup. Incense smoke drifts between them. A single cherry blossom petal falls onto the tatami. Atmosphere: absolute power held in ceremonial stillness, the calm before or after great violence."
+  video: "Camera opens on a slow push through the darkened great hall — battle banners drifting almost imperceptibly in unseen air. The warlord's silhouette emerges from shadow first, the glint of his unsheathed blade catching light. The geisha kneels. Her arms extend with the tray. A long, suspended silence. The warlord's gauntleted hand moves — slowly, deliberately — and lifts the cup. Incense smoke drifts between them. A single cherry blossom petal falls onto the tatami. Atmosphere: absolute power held in ceremonial stillness, the calm before or after great violence."
 ---

content/posts/2026-05-10-iron-rain/index.md

@@ -0,0 +1,25 @@
+---
+title: "Iron Rain"
+description: "A colossal combat mech holds the intersection — armour scarred by a hundred engagements, missile pods tracking, plasma blade coiled and ready — while Neo-Tokyo dissolves in rain around it and no one dares move."
+date: 2026-05-10T18:00:00+02:00
+author: "valknar"
+featured: true
+categories:
+  - Dark
+  - Sci-Fi
+tags:
+  - Mech
+  - Cyberpunk
+  - Neo-Tokyo
+  - Rain
+  - Night
+  - Futuristic
+  - War Machine
+  - Combat
+slug: iron-rain
+prompt:
+  scene: "A colossal combat mech stands motionless at a rain-soaked intersection in futuristic Neo-Tokyo, late at night. Full-figure, wide shot — the entire machine visible from ground to crown. The mech is massively armoured: layered titanium-alloy plating battle-scarred and oil-stained, hydraulic joints venting live steam into the cold night air, twin missile pods on both shoulders, a rotary gatling cannon where the left arm should be, a plasma blade housing on the right forearm crackling with suppressed blue-white energy. The torso bears a faded corporate military insignia, half-obscured by scoring and carbon residue. The head unit is a featureless armoured dome with a single wide horizontal optical band pulsing amber — slowly sweeping, scanning. Rain hammers every surface: bouncing off armour plates in silver droplets, running in sheets down the cockpit glass, pooling in neon-lit puddles around the mech's enormous hydraulic feet. It is completely still. Everything about it communicates that this stillness is temporary."
+  environment: "A deep rain-canyon of Neo-Tokyo at maximum atmospheric density. Corporate megablock towers rise on both sides, walls plastered floor-to-roof in overlapping holographic advertisements and kanji signage — pink, amber, cyan, electric green — their light bleeding and fracturing across every rain-slicked surface. Power cables and elevated transit rails crisscross the gap overhead. The street is empty: abandoned street vendor carts, an overturned delivery vehicle still sparking, shattered glass across the tarmac. A police cordon barrier lies flattened in the background. In the far distance, a mega-structure rises into low cloud cover, upper floors lost in rain-haze and sweeping searchlight beams. Everything civilian has been evacuated. The city holds its breath."
+  style: "Hyper-realistic cyberpunk war photography. Blade Runner 2049 colour science and atmospheric density meets Pacific Rim's mechanical scale — rendered through the lens of a war correspondent on the ground. Photorealistic wet-surface caustics: neon colour bleeding across every puddle with physical accuracy, rain streaks rendered with motion-blur density, steam particles volumetrically lit. Three-point cinematic lighting: dominant amber sodium vapour from below, cold blue-white from a searchlight above, magenta-pink neon spill from signage at left. The mech rendered with absolute material fidelity — scratched titanium highlights, oil-dark joint cavities, heat-scorched venting panels. 8K photorealistic render, anamorphic lens with characteristic oval bokeh, cinematic colour grade: deep teal shadows, amber-orange midtones, magenta-pink neon highlights."
+  video: "Rain falls continuously. The mech raises the hand, which doesn't hold the gun, to show a traffic stop gesture. A single vehicle creeps into frame from the right. The mech holds position. Neon reflections ripple in the puddles. Camera holds completely static throughout."
+---

content/posts/2026-05-11-the-drowned-queen/index.md

@@ -0,0 +1,26 @@
+---
+title: "The Drowned Queen"
+description: "She sails still — centuries dead, cursed to never reach port — her black hull half-fog and half-ruin, her skeletal crew working the rigging in silence, her tattered sails full of a wind that does not exist."
+date: 2026-05-11T10:00:00+02:00
+author: "valknar"
+featured: false
+categories:
+  - Dark
+  - Horror
+tags:
+  - Ghost Ship
+  - Sea
+  - Storm
+  - Cursed
+  - Gothic
+  - Supernatural
+  - Maritime
+  - Dark Fantasy
+  - Horror
+slug: the-drowned-queen
+prompt:
+  scene: "A colossal, ancient three-masted galleon tears through a pitch-black storm sea — magnificent even in its ruin. Full broadside view, the entire vessel visible from shattered bowsprit to crumbling stern castle. The hull is black-tarred oak warped by centuries of saltwater, barnacle-encrusted below the waterline, riddled with cannonball scars and splintered planking that has never been repaired. The ship is half-transparent: in places the hull dissolves into spectral fog, revealing the skeletal crew working the rigging — ghostly forms in rotted sailor's garb, moving with supernatural, unhurried purpose. The sails are torn and tattered, yet fully billowed — not by wind but by some cursed breath — their canvas the grey of burial shrouds, faintly luminescent with cold green-blue light bleeding through every rent and hole. At the bowsprit, a figurehead of a crowned woman, hands outstretched as if pleading, mouth open in a silent scream. The ship's name — barely legible in corroded gold lettering on the stern: THE DROWNED QUEEN. Ghostly lanterns burn at intervals along the rails with cold blue flame. A massive anchor chain hangs loose from the bow, dragging into the black water below. The ship drives forward against physics and reason, utterly indifferent to the storm."
+  environment: "A catastrophic open-ocean storm at the absolute height of its fury — horizon and sky indistinguishable, swallowed together into a single churning black mass. Cathedral-scale wave mountains, twenty metres high, dark green-black and foam-streaked, crash against and through the ship's hull without slowing it. The sky is a unified ceiling of boiling storm cloud, split continuously by branching white lightning that illuminates everything in single brutal frames of pure white light. Rain falls in horizontal sheets so dense it becomes indistinguishable from mist and spray. In the far background, smaller human vessels are visible at the edges of the frame: listing, lights fading, overwhelmed. The ghost ship leaves no wake. Beneath the surface, a faint spectral glow emanates from below the hull, as if the abyss itself is lit from a cold source far below. Dead fish drift at the surface in the ship's path. The storm is not a backdrop — it is an arena, and the ship is its only master."
+  style: "Dark maritime horror at maximum epic scale — J.M.W. Turner's catastrophic storm paintings fused with the practical horror aesthetic of the Black Pearl and the supernatural grandeur of classic dark fantasy cinema. Photorealistic wet-surface rendering throughout: ocean spray, rain streaks, barnacle texture, rotted wood grain and corroded iron rendered with absolute material fidelity, ghost-translucency layered over physical decay. Wide cinematic composition — ship at three-quarter angle, occupying the full frame, ocean filling every edge to the corners. Three-point supernatural lighting: cold blue-green spectral glow emanating from the ship itself as its primary source, brutal overexposed white lightning from above, absolute void-black in all shadow cavities. Volumetric ocean spray and storm mist layered at multiple depths across the entire scene. Colour grade: near-monochromatic — desaturated deep ocean blues, tarnished blacks, cold grey-greens, spectral blue-white highlights on every ghostly element. 8K photorealistic render, wide anamorphic lens, maximum atmospheric particle density."
+  video: "Lightning strikes once — a single brutal white flash illuminates the entire scene for one frame. One enormous wave swell rises slowly against the hull, breaks into spray, and falls away. The tattered sails billow in a single gust of cursed wind. The figurehead's head turns, barely perceptibly, toward camera. Camera holds completely static throughout."
+---

content/posts/2026-05-28-the-empty-throne/index.md

@@ -0,0 +1,26 @@
+---
+title: "The Empty Throne"
+description: "The throne room of the dead — obsidian and black iron, the river Styx visible through the far archway, Cerberus at rest beside the dais — is not empty because Hades is absent. It is empty because he is standing directly behind whoever is looking at it."
+date: 2026-05-28T13:00:00+02:00
+author: "valknar"
+featured: false
+categories:
+  - Dark
+  - Mythology
+  - Fantasy
+tags:
+  - Hades
+  - Underworld
+  - Greek Mythology
+  - Throne
+  - Atmospheric
+  - Horror
+  - Cerberus
+  - Ancient
+slug: the-empty-throne
+prompt:
+  scene: "A grand, wide establishing shot of the throne room of Hades — the court of the Underworld rendered in its full architectural enormity — seen from the entrance archway looking in, as if the viewer has just arrived and has not yet been permitted to enter. The throne itself dominates: cut from a single piece of volcanic obsidian, its surfaces mirror-polished to perfection, its form severe and angular with no ornamentation and no concession to comfort — a chair designed to be occupied by something that does not tire, does not age, and does not require any of the things thrones are usually built to communicate. It sits elevated on a three-step dais of black marble, bare. To the right of the throne, a tall narrow window cut through the rock opens onto the only visible exterior: the river Styx, its surface moving with the faint luminescence of a million passing souls, its far bank lost in haze. On the far left of the room, curled in sleep on the bare stone floor beside the dais steps, Cerberus rests — three heads, each in a different direction, two sleeping, one not quite sleeping, its central pair of eyes half-open and reflecting the ambient light. The room is otherwise empty. Everything about its emptiness implies that this state is extremely recent."
+  environment: "The hall is monumental and carved from the living rock of the underworld itself — no dressed stone, no masonry, but the raw basalt of the deep earth shaped by will alone into columns, arches, and vaulted ceilings that disappear into dark heights far above. The columns are not straight: they lean slightly inward, as if the mountain is pressing down. From the ceiling, stalactites of black crystal hang at irregular intervals, each one emitting a faint cold phosphorescent glow — the only ambient light in the room. The floor is smooth as glass and slightly warm — the warmth of the deep earth, not fire. Along the walls, at irregular intervals, shallow niches hold soul-candles: flames that burn without wax, cold blue-white, each one representing a soul that has been here long enough to become part of the furniture. In the far corner, an hourglass the height of a man, its sand moving upward instead of down. From beyond the Styx window, very faint, the sound of water and the murmur of a crowd that never quite resolves into individual voices. Charon's boat is just barely visible on the river surface, moving toward a landing that is out of frame."
+  style: "Greek mythological architecture fused with the geological horror of a deep cave system — the civic grandeur of Minoan palace architecture and the formal severity of classical Greek design, both consumed and transformed by the living earth of the underworld into something pre-architectural, primordial. Lighting: the soul-candles as ambient cold fill, the Styx window as the sole directional source — the faint blue-silver luminescence of the river casting long horizontal shadows from the throne across the floor toward camera. Cerberus rendered with the conviction of a real animal of its size — the weight of three lion-scale heads, the musculature of a creature bred from nothing natural, fur matted with the particular dampness of a cave creature, three distinct personalities readable in three distinct resting postures. The obsidian throne's mirror surface reflecting a distorted, cold image of the empty room back on itself. Reference: the architectural world-building of God of War's Helheim, John Martin's vast apocalyptic paintings, the cave compositions of Caspar David Friedrich. 8K resolution, photorealistic render, maximum depth of field across the full room depth, the far Styx window in crisp focus against the near darkness of the entrance."
+  video: "The room is still. The soul-candles burn without movement. The Styx surface shifts faintly through the window, its light shifting across the throne. One of Cerberus's sleeping heads twitches — an ear rotation, the involuntary response of a dreaming animal. Then the not-quite-sleeping head opens fully. All three heads rise simultaneously. All six eyes orient in the same direction: not toward the throne, not toward the river, not toward any visible point in the room. Directly at the camera. Camera holds completely static throughout."
+---

content/posts/2026-05-28-the-masquerades-end/index.md

@@ -0,0 +1,26 @@
+---
+title: "The Masquerade's End"
+description: "The invitations were sent, the candles were lit, the musicians played, the masks were worn — and one more guest arrived than was invited, in a costume that required no costume, moving through the ballroom with the unhurried patience of something that has attended every party that ever ended this way."
+date: 2026-05-28T14:00:00+02:00
+author: "valknar"
+featured: false
+categories:
+  - Dark
+  - Gothic
+  - Surrealist
+tags:
+  - Masquerade
+  - Venetian
+  - Edgar Allan Poe
+  - Red Death
+  - Horror
+  - Macabre
+  - Ballroom
+  - Gothic
+slug: the-masquerades-end
+prompt:
+  scene: "A wide, sweeping shot of a grand Venetian palazzo ballroom at the precise moment the Red Death moves through it — captured in the surreal, suspended stillness of every other occupant having simultaneously stopped. The ballroom is magnificent: vaulted ceiling forty feet overhead, enormous chandeliers of Murano glass and a thousand candles each, gilded walls hung with enormous oil paintings in ornate frames, a polished marble floor inlaid with a geometric pattern in black and white. The room is filled with perhaps a hundred masquerade guests in costumes of extraordinary richness and fantasy: plague doctors, harlequins, doges, queens, gods, animals, angels, demons, all wearing Venetian masks in every conceivable form — bauta, moretta, volto, colombina — in gilt, in jewel-set porcelain, in feathered black, in painted ivory. Every one of them is frozen mid-motion: a woman mid-turn, her silk skirts arrested in a full spiral that should not hold; a pair of dancers frozen at the peak of a lift; a man mid-laugh with his wine glass raised; a group of four mid-conversation. None of them is looking at what has just entered their midst. Moving through the frozen crowd, touching nothing and no one, is the Red Death: a tall figure in a robe of deep scarlet that has the texture of something organic, wearing a mask that is not a mask — a face of white bone beneath which the eyes are not eyes. On every frozen figure it has already passed, the porcelain mask has developed a single hairline crack. On the nearest figure — a woman in gold — the crack runs from crown to chin."
+  environment: "The palazzo ballroom exists in full Belle Époque Venetian splendour: the ceiling fresco above the chandeliers depicts the gods of Olympus at a feast, the paint still vivid. Along the walls, floor-to-ceiling mirrors in gilt frames multiply the frozen crowd infinitely in both directions — in every reflection, the perspective shifts, and in some of them the Red Death appears in positions it is not occupying in the actual room, as if time moves differently in the glass. At one end of the room, the orchestra is frozen mid-bar: violinists with bows at mid-stroke, the conductor's arm raised and stopped, a cellist leaning forward over the instrument. The music has not ended — it has simply paused, as if the score has a rest that has lasted longer than any rest should. Long tables along the walls hold the untouched supper: crystal, silver, elaborate centrepieces, candelabras, ice sculptures that are still the forms they were carved into, not yet melted. The tall windows behind the orchestra are shuttered in red silk. Through the cracks in the shutters, just visible: Venice at carnival, torchlit, distant, continuing entirely without awareness of what is happening inside."
+  style: "Edgar Allan Poe's The Masque of the Red Death translated into the visual language of Venetian Golden Age painting and Kubrick's compositional control — the palatial grandeur of Tiepolo's ceiling frescoes and Veronese's feast paintings, the formal ceremonial horror of Kubrick's Eyes Wide Shut ballroom sequence, and the supernatural dread of the best Poe adaptation work, all unified in a photorealistic render at maximum atmospheric intensity. The frozen crowd rendered with the hyperreal stasis of a Francis Bacon figure — human form under the extreme pressure of supernatural intervention, fabric and posture locked in positions that physics alone could not maintain. The Red Death as the compositional void around which everything else organises: the eye moves to it despite the overwhelming richness of everything surrounding it, because it is the only figure that is not wrong. The porcelain mask cracks rendered with the precision of a conservation scientist: fine as a spider's thread, catching the candlelight as a white line against the painted porcelain. Lighting: a thousand candles from above as the warm ambient, cold from the mirror reflections as a slightly bluer secondary, the Red Death emitting a near-imperceptible cold light of its own — barely visible, only registering in the shadows it casts. 8K resolution, wide anamorphic lens, deep focus across the full ballroom depth."
+  video: "The candles burn. No music. The frozen crowd maintains every impossible posture without strain. The Red Death moves — slowly, deliberately — between two groups of frozen revellers. As it passes the nearest figure, the hairline crack on her porcelain mask spreads — silently, like frost on glass — from the chin downward across the cheek. The mask does not fall. The Red Death stops. It turns its head — slowly — and faces the camera directly. It has not moved for the rest of the video. Camera holds completely static throughout."
+---

content/posts/2026-05-28-the-plague-doctors-round/index.md

@@ -0,0 +1,25 @@
+---
+title: "The Plague Doctor's Round"
+description: "He makes his rounds at three in the morning, when the city has finally stopped pretending — lantern in one hand, cane in the other, the beak of his mask packed with dried flowers that no longer help anyone, moving through a city that has surrendered to him completely."
+date: 2026-05-28T12:00:00+02:00
+author: "valknar"
+featured: false
+categories:
+  - Dark
+  - Historical
+tags:
+  - Plague Doctor
+  - Medieval
+  - Fog
+  - Cobblestone
+  - Macabre
+  - Black Death
+  - Night
+  - Atmospheric
+slug: the-plague-doctors-round
+prompt:
+  scene: "A lone plague doctor moves through the absolute centre of a fog-drowned medieval street, captured in a long, cinematic shot that places him small against the vast, crushing architecture of a city that has closed around him. He wears the full canonical plague doctor ensemble with hyper-realistic fidelity: a long waxed leather coat the colour of dried blood, black leather gloves to the elbow, a wide-brimmed hat, and the beak mask — long, curved, ominous, the leather cracked and stained from years of use, the eye-pieces dark amber glass that reflects the lantern light without revealing anything within. In his left hand, a wrought iron lantern with a small, steady candle flame — the only warm light source on the street — casting a moving circle of amber barely two metres in any direction. In his right hand, a long wooden cane with a brass tip, which he uses neither for support nor for pointing: he simply carries it, as he always has. His posture is neither hurried nor hesitant. He moves with the particular gait of someone who has been doing this for so long that purpose and resignation have become indistinguishable."
+  environment: "A medieval European city street at three in the morning — a narrow, close-packed canyon of half-timbered buildings leaning toward each other overhead, their upper storeys almost touching, their facades dark and sealed. Every window is shuttered. Every door is closed. On a dozen of those doors, visible as he passes, a red cross — some freshly painted, some weeks old and fading. The cobblestones are wet from recent rain, catching the lantern light in small, irregular reflections. Fog sits low and heavy, dense enough at street level to swallow his feet entirely, reducing him to a coat and hat and beak floating above a white floor. Further down the street — thirty metres, fifty — the fog thickens until the buildings dissolve into grey nothing. A cat sits on a windowsill, watching him pass, absolutely still. At the far edge of visibility, the silhouette of a church spire against a sky that offers no stars and no moon. Somewhere distant, a bell tolling a single note — not the hour, just a bell that has been ringing all night and has not been stopped because there is no one left to stop it."
+  style: "Dutch Golden Age night-scene painting translated into photorealistic cinema — the lantern-lit darkness of Rembrandt's The Night Watch, the claustrophobic medieval streetscapes of Pieter Bruegel the Elder, the fog-choked atmosphere of a Gustave Doré engraving, all rendered with the narrative weight of a Werner Herzog film. Single-source lantern lighting as the entire visual key: warm amber in a tight radius, the rest of the scene in deep, textured darkness ranging from near-black to the diffuse grey-white of the fog layer. The plague doctor rendered with absolute material fidelity: cracked waxed leather, tarnished brass, the slight condensation on the amber glass eyepieces. Colour grade: near-monochrome, dominated by cold greys and blacks, the lantern's amber flame the only warm chromatic event in the entire frame. The cobblestones rendered wet and individually textured, each one reflecting a miniature lantern. 8K resolution, photorealistic render, anamorphic lens with compressed depth perspective emphasising the tunnel-like quality of the street."
+  video: "He walks. The lantern swings slightly in his hand, sending shadows rocking across the wet cobblestones and the building faces. He stops. He tilts the beak mask slightly upward — the posture of listening. Total silence. He does not move for a long moment. Then he continues walking, the lantern swinging again, the shadows rocking. A window shutter on the first floor closes, very slowly, as he passes. He does not look up. Camera holds completely static throughout."
+---

content/posts/2026-09-13-the-ashen-choir/index.md

@@ -0,0 +1,24 @@
+---
+title: "The Ashen Choir"
+description: "A masked opera choir stands frozen mid-hymn in a burning gothic theatre, embers drifting through gilded ruin like slow snow as the final note refuses to end."
+date: 2026-09-13T12:00:00+02:00
+author: "valknar"
+featured: false
+categories:
+  - Dark
+  - Surrealist
+tags:
+  - Opera
+  - Fire
+  - Masks
+  - Choir
+  - Gothic Theatre
+  - Embers
+  - Macabre
+slug: the-ashen-choir
+prompt:
+  scene: "A row of eight robed choir singers stands motionless on the stage of a grand, burning opera house, mouths open mid-note beneath featureless white porcelain masks with delicate gold cracks like veins of gilding. Wide symmetrical shot from the center of the empty stalls, looking directly at the stage. Their robes are charcoal-black velvet trimmed in tarnished gold, hems smoldering at the edges without being consumed. Behind them, the stage curtains burn in slow, silent sheets of orange flame that cast no visible smoke, embers rising instead of falling, drifting upward past the proscenium arch like a reverse snowfall. Sheet music on brass stands in front of each singer curls and blackens at the corners but remains legible. At the center, one singer — taller than the rest — has tilted their masked head back, chin lifted, as if holding an impossibly long final note."
+  environment: "The gilded interior of a 19th-century gothic opera house mid-collapse. Tiered balconies rise on either side, red velvet seats smoldering, gold leaf detailing blistering and curling from the heat. A vast crystal chandelier hangs precariously overhead, half its candles still lit, crystals chiming faintly as the structure shifts. Frescoed ceiling panels depicting weeping muses are scorched at the edges, paint bubbling. Ash and embers drift continuously upward through the auditorium air, catching the footlights' glow. The grand proscenium arch is carved with skeletal cherubs, several of which have cracked and fallen into the orchestra pit below, now empty of musicians."
+  style: "Surrealist gothic theatre horror, painted with the operatic grandeur of a Phantom-of-the-Opera production set ablaze. Rich, saturated palette of deep crimson, black, and molten gold, embers rendered as glowing particulate catching every light source. Reverse-gravity ash and ember physics rendered with total photorealistic conviction despite the impossibility. Hyper-detailed textures: cracked porcelain masks, singed velvet nap, bubbling gold leaf, crystalline chandelier refractions. 8K cinematic render, dramatic underlighting from the footlights, painterly Baroque composition, a stillness that feels suspended mid-collapse rather than static."
+  video: "Embers rise continuously and thickly past the singers in a dense reverse-snowfall, filling the air. The burning curtains behind them ripple and unfurl in constant shifting sheets of flame. The chandelier swings visibly overhead, its crystals chiming and catching the firelight. All eight singers' masked heads tilt further back, shoulders rising and falling visibly as the note builds and holds. Sparks scatter and drift upward continuously from the smoldering seats below. Camera holds static throughout, but everything within the frame moves continuously."
+---

content/posts/2026-09-13-the-clockwork-confessor/index.md

@@ -0,0 +1,24 @@
+---
+title: "The Clockwork Confessor"
+description: "A towering brass automaton priest hears confession in a gaslit cathedral, its porcelain saint's mask cracked, gears turning beneath tarnished metal as candlelight gutters through the nave."
+date: 2026-09-13T10:00:00+02:00
+author: "valknar"
+featured: true
+categories:
+  - Dark
+  - Steampunk
+tags:
+  - Automaton
+  - Clockwork
+  - Cathedral
+  - Confession
+  - Brass
+  - Gothic
+  - Inquisition
+slug: the-clockwork-confessor
+prompt:
+  scene: "A towering brass-and-iron automaton priest kneels within an ornate confessional booth of black oak and wrought iron, half-hidden behind a velvet curtain torn at the hem. Full-figure, three-quarter shot from within the confessional's opposite side, looking through the wooden lattice screen. The automaton's body is a masterwork of exposed clockwork: articulated brass ribs housing spinning escapements, a chest cavity where a slow pendulum swings behind smoked glass, tarnished copper tubing running along both arms venting faint puffs of steam with every mechanical breath. Its hands, folded in a gesture of benediction, are long articulated fingers of blackened steel ending in delicate porcelain fingertips. Its face is a cracked porcelain mask shaped into the serene, downturned features of a saint — one long fissure running from brow to jaw, revealing a single glowing amber optic lens beneath. It holds an ancient leather-bound book, pages fluttering slightly though there is no wind. The mask tilts slowly toward the lattice, listening."
+  environment: "The interior of a vast, decaying Gothic cathedral repurposed as a clockwork sanctuary. Soaring ribbed vaults disappear into darkness overhead, hung with rusted gears the size of cartwheels suspended on chains, turning almost imperceptibly in unison with some unseen mechanism. Rows of empty pews stretch into gloom, dust thick on every surface, candlewax pooled in ancient drifts along the aisle. Stained-glass windows depict saints rendered as machines — halos of gear teeth, wings of articulated brass feathers — filtering fractured amber and blue light across the stone floor. A single overturned prayer kneeler lies near the confessional. Somewhere unseen, a great pendulum clock ticks, its sound echoing through the nave like a heartbeat the building cannot stop."
+  style: "Dark steampunk gothic realism. The visual language of Guillermo del Toro's cathedral interiors fused with Jean-Pierre Jeunet's warm-brass mechanical detailing. Chiaroscuro lighting: deep cathedral shadow pierced by shafts of dusty amber candlelight and cold blue stained-glass spill. Hyper-realistic material rendering — oxidised copper, oil-black iron, cracked antique porcelain with fine craquelure, aged velvet with worn nap. 8K photorealistic render, subtle film grain, anamorphic lens flare where light catches brass edges, painterly gothic composition reminiscent of Baroque religious portraiture."
+  video: "The suspended gears overhead rotate visibly and continuously, their brass teeth catching shifting light. Thick steam billows rhythmically from the automaton's neck vents in visible bursts. The automaton visibly turns its head upward toward the gears, then lowers it back to the book, the crack in its mask glinting as it moves. Its brass fingers turn a page of the open book. Candlelight flickers and dances across every surface, casting moving shadows. Camera holds static throughout, but everything within the frame moves continuously."
+---

hugo.toml

@@ -1,5 +1,5 @@
 baseURL = "https://pivoine.art/"
-languageCode = "en-us"
+locale = "en-US"
 title = "Pivoine"
 copyright = "© 2026 Pivoine Editorial"
 
@@ -57,6 +57,18 @@ weight = 1
 name = "Imprint"
 url = "/imprint/"
 weight = 2
+[[menus.footer]]
+name = "Dev"
+url = "https://dev.pivoine.art"
+weight = 3
+[[menus.footer]]
+name = "Bar"
+url = "https://bar.pivoine.art"
+weight = 4
+[[menus.footer]]
+name = "Roux"
+url = "https://roux.pivoine.art"
+weight = 5
 
 [markup.goldmark.renderer]
 unsafe = true
@@ -67,3 +79,6 @@ noClasses = true
 
 [build]
 writeStats = true
+
+[security.exec]
+allow = ['^(dart-)?sass$', '^go$', '^git$', '^node$', '^npx$', '^tailwindcss$']

layouts/_default/baseof.html

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="{{ .Site.LanguageCode }}" class="scroll-smooth">
+<html lang="{{ .Site.Language.Locale }}" class="scroll-smooth">
   <head>
     {{- partial "head.html" . -}}
   </head>

layouts/_default/single.html

@@ -1,7 +1,7 @@
 {{- define "main" -}}
   <!-- Page header -->
   <header class="gutter-x pt-36 pb-16 border-b border-mist">
-    <div class="max-w-3xl">
+    <div class="max-w-2xl">
       <h1 class="font-display text-5xl md:text-7xl text-paper text-balance mb-5">{{ .Title }}</h1>
       {{- with .Description -}}
         <p class="text-chalk text-xl leading-relaxed text-pretty">{{ . }}</p>

layouts/index.html

@@ -8,9 +8,9 @@
   <!-- ── HERO ──────────────────────────────────────────────────── -->
   {{- with $hero -}}
     <section class="relative min-h-screen flex items-end overflow-hidden noise">
-      <!-- Background media — bundle banner.png first, fallback to front matter -->
+      <!-- Background media — bundle banner.png → 01.png → front matter -->
       {{- $heroBanner := .Resources.GetMatch "banner.png" -}}
-      {{- if not $heroBanner -}}{{- $heroBanner = .Resources.GetMatch "banner.*" -}}{{- end -}}
+      {{- if not $heroBanner -}}{{- $heroBanner = .Resources.GetMatch "01.png" -}}{{- end -}}
       {{- if $heroBanner -}}
         <div class="absolute inset-0">
           {{- partial "img.html" (dict "res" $heroBanner "widths" (slice 1200 1920 2560) "sizes" "100vw" "class" "w-full h-full object-cover" "alt" "" "loading" "eager") -}}
@@ -40,7 +40,7 @@
           <div class="flex flex-wrap items-center gap-3 mb-6">
             <span class="badge badge-pulse">Featured Drop</span>
             {{- with .Params.categories -}}
-              {{- range first 1 . -}}
+              {{- range . -}}
                 <a href="/categories/{{ . | urlize }}/" class="badge badge-outline">{{ . }}</a>
               {{- end -}}
             {{- end -}}
@@ -130,12 +130,12 @@
     </div>
 
     <div class="relative z-10 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-5">
-      {{- range first 8 $latest -}}
+      {{- range first 4 $latest -}}
         {{- partial "post-card.html" . -}}
       {{- end -}}
     </div>
 
-    {{- if gt (len $latest) 8 -}}
+    {{- if gt (len $latest) 4 -}}
       <div class="relative z-10 mt-14 text-center">
         <a href="/posts/" class="btn btn-outline"
           >View All {{ len $posts }} Posts {{ partial "icon.html" "arrow-right" }}</a

layouts/partials/author-card.html

@@ -33,7 +33,7 @@
       {{ .Params.name | default .Title }}
     </a>
     {{- with .Params.bio -}}
-      <p class="text-fog text-sm leading-relaxed line-clamp-2 font-body">{{ . }}</p>
+      <p class="text-fog text-md leading-relaxed line-clamp-2 font-body">{{ . }}</p>
     {{- end -}}
   </div>
 </div>

layouts/partials/footer.html

@@ -23,7 +23,18 @@
       <ul class="flex flex-wrap gap-x-8 gap-y-4">
         {{- range .Site.Menus.footer -}}
           <li>
+            {{- if hasPrefix .URL "http" -}}
+              <a
+                href="{{ .URL }}"
+                target="_blank"
+                rel="noopener"
+                class="label text-fog hover:text-heat transition-colors"
+              >
+                {{- .Name -}}{{ partial "icon.html" "arrow-external" }}
+              </a>
+            {{- else -}}
               <a href="{{ .URL }}" class="label text-fog hover:text-heat transition-colors">{{ .Name }}</a>
+            {{- end -}}
           </li>
         {{- end -}}
         {{- with .Site.Params.social -}}

layouts/partials/head.html

@@ -39,7 +39,7 @@
 />
 <meta property="og:url" content="{{ .Permalink }}" />
 <meta property="og:type" content="{{ if .IsPage }}article{{ else }}website{{ end }}" />
-<meta property="og:locale" content="{{ .Site.LanguageCode | default "en_US" | replaceRE "-" "_" }}" />
+<meta property="og:locale" content="{{ .Site.Language.Locale | default "en_US" | replaceRE "-" "_" }}" />
 {{- $ogImage := .Site.Params.ogImage -}}
 {{- $ogImageAlt := .Site.Title -}}
 {{- with .Params.banner -}}
@@ -112,8 +112,8 @@
     href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Share+Tech+Mono&display=swap"
 /></noscript>
 
-<!-- CSS via Hugo Pipes + PostCSS + Tailwind v4 -->
+<!-- CSS via Hugo Pipes + Tailwind v4 (native css.TailwindCSS, no PostCSS) -->
-{{- $css := resources.Get "css/main.css" | css.PostCSS -}}
+{{- $css := resources.Get "css/main.css" | css.TailwindCSS -}}
 {{- if eq hugo.Environment "production" -}}
   {{- $css = $css | minify | fingerprint "sha256" -}}
 {{- end -}}

layouts/partials/post-card.html

@@ -25,7 +25,7 @@
     <!-- Category badge — parallelogram -->
     {{- with $post.Params.categories -}}
       <div class="flex flex-wrap gap-2 px-4 pt-4">
-        {{- range first 1 . -}}
+        {{- range . -}}
           <span class="badge">{{ . }}</span>
         {{- end -}}
       </div>

layouts/posts/single.html

@@ -10,7 +10,8 @@
 {{- define "main" -}}
 
   <!-- ── ARTICLE HEADER ────────────────────────────────────────── -->
-  <header class="gutter-x pt-36 pb-12 max-w-5xl mx-auto relative overflow-hidden">
+  <header class="gutter-x pt-36 pb-12 relative overflow-hidden">
+    <div class="max-w-5xl mx-auto">
       <!-- Faded decorative category text -->
       {{- with index .Params.categories 0 -}}
         <div
@@ -55,37 +56,47 @@
       {{- end -}}
 
 
-    <!-- Date + reading info -->
+      <!-- Date -->
-    <div class="flex flex-wrap items-center gap-6">
       <time class="label text-fog" datetime="{{ .Date.Format "2006-01-02" }}">
         {{- .Date.Format "January 2, 2006" -}}
       </time>
-      {{- $imgCount  := len (.Resources.Match "[0-9]*.png") -}}
-      {{- $itemCount := $imgCount -}}
-      {{- if and (eq $imgCount 0) .Params.items -}}{{- $itemCount = len .Params.items -}}{{- end -}}
-      {{- if gt $itemCount 0 -}}
-        <span class="label text-fog">{{ $itemCount }} {{ if eq $itemCount 1 }}Work{{ else }}Works{{ end }}</span>
-      {{- end -}}
     </div>
   </header>
 
   <!-- ── GRADIENT DIVIDER ──────────────────────────────────────── -->
   <div class="gradient-line mb-0"></div>
 
-  <!-- ── BANNER MEDIA — bundle banner.png → 01.png → .Params.banner ── -->
+  <!-- ── BANNER MEDIA — video if available, lightbox on click ──── -->
   {{- $bannerImg := .Resources.GetMatch "banner.png" -}}
   {{- if not $bannerImg -}}{{- $bannerImg = .Resources.GetMatch "01.png" -}}{{- end -}}
   {{- if $bannerImg -}}
-    <div class="w-full overflow-hidden mb-16 md:mb-24" style="height: clamp(320px, 60vh, 75vh)">
+    {{- $stem       := $bannerImg.Name | strings.TrimSuffix ".png" -}}
-      {{- partial "img.html" (dict "res" $bannerImg "widths" (slice 1200 1800) "sizes" "100vw" "class" "w-full h-full object-cover object-center" "alt" .Title "loading" "eager") -}}
+    {{- $bannerVid  := $.Resources.GetMatch (printf "%s.mp4" $stem) -}}
-    </div>
+    {{- $webp       := $bannerImg.Resize "1200x webp" -}}
-  {{- else -}}
+    {{- $lbItems    := slice (dict "img" $webp.RelPermalink "video" "") -}}
-    {{- with .Params.banner -}}
+    {{- if $bannerVid -}}
-      <div class="w-full overflow-hidden mb-16 md:mb-24" style="height: clamp(320px, 60vh, 75vh)">
+      {{- $lbItems = $lbItems | append (dict "img" $webp.RelPermalink "video" $bannerVid.RelPermalink) -}}
-        {{- partial "media.html" (dict "media" . "class" "w-full h-full object-cover object-center" "lazy" false) -}}
-      </div>
     {{- end -}}
-
+    <div
+      class="w-full overflow-hidden mb-16 md:mb-24 cursor-zoom-in"
+      style="height: clamp(320px, 60vh, 75vh)"
+      x-data="{ items: {{ $lbItems | jsonify }} }"
+      @click="$dispatch('lightbox:open', { items, idx: 0 })"
+    >
+      {{- if $bannerVid -}}
+        <video
+          class="w-full h-full object-cover object-center pointer-events-none"
+          src="{{ $bannerVid.RelPermalink }}"
+          poster="{{ $bannerImg.RelPermalink }}"
+          autoplay
+          loop
+          muted
+          playsinline
+        ></video>
+      {{- else -}}
+        {{- partial "img.html" (dict "res" $bannerImg "widths" (slice 1200 1800) "sizes" "100vw" "class" "w-full h-full object-cover object-center pointer-events-none" "alt" .Title "loading" "eager") -}}
+      {{- end -}}
+    </div>
   {{- end -}}
 
 
@@ -134,105 +145,16 @@
   {{- end -}}
 -->
 
-  <!-- ── GALLERY ───────────────────────────────────────────────── -->
-  {{- $bundleImages := .Resources.Match "[0-9]*.png" -}}
-  {{- $legacyItems  := slice -}}
-  {{- with .Params.items -}}{{- $legacyItems = . -}}{{- end -}}
-  {{- if or $bundleImages $legacyItems -}}
-    <section class="gutter-x pb-24 md:pb-32" aria-label="Gallery">
-      <div class="max-w-5xl mx-auto">
-        {{- if $bundleImages -}}
-          {{- /* Pre-compute lightbox items so Alpine gets a static JSON array */ -}}
-          {{- $lbItems := slice -}}
-          {{- range $bundleImages -}}
-            {{- $stem  := .Name | strings.TrimSuffix ".png" -}}
-            {{- $video := $.Resources.GetMatch (printf "%s.mp4" $stem) -}}
-            {{- $webp  := .Resize "1200x webp" -}}
-            {{- $entry := dict "img" $webp.RelPermalink "video" "" -}}
-            {{- if $video -}}{{- $entry = dict "img" $webp.RelPermalink "video" $video.RelPermalink -}}{{- end -}}
-            {{- $lbItems = $lbItems | append $entry -}}
-          {{- end -}}
-
-
-          <div x-data="{ items: {{ $lbItems | jsonify }} }">
-            <div class="flex items-center gap-5 mb-10">
-              <span class="badge badge-gradient">Gallery</span>
-              <span class="label text-fog"
-                >{{ len $bundleImages }} {{ if eq (len $bundleImages) 1 }}work{{ else }}works{{ end }}</span
-              >
-              <div class="flex-1 gradient-line ml-2"></div>
-            </div>
-
-            <div class="columns-1 sm:columns-2 lg:columns-3 gap-5 space-y-5">
-              {{- range $i, $img := $bundleImages -}}
-                {{- $stem  := $img.Name | strings.TrimSuffix ".png" -}}
-                {{- $video := $.Resources.GetMatch (printf "%s.mp4" $stem) -}}
-                <figure
-                  class="break-inside-avoid group card-comic cursor-zoom-in"
-                  @click="$dispatch('lightbox:open', { items, idx: {{ $i }} })"
-                >
-                  <div class="card-media min-h-48">
-                    {{- if $video -}}
-                      <video
-                        class="w-full pointer-events-none"
-                        src="{{ $video.RelPermalink }}"
-                        poster="{{ $img.RelPermalink }}"
-                        autoplay
-                        loop
-                        muted
-                        playsinline
-                      ></video>
-                    {{- else -}}
-                      {{- partial "img.html" (dict "res" $img "widths" (slice 800 1200) "sizes" "(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" "class" "w-full pointer-events-none") -}}
-                    {{- end -}}
-                  </div>
-                </figure>
-              {{- end -}}
-            </div>
-          </div>
-        {{- else -}}
-          <!-- Legacy front-matter items -->
-          <div class="flex items-center gap-5 mb-10">
-            <span class="badge badge-gradient">Gallery</span>
-            <span class="label text-fog"
-              >{{ len $legacyItems }} {{ if eq (len $legacyItems) 1 }}work{{ else }}works{{ end }}</span
-            >
-            <div class="flex-1 gradient-line ml-2"></div>
-          </div>
-          <div x-data="{ selected: null }" class="columns-1 sm:columns-2 lg:columns-3 gap-5 space-y-5">
-            {{- range $i, $item := $legacyItems -}}
-              <figure
-                class="break-inside-avoid group cursor-pointer card-comic"
-                @click="selected = selected === {{ $i }} ? null : {{ $i }}"
-              >
-                <div class="card-media">
-                  {{- partial "media.html" (dict "media" $item "class" "w-full") -}}
-                </div>
-                {{- with $item.description -}}
-                  <figcaption
-                    class="px-4 py-3 text-fog text-sm leading-relaxed font-body transition-colors group-hover:text-chalk"
-                  >
-                    {{ . }}
-                  </figcaption>
-                {{- end -}}
-              </figure>
-            {{- end -}}
-          </div>
-        {{- end -}}
-
-      </div>
-    </section>
-  {{- end -}}
-
-
   <!-- ── TAGS ─────────────────────────────────────────────────── -->
   {{- with .Params.tags -}}
     <footer class="gutter-x border-t border-zinc pt-10 pb-20">
-      <div class="max-w-5xl mx-auto flex flex-wrap gap-3 items-center">
+      <div class="max-w-5xl mx-auto flex no-wrap gap-3 items-start">
         <span class="label text-fog">Tagged:</span>
+        <span class="flex flex-wrap gap-3">
           {{- range . -}}
             <a href="/tags/{{ . | urlize }}/" class="badge badge-outline"># {{ . }}</a>
           {{- end -}}
+        </span>
       </div>
     </footer>
   {{- end -}}

nginx.conf

@@ -10,6 +10,11 @@ server {
     gzip_min_length 1024;
     gzip_types text/plain text/css text/xml text/javascript application/javascript application/xml application/json application/rss+xml image/svg+xml;
 
+    open_file_cache          max=1000 inactive=30s;
+    open_file_cache_valid    60s;
+    open_file_cache_min_uses 2;
+    open_file_cache_errors   on;
+
     # Security headers
     add_header X-Frame-Options "SAMEORIGIN" always;
     add_header X-Content-Type-Options "nosniff" always;

package.json

@@ -9,10 +9,7 @@
     "format:check": "prettier --check \"layouts/**/*.html\" \"assets/**/*.css\" \"assets/**/*.js\" \"content/**/*.md\" \"*.toml\""
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.0.0",
+    "@tailwindcss/cli": "^4.0.0",
-    "autoprefixer": "^10.4.0",
-    "postcss": "^8.5.0",
-    "postcss-cli": "^11.0.0",
     "prettier": "^3.8.3",
     "prettier-plugin-go-template": "^0.0.15",
     "prettier-plugin-toml": "^2.0.6",

pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+preferSymlinkedExecutables: true
+allowBuilds:
+  '@parcel/watcher': true

postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    "@tailwindcss/postcss": {},
-    autoprefixer: {},
-  },
-};

scripts/create-video.sh

@@ -0,0 +1,233 @@
+#!/bin/sh
+# Generate a post's banner video (01.mp4) and preview image (01.png) via
+# the Replicate black-forest-labs/flux-3 text-to-video model, using the
+# prompt.{scene,environment,style,video} fields already present in the
+# post's frontmatter.
+#
+# Usage:
+#   sh scripts/create-video.sh <path-to-post-dir-or-index.md> [--force] [--dry-run]
+#
+# Requires: REPLICATE_API_TOKEN exported in the environment.
+#
+# Video settings (matching every existing post's square/silent convention,
+# just at higher resolution): 1:1 aspect ratio, 1080p, 5s, no audio.
+
+set -e
+
+print_usage() {
+  echo "Usage: sh scripts/create-video.sh <post-dir-or-index.md> [options]"
+  echo ""
+  echo "Generates a post's banner video (01.mp4) via the Replicate flux-3"
+  echo "text-to-video model, using that post's prompt.{scene,environment,style,video}"
+  echo "frontmatter fields, then extracts the first frame as 01.png."
+  echo ""
+  echo "Arguments:"
+  echo "  <post-dir-or-index.md>   Path to content/posts/<slug>/ or its index.md"
+  echo ""
+  echo "Options:"
+  echo "  -f, --force     Overwrite existing 01.mp4 / 01.png"
+  echo "  --dry-run       Print the constructed prompt and request JSON, make no API call"
+  echo "  -h, --help      Show this help"
+  echo ""
+  echo "Requires REPLICATE_API_TOKEN to be exported in the environment."
+}
+
+FORCE=0
+DRY_RUN=0
+POST_ARG=""
+
+for arg in "$@"; do
+  case "$arg" in
+    -f|--force) FORCE=1 ;;
+    --dry-run) DRY_RUN=1 ;;
+    -h|--help) print_usage; exit 0 ;;
+    -*)
+      echo "Unknown option: $arg" >&2
+      exit 1
+      ;;
+    *) POST_ARG="$arg" ;;
+  esac
+done
+
+if [ -z "$POST_ARG" ]; then
+  print_usage >&2
+  exit 1
+fi
+
+if [ -d "$POST_ARG" ]; then
+  BUNDLE_DIR="${POST_ARG%/}"
+  INDEX_MD="$BUNDLE_DIR/index.md"
+else
+  INDEX_MD="$POST_ARG"
+  BUNDLE_DIR=$(dirname "$POST_ARG")
+fi
+
+if [ ! -f "$INDEX_MD" ]; then
+  echo "Error: $INDEX_MD not found" >&2
+  exit 1
+fi
+
+if [ -z "$REPLICATE_API_TOKEN" ]; then
+  echo "Error: REPLICATE_API_TOKEN is not set in your environment." >&2
+  echo "Export it before running this script, e.g.:" >&2
+  echo "  export REPLICATE_API_TOKEN=r8_..." >&2
+  exit 1
+fi
+
+DEST_MP4="$BUNDLE_DIR/01.mp4"
+DEST_PNG="$BUNDLE_DIR/01.png"
+
+if [ "$FORCE" -ne 1 ]; then
+  if [ -e "$DEST_MP4" ]; then
+    echo "Error: $DEST_MP4 already exists (use --force to overwrite)" >&2
+    exit 1
+  fi
+  if [ -e "$DEST_PNG" ]; then
+    echo "Error: $DEST_PNG already exists (use --force to overwrite)" >&2
+    exit 1
+  fi
+fi
+
+PROMPT_JSON=$(yq --front-matter=extract -o=json '.prompt' "$INDEX_MD")
+
+if [ "$PROMPT_JSON" = "null" ] || [ -z "$PROMPT_JSON" ]; then
+  echo "Error: $INDEX_MD has no prompt.* fields in its frontmatter" >&2
+  exit 1
+fi
+
+SCENE=$(printf '%s' "$PROMPT_JSON" | jq -r '.scene // empty')
+ENVIRONMENT=$(printf '%s' "$PROMPT_JSON" | jq -r '.environment // empty')
+STYLE=$(printf '%s' "$PROMPT_JSON" | jq -r '.style // empty')
+VIDEO=$(printf '%s' "$PROMPT_JSON" | jq -r '.video // empty')
+
+if [ -z "$SCENE" ]; then
+  echo "Error: prompt.scene is missing/empty in $INDEX_MD" >&2
+  exit 1
+fi
+if [ -z "$ENVIRONMENT" ]; then
+  echo "Error: prompt.environment is missing/empty in $INDEX_MD" >&2
+  exit 1
+fi
+if [ -z "$STYLE" ]; then
+  echo "Error: prompt.style is missing/empty in $INDEX_MD" >&2
+  exit 1
+fi
+if [ -z "$VIDEO" ]; then
+  echo "Error: prompt.video is missing/empty in $INDEX_MD" >&2
+  exit 1
+fi
+
+SLUG=$(yq --front-matter=extract '.slug' "$INDEX_MD")
+echo "▶ ${SLUG:-$(basename "$BUNDLE_DIR")}: building prompt from frontmatter"
+
+PROMPT="${SCENE} ${ENVIRONMENT} ${STYLE} ${VIDEO}"
+
+INPUT_JSON=$(jq -n \
+  --arg prompt "$PROMPT" \
+  --arg duration "5" \
+  --arg resolution "1080p" \
+  --arg aspect_ratio "1:1" \
+  '{
+    input: {
+      prompt: $prompt,
+      images: [],
+      duration: $duration,
+      resolution: $resolution,
+      aspect_ratio: $aspect_ratio,
+      generate_audio: false
+    }
+  }')
+
+if [ "$DRY_RUN" -eq 1 ]; then
+  echo "--- Constructed prompt ---"
+  echo "$PROMPT"
+  echo "--- Request body ---"
+  echo "$INPUT_JSON" | jq .
+  echo "(dry run — no API call made)"
+  exit 0
+fi
+
+echo "▶ Submitting generation request to Replicate (flux-3)..."
+CREATE_RESPONSE=$(curl -sS \
+  -X POST \
+  -H "Authorization: Bearer $REPLICATE_API_TOKEN" \
+  -H "Content-Type: application/json" \
+  -H "Prefer: wait=60" \
+  -d "$INPUT_JSON" \
+  https://api.replicate.com/v1/models/black-forest-labs/flux-3/predictions \
+  -w '\n%{http_code}')
+
+HTTP_CODE=$(printf '%s' "$CREATE_RESPONSE" | tail -n1)
+BODY=$(printf '%s' "$CREATE_RESPONSE" | sed '$d')
+
+case "$HTTP_CODE" in
+  2??) : ;;
+  *)
+    echo "Error: Replicate API returned HTTP $HTTP_CODE" >&2
+    echo "$BODY" | jq -r '.detail // .error // .' >&2
+    exit 1
+    ;;
+esac
+
+STATUS=$(printf '%s' "$BODY" | jq -r '.status')
+GET_URL=$(printf '%s' "$BODY" | jq -r '.urls.get')
+PREDICTION_ID=$(printf '%s' "$BODY" | jq -r '.id')
+POLL_BODY="$BODY"
+
+if [ -z "$GET_URL" ] || [ "$GET_URL" = "null" ]; then
+  echo "Error: unexpected response from Replicate (no urls.get):" >&2
+  echo "$BODY" >&2
+  exit 1
+fi
+
+POLL_INTERVAL=5
+MAX_WAIT=600
+ELAPSED=0
+
+while :; do
+  case "$STATUS" in
+    succeeded) break ;;
+    failed|canceled)
+      ERR=$(printf '%s' "$POLL_BODY" | jq -r '.error // "unknown error"')
+      echo "Error: prediction $STATUS: $ERR" >&2
+      exit 1
+      ;;
+  esac
+
+  if [ "$ELAPSED" -ge "$MAX_WAIT" ]; then
+    echo "Error: timed out after ${MAX_WAIT}s waiting on prediction $PREDICTION_ID" >&2
+    echo "Check status manually: curl -H \"Authorization: Bearer \$REPLICATE_API_TOKEN\" $GET_URL" >&2
+    exit 1
+  fi
+
+  sleep "$POLL_INTERVAL"
+  ELAPSED=$((ELAPSED + POLL_INTERVAL))
+
+  POLL_BODY=$(curl -sS -H "Authorization: Bearer $REPLICATE_API_TOKEN" "$GET_URL")
+  STATUS=$(printf '%s' "$POLL_BODY" | jq -r '.status')
+  echo "  … ${ELAPSED}s elapsed, status: $STATUS"
+done
+
+OUTPUT_URL=$(printf '%s' "$POLL_BODY" | jq -r '.output')
+if [ -z "$OUTPUT_URL" ] || [ "$OUTPUT_URL" = "null" ]; then
+  echo "Error: prediction succeeded but no output URL was returned" >&2
+  echo "$POLL_BODY" >&2
+  exit 1
+fi
+
+TMP_DIR=$(mktemp -d "${TMPDIR:-/tmp}/create-video.XXXXXX")
+trap 'rm -rf "$TMP_DIR"' EXIT
+
+TMP_MP4="$TMP_DIR/01.mp4"
+TMP_PNG="$TMP_DIR/01.png"
+
+echo "▶ Downloading generated video..."
+curl -fSL -o "$TMP_MP4" "$OUTPUT_URL"
+
+echo "▶ Extracting first frame as preview PNG..."
+ffmpeg -y -loglevel error -i "$TMP_MP4" -vframes 1 "$TMP_PNG" < /dev/null
+
+mv "$TMP_MP4" "$DEST_MP4"
+mv "$TMP_PNG" "$DEST_PNG"
+
+echo "✓ Wrote $DEST_MP4 and $DEST_PNG"