:root { color-scheme: dark; background: #090b10; color: #f4f1e9; font-family: Arial, Helvetica, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
.stage { position: relative; display: grid; place-items: center; min-height: 100svh; overflow: hidden; isolation: isolate; }
.mirror, .veil { position: absolute; inset: 0; pointer-events: none; }
.mirror { animation: reveal 1.3s ease-out both; }
.shard { position: absolute; overflow: hidden; background: #10131a; }
.shard img { width: 112%; height: 112%; margin: -6%; object-fit: cover; display: block; filter: saturate(.88); }
.veil { background: radial-gradient(ellipse at 50% 49%, rgba(5,8,14,.66) 0%, rgba(5,8,14,.45) 25%, rgba(5,8,14,.10) 64%), linear-gradient(0deg,rgba(5,8,14,.14),rgba(5,8,14,.08)); }
h1 { z-index: 1; margin: 0; padding: 60px 16px; text-align: center; font-size: clamp(64px, 9.3vw, 360px); line-height: .82; font-weight: 800; letter-spacing: -.065em; text-shadow: 0 3px 35px rgba(0,0,0,.45); animation: title-in 1s .1s ease-out both; }
h1 > span { display: block; }
h1 > span + span { margin-top: .13em; }
h1 .films { font-size: .14em; line-height: 1.2; letter-spacing: .65em; font-weight: 400; margin-top: 1.6em; padding-left: .65em; }
@keyframes reveal { from { opacity: 0; } to { opacity: 1; } }
@keyframes title-in { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }
@media(prefers-reduced-motion: reduce) { .mirror, h1 { animation: none; } }
.shot-0 { left:0.000%; top:0.000%; width:21.939%; height:27.125%; clip-path: polygon(0.000% 0.000%,100.000% 0.000%,98.949% 100.000%,0.000% 83.332%); }
.shot-1 { left:21.708%; top:0.000%; width:18.615%; height:27.125%; clip-path: polygon(1.239% 0.000%,84.383% 0.000%,100.000% 87.570%,0.000% 100.000%); }
.shot-2 { left:37.416%; top:0.000%; width:24.088%; height:25.011%; clip-path: polygon(0.000% 0.000%,100.000% 0.000%,84.875% 100.000%,12.069% 94.974%); }
.shot-3 { left:57.861%; top:0.000%; width:24.667%; height:26.228%; clip-path: polygon(14.770% 0.000%,92.104% 0.000%,100.000% 100.000%,0.000% 95.358%); }
.shot-4 { left:80.580%; top:0.000%; width:19.420%; height:26.228%; clip-path: polygon(0.000% 0.000%,100.000% 0.000%,100.000% 87.253%,10.029% 100.000%); }
.shot-5 { left:0.000%; top:22.604%; width:21.708%; height:29.780%; clip-path: polygon(0.000% 0.000%,100.000% 15.182%,83.005% 84.653%,0.000% 100.000%); }
.shot-6 { left:18.019%; top:23.754%; width:24.557%; height:27.610%; clip-path: polygon(15.024% 12.211%,90.829% 0.000%,100.000% 100.000%,0.000% 87.140%); }
.shot-7 { left:40.324%; top:23.754%; width:18.225%; height:27.610%; clip-path: polygon(0.000% 0.000%,96.223% 4.552%,100.000% 94.514%,12.356% 100.000%); }
.shot-8 { left:57.861%; top:25.011%; width:24.667%; height:24.839%; clip-path: polygon(0.000% 0.000%,100.000% 4.902%,87.151% 96.155%,2.791% 100.000%); }
.shot-9 { left:79.358%; top:22.885%; width:20.642%; height:29.161%; clip-path: polygon(15.354% 11.465%,100.000% 0.000%,100.000% 100.000%,0.000% 89.194%); }
.shot-10 { left:0.000%; top:47.813%; width:18.341%; height:29.427%; clip-path: polygon(0.000% 15.531%,98.244% 0.000%,100.000% 100.000%,0.000% 84.355%); }
.shot-11 { left:18.019%; top:47.813%; width:24.557%; height:29.427%; clip-path: polygon(0.000% 0.000%,100.000% 12.066%,87.934% 87.367%,1.312% 100.000%); }
.shot-12 { left:39.613%; top:49.849%; width:22.563%; height:25.441%; clip-path: polygon(13.132% 5.953%,83.928% 0.000%,100.000% 100.000%,0.000% 93.054%); }
.shot-13 { left:58.549%; top:48.894%; width:20.809%; height:27.085%; clip-path: polygon(0.000% 3.526%,100.000% 0.000%,91.017% 100.000%,17.426% 97.456%); }
.shot-14 { left:77.489%; top:48.894%; width:22.511%; height:27.085%; clip-path: polygon(8.303% 0.000%,100.000% 11.634%,100.000% 89.115%,0.000% 100.000%); }
.shot-15 { left:0.000%; top:72.637%; width:22.022%; height:27.363%; clip-path: polygon(0.000% 0.000%,83.284% 16.825%,100.000% 100.000%,0.000% 100.000%); }
.shot-16 { left:18.341%; top:73.523%; width:21.272%; height:26.477%; clip-path: polygon(0.000% 14.041%,100.000% 0.000%,89.758% 100.000%,17.306% 100.000%); }
.shot-17 { left:37.434%; top:73.523%; width:24.741%; height:26.477%; clip-path: polygon(8.805% 0.000%,100.000% 6.674%,96.854% 100.000%,0.000% 100.000%); }
.shot-18 { left:61.397%; top:75.290%; width:19.307%; height:24.710%; clip-path: polygon(4.031% 0.000%,83.345% 2.789%,100.000% 100.000%,0.000% 100.000%); }
.shot-19 { left:77.489%; top:73.031%; width:22.511%; height:26.969%; clip-path: polygon(0.000% 10.932%,100.000% 0.000%,100.000% 100.000%,14.285% 100.000%); }
.shot-0 img { object-position: 56% 48%; }
.shot-1 img { object-position: 55% 50%; }
.shot-2 img { object-position: 50% 48%; }
.shot-3 img { object-position: 44% 50%; }
.shot-4 img { object-position: 57% 48%; }
.shot-5 img { object-position: 51% 48%; }
.shot-6 img { object-position: 59% 49%; }
.shot-7 img { object-position: 52% 50%; }
.shot-8 img { object-position: 53% 50%; }
.shot-9 img { object-position: 42% 50%; }
.shot-10 img { object-position: 49% 50%; }
.shot-11 img { object-position: 36% 49%; }
.shot-12 img { object-position: 51% 49%; }
.shot-13 img { object-position: 59% 51%; }
.shot-14 img { object-position: 50% 46%; }
.shot-15 img { object-position: 51% 47%; }
.shot-16 img { object-position: 51% 49%; }
.shot-17 img { object-position: 52% 52%; }
.shot-18 img { object-position: 52% 49%; }
.shot-19 img { object-position: 58% 46%; }
@media (max-aspect-ratio: 4/5) {
.shot-0 { left:0.000%; top:0.000%; width:35.272%; height:18.792%; clip-path: polygon(0.000% 0.000%,100.000% 0.000%,99.346% 100.000%,0.000% 75.941%); }
.shot-1 { left:35.041%; top:0.000%; width:31.949%; height:18.792%; clip-path: polygon(0.722% 0.000%,90.900% 0.000%,100.000% 82.059%,0.000% 100.000%); }
.shot-2 { left:64.083%; top:0.000%; width:35.917%; height:16.677%; clip-path: polygon(0.000% 0.000%,100.000% 0.000%,100.000% 100.000%,8.094% 92.463%); }
.shot-3 { left:0.000%; top:14.271%; width:35.041%; height:21.446%; clip-path: polygon(0.000% 0.000%,100.000% 21.081%,89.472% 78.689%,0.000% 100.000%); }
.shot-4 { left:31.352%; top:15.420%; width:37.890%; height:19.277%; clip-path: polygon(9.737% 17.490%,94.056% 0.000%,100.000% 100.000%,0.000% 81.581%); }
.shot-5 { left:66.990%; top:15.420%; width:33.010%; height:19.277%; clip-path: polygon(0.000% 0.000%,100.000% 6.520%,100.000% 92.143%,6.822% 100.000%); }
.shot-6 { left:0.000%; top:31.147%; width:31.674%; height:21.094%; clip-path: polygon(0.000% 21.667%,98.983% 0.000%,100.000% 100.000%,0.000% 78.174%); }
.shot-7 { left:31.352%; top:31.147%; width:37.890%; height:21.094%; clip-path: polygon(0.000% 0.000%,100.000% 16.832%,92.180% 82.376%,0.850% 100.000%); }
.shot-8 { left:66.279%; top:33.183%; width:33.721%; height:17.108%; clip-path: polygon(8.787% 8.853%,100.000% 0.000%,100.000% 100.000%,0.000% 89.671%); }
.shot-9 { left:0.000%; top:47.637%; width:35.356%; height:21.365%; clip-path: polygon(0.000% 0.000%,89.588% 21.549%,100.000% 78.367%,0.000% 100.000%); }
.shot-10 { left:31.674%; top:48.523%; width:34.605%; height:19.728%; clip-path: polygon(0.000% 18.844%,100.000% 0.000%,93.704% 100.000%,10.638% 80.374%); }
.shot-11 { left:64.101%; top:48.523%; width:35.899%; height:19.728%; clip-path: polygon(6.069% 0.000%,100.000% 8.957%,100.000% 89.793%,0.000% 100.000%); }
.shot-12 { left:0.000%; top:64.380%; width:35.356%; height:21.279%; clip-path: polygon(0.000% 21.720%,100.000% 0.000%,98.831% 100.000%,0.000% 78.270%); }
.shot-13 { left:34.942%; top:64.380%; width:32.175%; height:21.279%; clip-path: polygon(1.285% 0.000%,90.623% 18.195%,100.000% 81.142%,0.000% 100.000%); }
.shot-14 { left:64.101%; top:66.238%; width:35.899%; height:17.661%; clip-path: polygon(0.000% 11.401%,100.000% 0.000%,100.000% 100.000%,8.404% 87.242%); }
.shot-15 { left:0.000%; top:81.035%; width:34.942%; height:18.965%; clip-path: polygon(0.000% 0.000%,100.000% 24.382%,89.494% 100.000%,0.000% 100.000%); }
.shot-16 { left:31.271%; top:81.646%; width:37.950%; height:18.354%; clip-path: polygon(9.673% 21.864%,94.456% 0.000%,100.000% 100.000%,0.000% 100.000%); }
.shot-17 { left:67.118%; top:81.646%; width:32.882%; height:18.354%; clip-path: polygon(0.000% 0.000%,100.000% 12.276%,100.000% 100.000%,6.398% 100.000%); }

.shot-18, .shot-19 { display:none; }
h1 {font-size:clamp(60px,17.5vw,112px);}
}