/* Drawn stand-ins for a real camera roll. Each .scene is one "photo", built from flat shapes so no stock imagery is needed. */
.scene{position:relative;overflow:hidden;isolation:isolate}
.scene::before,.scene::after{content:"";position:absolute}
/* beach at golden hour */
.s-beach{background:linear-gradient(#f6b46b 0 38%,#f39a5b 38% 52%,#2f7f95 52% 70%,#e7c99a 70%)}
.s-beach::before{left:58%;top:22%;width:18%;aspect-ratio:1;border-radius:50%;background:#ffe2a8}
.s-beach::after{left:8%;bottom:14%;width:9%;height:22%;background:#3a2a26;border-radius:40% 40% 10% 10%;box-shadow:16px 4px 0 -2px #3a2a26}
/* city rooftop at night */
.s-roof{background:linear-gradient(#1d2347,#3b3466 60%,#5c3f63)}
.s-roof::before{left:0;right:0;bottom:0;height:46%;background:
 linear-gradient(90deg,#141629 0 14%,transparent 14% 18%,#1a1c34 18% 34%,transparent 34% 37%,#141629 37% 55%,transparent 55% 58%,#1b1d36 58% 79%,transparent 79% 82%,#141629 82%);
 clip-path:polygon(0 30%,14% 30%,14% 0,34% 0,34% 45%,37% 45%,37% 15%,55% 15%,55% 55%,58% 55%,58% 8%,79% 8%,79% 40%,82% 40%,82% 22%,100% 22%,100% 100%,0 100%)}
.s-roof::after{left:22%;top:14%;width:7%;aspect-ratio:1;border-radius:50%;background:#f3e3c4}
/* birthday table, candles */
.s-party{background:linear-gradient(#3c1f2a,#6d2f3a 62%,#a8603d 62%)}
.s-party::before{left:30%;top:46%;width:40%;height:18%;background:#f2e6d8;border-radius:6px 6px 2px 2px;box-shadow:0 10px 0 #d9c7b4}
.s-party::after{left:38%;top:30%;width:2.4%;height:16%;background:#fff3dc;box-shadow:24px 0 0 #fff3dc,48px 0 0 #fff3dc,72px 0 0 #fff3dc}
/* lake and pines */
.s-lake{background:linear-gradient(#bfd6d9 0 45%,#4f7d6e 45% 58%,#6fa3a8 58%)}
.s-lake::before{left:6%;top:24%;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:60px solid #2f5a4a;filter:drop-shadow(40px 8px 0 #2f5a4a) drop-shadow(80px -4px 0 #2f5a4a)}
.s-lake::after{left:62%;top:52%;width:18%;height:6%;background:#e9eadf;border-radius:50%}
/* concert crowd */
.s-gig{background:radial-gradient(60% 50% at 50% 18%,#f0b23a,#b4472f 55%,#2a1220)}
.s-gig::before{left:0;right:0;bottom:0;height:34%;background:#1a0d14;clip-path:polygon(0 40%,6% 20%,12% 38%,18% 10%,25% 34%,31% 16%,38% 40%,45% 12%,52% 36%,60% 18%,67% 40%,74% 8%,82% 34%,89% 20%,95% 36%,100% 24%,100% 100%,0 100%)}
/* dog in a field */
.s-dog{background:linear-gradient(#cfe0f0 0 40%,#9bbd62 40%)}
.s-dog::before{left:36%;top:46%;width:30%;height:22%;background:#7a4b2c;border-radius:40% 50% 30% 30%}
.s-dog::after{left:58%;top:36%;width:14%;height:18%;background:#7a4b2c;border-radius:50% 50% 40% 40%}