
.demo-camera .cinema-hero{height:570px}
.demo-camera .signature-copy{top:365px}
.demo-camera .signature-copy p{font-size:28px;margin:0 0 15px;font-weight:400}
.demo-camera .signature-copy h1{font-size:44px;line-height:1.2;font-weight:400}
.demo-camera .sequence-label{display:none}
@media(max-width:700px){.demo-camera .cinema-hero{height:470px}.demo-camera .camera{width:210px;top:30px}.demo-camera .film-window{top:80px;width:calc(50% - 62px)}.demo-camera .film-frame{width:105px}.demo-camera .film-frame img{height:150px}.demo-camera .signature-copy{top:295px}.demo-camera .signature-copy p{font-size:23px;margin-bottom:12px}.demo-camera .signature-copy h1{font-size:clamp(1.9rem,8vw,2.5rem);line-height:1.25}}

/* Exactly two unique photographs on each side. */
.demo-camera .film-track{width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.demo-camera .film-frame{width:auto;min-width:0}
@media(max-width:700px){
.demo-camera .cinema-hero{height:620px}
.demo-camera .film-track{grid-template-columns:minmax(0,1fr)}
.demo-camera .film-frame img{height:130px}
.demo-camera .signature-copy{top:445px}
}
.demo-camera.play .film-frame img{animation-duration:2.2s;animation-delay:1.6s}
.demo-camera.play .film-frame:nth-child(even) img{animation-delay:1.8s}

/* Keep photographs hidden until the camera is ready; no flash of finished photos. */
.demo-camera:not(.play) .film-window{visibility:hidden}
.demo-camera:not(.camera-ready) .camera{visibility:hidden}
.demo-camera .signature-copy{opacity:1;transform:none}
.demo-camera.play .signature-copy{animation:none}
.demo-camera.play .camera{animation-delay:0s}
.demo-camera.play .lens-glint{animation-delay:.1s}
.demo-camera.play .exposure{animation-delay:.15s}
.demo-camera.play .film-left,.demo-camera.play .film-right,
.demo-camera.play .film-left .film-track,.demo-camera.play .film-right .film-track{animation-delay:.3s;animation-duration:1.2s}
.demo-camera.play .film-frame img{animation-delay:.4s;animation-duration:1.2s}
.demo-camera.play .film-frame:nth-child(even) img{animation-delay:.5s}
