Cinematic aerial wide shot of a lush tropical volcanic island in the middle of the deep blue ocean, seen from high altitude. Green jagged mountain peaks, dense jungle, a small emerald lake, a curved white sand beach and a bright turquoise lagoon with coral reefs around the shore. Soft golden sunset light from the left, scattered warm clouds around the island, sun glow on the horizon. Photorealistic, ultra detailed, natural colors, shot on a cinema camera, 16:9

The same island, the same golden sunset light and atmosphere. The camera has flown much closer and lower: now we see the jungle-covered mountain slope filling the frame — dense tropical canopy with palm trees, warm mist drifting between the trees, the main rocky peak rising on the left, a glimpse of the turquoise lagoon far below on the left edge. Same time of day, same warm light direction. It must look like a photo taken from the same drone a few seconds later during its descent toward the island. Photorealistic, ultra detailed, 16:9

The same island, the same golden sunset light. The camera has descended low over the shoreline: a calm crystal-clear turquoise and emerald lagoon in the foreground with coral rocks visible under the water, dark volcanic stones along the shore, lush palm trees leaning over the water on the right, the jungle slope and the mountain peak in the background haze. Same warm sunset glow from the left. A photo taken by the same drone continuing the same flight. Photorealistic, ultra detailed, 16:9

The same island coastline, the same golden sunset light. The camera now flies along the wild rocky side of the island: tall dark volcanic cliffs covered with green vegetation on the left, powerful ocean waves crashing against the rocks with white foam and spray, the deep blue open ocean stretching to the horizon on the right, warm sunset glow on the cliff faces, distant clouds. Same continuous drone flight, a few seconds later. Photorealistic, ultra detailed, 16:9

Smooth cinematic aerial drone shot descending toward a tropical island. The camera flies steadily and lower, moving from the wide high-altitude view of the whole island down closer to the jungle-covered mountain slope — green canopy, palm trees and warm mist growing larger as we approach. Warm golden sunset light from the left, calm continuous forward-and-down motion, no cuts. Photorealistic.

Negative prompt: cuts, scene change, camera shake, text, watermark, people, boats

Smooth cinematic drone shot continuing the same flight, now gliding down the jungle slope toward the shoreline. The camera descends low over the water and reveals a calm crystal-clear turquoise and emerald lagoon, coral rocks under the surface, palms leaning over the water. Same warm golden sunset light, same island, steady continuous motion, no cuts. Photorealistic.

Negative prompt: cuts, scene change, camera shake, text, watermark, people, boats

Smooth cinematic drone shot continuing the same flight along the wild rocky side of the island. The camera moves past tall dark volcanic cliffs covered with green vegetation while powerful ocean waves crash against the rocks with white foam and spray, the deep blue open ocean opening up to the horizon. Same warm golden sunset light, steady continuous motion, no cuts. Photorealistic.

Negative prompt: cuts, scene change, camera shake, text, watermark, people, boats

Cinematic wide shot of a dark rocky mountain in the center of the frame against pure black darkness. A muscular man in a ragged loincloth strains to push a giant perfectly round smooth stone sphere up a winding rocky path that zigzags toward the distant summit. He stands behind the sphere, body aligned with the path direction, pushing uphill. Cold dim moonlight from above, thin dark mist, very dark moody atmosphere. The entire scene smoothly dissolves into pure black on the left and right sides — wide soft vignette, the leftmost and rightmost 20% of the frame are almost completely black. Top and bottom also fade softly into darkness. Photorealistic, ultra detailed, 16:9

Same scene, same man, same pose, same camera angle, same lighting and vignette. Three changes: 1) the stone sphere is now made of molten glowing gold — bright veins and cracks of liquid gold, warm golden light radiating from inside, golden reflections on the man's body and the rocks around. 2) A radiant golden star of light shines at the mountain summit. 3) The winding path between the sphere and the summit is sprinkled with small glowing golden particles. Everything else unchanged, dark mood preserved. Photorealistic, 16:9

The exact same photograph, identical camera, identical background — nothing about the scene or camera changes. The ONLY change: the man and the sphere have advanced a few meters (about 3–5 meters) further UP ALONG the winding path, following the path's direction uphill — slightly higher in elevation, slightly deeper into the scene, appearing a little smaller due to perspective. He stands ON the path surface, feet on the rocks, behind the sphere, facing uphill. It must look like a real photo of the same scene taken a minute later. Photorealistic, 16:9

// Сфера не круглая:
Same scene, make the boulder a perfectly round smooth stone sphere, everything else unchanged.

// Персонаж стоит боком, а должен толкать вдоль тропы:
The man is now oriented NATURALLY along the path: he stands BEHIND the sphere relative to the slope, his back angled toward the camera, facing uphill in the direction the path goes — the way a person would really push a heavy boulder up a mountain road. Not sideways, not in profile: his body is aligned with the direction of the path.

// Кадр уплыл — починка двумя референсами (Nano Banana умеет 2 картинки):
Recreate the first image's exact wide framing and camera position. Place the man and the sphere from the second image into it. Everything else identical to the first image. Photorealistic, 16:9

// Хвост «как фотография, не CG»:
shot on ARRI Alexa cinema camera, 35mm anamorphic lens, natural film grain, shallow depth of field, practical lighting, live-action movie still, raw photography, muted natural colors, no CGI look

lock frame, completely static camera, no camera movement. The man and the giant golden sphere stay frozen in exactly the same position for the entire video — the sphere does not roll, the man does not walk, his pose does not change. Only the scene comes alive: the molten gold inside the sphere churns and flows like liquid lava, golden cracks pulse brighter and dimmer in slow waves, sparks rise and drift away in the wind. Mountain wind streams the mist sideways, the man's ragged cloth flutters. The golden light along the path shimmers and ripples, flowing wave-like toward the summit. Dark atmosphere preserved, nothing changes position, no camera movement

Negative prompt: rolling boulder, walking, moving objects, camera movement, zoom, pan, text, watermark

lock frame, completely static camera, the camera does not move, does not zoom, does not pan — the framing stays identical for the entire video. Within the frozen frame, the muscular man slowly and heavily pushes the giant round stone sphere up the winding rocky path, straining with visible effort, step by heavy step, moving gradually from the bottom of the path to the position higher up the slope. Cold moonlight, mist drifting slowly. Dark atmosphere preserved. Photorealistic, steady continuous motion, no cuts

Negative prompt: camera movement, zoom, pan, cuts, scene change, boulder rolling back, text, watermark, extra people

dark cinematic website design hero section moody black gold accents
dark luxury landing page design gold typography minimal
scroll animation website dark cinematic storytelling

Cinematic wide shot of [сцена] in the center of the frame against pure black darkness. [Персонаж и действие]. Cold dim moonlight, thin dark mist, very dark moody atmosphere. The entire scene smoothly dissolves into pure black on the left and right sides — wide soft vignette, the leftmost and rightmost 20% of the frame are almost completely black. Top and bottom also fade softly into darkness. Photorealistic, ultra detailed, 16:9

Same scene, same man, same pose, same camera angle, same lighting and vignette. Three changes: 1) [объект] is now made of molten glowing gold — bright veins and cracks of liquid gold, warm golden light radiating from inside. 2) A radiant golden star of light shines at [цель сцены]. 3) The path between them is sprinkled with small glowing golden particles. Everything else unchanged, dark mood preserved. Photorealistic, 16:9

The exact same photograph, identical camera, identical background — nothing about the scene or camera changes. The ONLY change: [персонаж] has advanced a few meters (about 3–5 meters) further UP ALONG the [путь], following its direction — slightly deeper into the scene, appearing a little smaller due to perspective. It must look like a real photo of the same scene taken a minute later. Photorealistic, 16:9

import cv2, numpy as np

dark = cv2.imread('кадр-тёмный.png')      # опорный
gold = cv2.imread('кадр-золотой.png')     # выравниваемый
if gold.shape != dark.shape:
    gold = cv2.resize(gold, (dark.shape[1], dark.shape[0]), interpolation=cv2.INTER_LANCZOS4)

def grad(img):  # ECC по градиентам: яркость разная, контуры — те же
    g = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY).astype(np.float32)
    m = cv2.magnitude(cv2.Sobel(g,cv2.CV_32F,1,0), cv2.Sobel(g,cv2.CV_32F,0,1))
    return cv2.normalize(m, None, 0, 1, cv2.NORM_MINMAX)

warp = np.eye(2, 3, dtype=np.float32)
crit = (cv2.TERM_CRITERIA_EPS | cv2.TERM_CRITERIA_COUNT, 500, 1e-7)
cc, warp = cv2.findTransformECC(grad(dark), grad(gold), warp, cv2.MOTION_EUCLIDEAN, crit, None, 5)
aligned = cv2.warpAffine(gold, warp, (dark.shape[1], dark.shape[0]),
                         flags=cv2.INTER_LANCZOS4 | cv2.WARP_INVERSE_MAP,
                         borderMode=cv2.BORDER_REPLICATE)
cv2.imwrite('кадр-золотой-выровненный.png', aligned)

ffmpeg -y -sseof -0.05 -i 1-2.mp4 -frames:v 1 end_A.png   # последний кадр А
ffmpeg -y -i 2-3.mp4 -frames:v 1 start_B.png              # первый кадр Б

ffmpeg -i loop.mp4 -filter_complex "[0:v]split[a][b];[b]reverse[r];[a][r]concat=n=2:v=1[out]" \
  -map "[out]" -c:v libx264 -crf 23 -preset slow -pix_fmt yuv420p -movflags +faststart -an reveal.mp4

mkdir -p site/frames
printf "file '%s/1-2.mp4'\nfile '%s/2-3.mp4'\nfile '%s/3-4.mp4'\n" "$PWD" "$PWD" "$PWD" > /tmp/list.txt
ffmpeg -y -f concat -safe 0 -i /tmp/list.txt -c:v libwebp -quality 82 -compression_level 4 -an \
  "site/frames/frame_%04d.webp"

var R = 260;                                  // радиус спотлайта
var mx=-999,my=-999,sx=-999,sy=-999;          // мышь и сглаженная позиция
window.addEventListener('mousemove', e => { mx = e.clientX; my = e.clientY; });
(function tick(t){
  sx += (mx - sx) * 0.1;  sy += (my - sy) * 0.1;   // плавное догоняние курсора
  reveal.style.maskImage = reveal.style.webkitMaskImage =
    'radial-gradient(circle '+R+'px at '+sx+'px '+sy+'px, #fff 40%, ' +
    'rgba(255,255,255,.75) 60%, rgba(255,255,255,.4) 75%, ' +
    'rgba(255,255,255,.12) 88%, transparent 100%)';
  requestAnimationFrame(tick);
})();

// скачать локально:
// curl -sL -o js/gsap.min.js https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js
// curl -sL -o js/ScrollTrigger.min.js https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js

const tl = gsap.timeline({
  defaults: { ease: 'none' },
  scrollTrigger: {
    trigger: '#stage', start: 'top top', end: 'bottom bottom',
    scrub: 0.6, pin: '#viewport', pinSpacing: false, anticipatePin: 1
  }
});
// структура с плато (позиции — доли 0..1):
tl.to(seq, { frame: 96, snap: 'frame', duration: .175, onUpdate: render }, .05);  // полёт
tl.to('#dim',  { opacity: 1, duration: .03 }, .225);                              // затемнение
tl.fromTo('#cap1', { opacity: 0, y: 60 }, { opacity: 1, y: 0, duration: .045 }, .235);
tl.to('#cap1', { opacity: 0, y: -40, duration: .035 }, .325);
tl.to('#dim',  { opacity: 0, duration: .03 }, .33);                               // дальше полёт

/* СВЕТЛЫЙ сайт (остров): multiply затемняет — бумага видна сразу */
body::before { content:''; position:fixed; inset:0; z-index:95; pointer-events:none;
  background:url('textures/paper.jpg'); background-size:1100px auto;
  mix-blend-mode:multiply; opacity:.72; filter:contrast(1.15) brightness(1.07); }
.paperlite { position:fixed; inset:0; z-index:96; pointer-events:none;
  background:url('textures/paper.jpg'); background-size:1100px auto;
  mix-blend-mode:screen; opacity:.18; filter:contrast(1.4); }

/* ТЁМНЫЙ сайт (сизиф): multiply на чёрном НЕ ВИДЕН. Проявлять наоборот —
   screen с инверсией + сильный multiply, чтобы фактура въедалась в белый текст */
#paper { mix-blend-mode:screen; opacity:.85;
  filter:invert(1) grayscale(1) brightness(.5) contrast(1.9) sepia(1) hue-rotate(175deg) saturate(.55); }
#paperlite { mix-blend-mode:multiply; opacity:.85; filter:grayscale(1) contrast(1.6); }

ffmpeg -i base.png -c:v libwebp -quality 90 base.webp
ffmpeg -i in.mp4 -c:v libx264 -crf 23 -preset slow -movflags +faststart -an out.mp4

# PSNR-проверка (≥ 40 dB = неотличимо):
python3 -c "
import cv2, numpy as np
a = cv2.imread('a.png').astype(np.float32); b = cv2.imread('b.webp').astype(np.float32)
print(10*np.log10(255**2/((a-b)**2).mean()), 'dB')"