.lock-carousel{max-width:820px;margin:0 auto}.lock-stage{background:#e9edf1;border-radius:14px;overflow:hidden}.lock-slide[hidden]{display:none}.lock-slide figure{margin:0}.lock-slide img{width:100%;height:540px;object-fit:contain;display:block}.lock-slide figcaption{padding:15px 20px;background:#fff;font-size:17px}.lock-controls{display:flex;justify-content:center;align-items:center;gap:24px;padding:18px}.lock-controls button{min-width:50px;height:48px;background:#fff;border:1px solid #a5b4c4;border-radius:8px;font-size:24px;cursor:pointer}.lock-thumbs{display:flex;gap:12px;justify-content:center}.lock-thumbs button{width:94px;height:94px;padding:3px;background:white;border:2px solid transparent;border-radius:8px;cursor:pointer}.lock-thumbs button[aria-pressed=true]{border-color:#0878f9}.lock-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:4px}.lock-carousel button:focus-visible{outline:3px solid #0878f9;outline-offset:3px}@media(max-width:600px){.lock-slide img{height:420px}.lock-thumbs{gap:8px}.lock-thumbs button{width:70px;height:76px}}
/* Landscape gallery frames, with each lock kept in focus. */
.lock-slide img{height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 43%}
.lock-slide:nth-child(2) img{object-position:50% 53%}
.lock-slide:nth-child(3) img{object-position:50% 53%}
.lock-slide:nth-child(4) img{object-position:50% 58%}
@media(max-width:600px){.lock-slide img{height:auto;aspect-ratio:4/3}}