/* Photo-camera movement inside a fixed frame, adapted from header-animado.html. */
.photo-panorama-frame{position:relative;display:block;overflow:hidden;isolation:isolate;--panorama-fit:cover}
.photo-panorama-frame>img[data-panorama]{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;object-fit:var(--panorama-fit,cover)!important;object-position:inherit;margin:0!important;padding:0!important;box-shadow:none!important;aspect-ratio:auto!important;border-radius:inherit;transform-origin:50% 50%;backface-visibility:hidden}
.photo-panorama-frame.photo-panorama-started>img[data-panorama="1"]{animation:photo-panorama-pan-left 10s ease-in-out infinite;animation-play-state:paused}
.photo-panorama-frame.photo-panorama-started[data-panorama-camera="1"]>img[data-panorama="1"]{animation-name:photo-panorama-pan-right}
.photo-panorama-frame.photo-panorama-started[data-panorama-camera="2"]>img[data-panorama="1"]{animation-name:photo-panorama-zoom}
.photo-panorama-frame.photo-panorama-started[data-panorama-camera="3"]>img[data-panorama="1"]{animation-name:photo-panorama-diagonal}
.photo-panorama-frame.photo-panorama-playing>img[data-panorama="1"]{animation-play-state:running;will-change:transform}
/* Overscan is larger than the travel so every frame remains fully covered. */
@keyframes photo-panorama-pan-left{
  0%,100%{transform:translate(2.5%,0) scale(1.12)}
  50%{transform:translate(-2.5%,0) scale(1.24)}
}
@keyframes photo-panorama-pan-right{
  0%,100%{transform:translate(-2.5%,0) scale(1.12)}
  50%{transform:translate(2.5%,0) scale(1.24)}
}
@keyframes photo-panorama-zoom{
  0%,100%{transform:translate(0,.8%) scale(1.08)}
  50%{transform:translate(0,-.8%) scale(1.24)}
}
@keyframes photo-panorama-diagonal{
  0%,100%{transform:translate(-2%,1.5%) scale(1.12)}
  50%{transform:translate(2%,-1.5%) scale(1.24)}
}
.photo-panorama-toolbar{display:flex;justify-content:flex-end;align-items:center;position:static!important;float:none!important;clear:both;box-sizing:border-box;width:100%;padding:8px 16px;margin:0;background:transparent}
.photo-panorama-toggle-all{position:static!important;float:none!important;font:500 12px/1.3 system-ui,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;color:#374151!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;min-height:36px!important;min-width:44px!important;padding:8px 12px!important;width:auto!important;height:auto!important;margin:0!important;cursor:pointer;touch-action:manipulation}
.photo-panorama-toggle-all:focus-visible{outline:3px solid #1d4ed8!important;outline-offset:2px!important}
.photo-panorama-frame[hidden],.photo-panorama-toolbar[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.photo-panorama-frame>img[data-panorama]{animation:none!important;transform:none!important}.photo-panorama-toolbar{display:none!important}}