/* Six user-supplied photographs, advancing every three seconds or by dot. */
.bo2-progress:has(.bo2-gallery){border-color:#e3e9ef}
.bo2-gallery{display:flex;flex-direction:column;align-items:stretch;justify-content:initial;min-height:232px;padding:0;background:var(--bo-surface)}
.bo2-gallery-frame{position:relative;flex:1;min-height:0;overflow:hidden}
.bo2-gallery-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;visibility:hidden;transform:translateX(100%);transition:none}
.bo2-gallery:not(.is-ready) .bo2-gallery-frame img:first-child{visibility:visible;transform:translateX(0)}
.bo2-gallery.is-ready .bo2-gallery-frame img.is-active{z-index:2;visibility:visible;transform:translateX(0);transition:transform .42s cubic-bezier(.42,0,.18,1)}
.bo2-gallery.is-ready .bo2-gallery-frame img.is-leaving{z-index:1;visibility:visible;transform:translateX(-100%);transition:transform .42s cubic-bezier(.42,0,.18,1)}
.bo2-gallery-frame img:nth-child(n+5){object-position:center bottom}
.bo2-gallery-dots{display:flex;align-items:center;justify-content:center;gap:.12rem;direction:ltr;height:24px;min-height:24px;background:var(--bo-surface)}
.bo2-gallery-dots button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.bo2-gallery-dots button span{display:block;width:7px;height:7px;border-radius:50%;background:#a9b9c9;transition:background-color .15s ease,transform .15s ease}
.bo2-gallery-dots button:hover span{background:#6a88a7}
.bo2-gallery-dots button.is-active span{background:var(--bo-orange);transform:scale(1.3)}
.bo2-gallery-dots button:focus-visible{outline:2px solid var(--bo-blue);outline-offset:0}
@media(max-width:700px){.bo2-gallery{min-height:235px}.bo2-gallery-frame{min-height:200px}}