/* Existing licensed device artwork around recordings of the unchanged product UI. */
.shift-film-pair{display:grid;grid-template-columns:minmax(200px,.72fr) minmax(0,1.7fr);gap:22px;align-items:center;margin:48px 0 20px;scroll-margin-top:100px}
.slash-film{margin:0;min-width:0}.film-device{appearance:none;display:block;position:relative;background:none;border:0;padding:0;width:100%;cursor:pointer;color:inherit;isolation:isolate;touch-action:manipulation}
.film-device:focus-visible{outline:2px solid var(--pink,#e6a5ad);outline-offset:10px;border-radius:12px}
.film-phone .film-device{max-width:330px;aspect-ratio:391/800;margin-inline:auto;filter:drop-shadow(0 18px 20px #2223)}
.film-glass{position:absolute;inset:1% 3%;background:#111;border-radius:14%/7%;z-index:-1}
.film-frame{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.film-window{position:absolute;overflow:hidden;display:block;background:#f5faf8;pointer-events:none}
.film-phone .film-window{left:6%;top:7.8%;width:88%;height:87%;border-radius:0 0 8% 8%}
.film-window video,.film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.film-window video{z-index:1}.film-laptop-frame{width:100%;height:auto;display:block}
.film-window video[hidden]{display:none!important}
.film-phone .film-window video,.film-phone .film-poster{object-fit:contain;background:#f5faf8}
.film-laptop .film-window{left:10%;top:18.84615%;width:80%;height:69.23077%;border-radius:1%}
.slash-film figcaption{font-size:.875rem;line-height:1.8;text-align:center;margin:24px 0 0;color:var(--ink)}
.film-source{font-size:.8rem!important;line-height:1.8!important;text-align:center;color:var(--muted);margin:24px 0 0!important}
.meeting-film{max-width:340px;margin:42px auto 20px;scroll-margin-top:100px}
.incident-film{margin:48px 0 24px;scroll-margin-top:100px}.film-tablet .film-device{aspect-ratio:1180/820;border:14px solid #202425;border-radius:27px;box-shadow:0 22px 34px #2222;background:#202425}
.film-tablet .film-window{inset:0;width:100%;height:100%;border-radius:12px}.film-tablet .film-window video,.film-tablet .film-poster{object-fit:contain;background:#f7f9fd}
@media(max-width:1100px){.shift-film-pair{grid-template-columns:1fr;gap:45px}}
@media(max-width:760px){.film-phone .film-device{width:min(100%,290px)}.film-laptop{margin-inline:-12px}.meeting-film{max-width:300px}.slash-film figcaption{margin-top:18px}}
@media print{.film-window video{display:none}.film-phone .film-device{max-width:180px}.shift-film-pair{break-inside:avoid}}