/* Original Accra panorama. All movement stays in composited transforms. */
body > footer .accra-skyline {
  --skyline-shift:0px;
  position:relative;isolation:isolate;flex:0 0 calc(100% + 56px);
  width:calc(100% + 56px);min-width:0;margin:-28px -28px 18px;
  overflow:hidden;background:#f4f8ef;border-radius:0;
}
.accra-skyline__canvas { position:relative;width:100%;min-width:0;aspect-ratio:4;min-height:220px;max-height:350px;overflow:hidden; }
.accra-skyline__art { position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden; }
.accra-skyline__distant { transform:translate3d(0,calc(var(--skyline-shift) * .55),0); }
.accra-skyline__landmarks { transform:translate3d(0,var(--skyline-shift),0); }
.accra-skyline__traffic { position:absolute;inset:0;pointer-events:none;animation:accra-taxi-drive 22s linear infinite;animation-delay:-7s;animation-play-state:paused; }
.accra-skyline__taxi { position:absolute;left:0;bottom:13px;display:block;width:112px;height:auto;filter:drop-shadow(0 3px 2px #12392318); }
.accra-skyline.is-playing .accra-skyline__traffic { animation-play-state:running; }
.accra-skyline figcaption { position:absolute;left:28px;top:23px;display:flex;align-items:center;gap:7px;color:#31543f;font-size:11px;font-weight:600;line-height:20px;letter-spacing:1.5px;text-transform:uppercase; }
.accra-skyline figcaption svg { width:15px;height:15px;flex:none; }
body > footer .accra-skyline__toggle {
  position:absolute;z-index:1;top:17px;right:22px;display:grid;place-items:center;
  width:40.8px;height:40.8px;min-height:40.8px;padding:0;border:0;border-radius:50%;
  background:#ffffffc9;color:#31543f;cursor:pointer;
}
.accra-skyline__toggle::after { content:'';position:absolute;width:48px;height:48px;left:50%;top:50%;transform:translate(-50%,-50%); }
.accra-skyline__toggle:hover { background:#fff; }
.accra-skyline__toggle:focus-visible { outline:2px solid var(--green,#00880d);outline-offset:3px; }
.accra-skyline__toggle svg { width:17px;height:17px; }
.accra-skyline__toggle .accra-skyline__play { display:none; }
.accra-skyline__toggle[aria-pressed=true] .accra-skyline__pause { display:none; }
.accra-skyline__toggle[aria-pressed=true] .accra-skyline__play { display:block; }
body > footer .accra-skyline__toggle[hidden] { display:none; }
@keyframes accra-taxi-drive { from {transform:translate3d(-130px,0,0);} to {transform:translate3d(100%,0,0);} }
@media(max-width:760px) {
  body > footer .accra-skyline { flex-basis:calc(100% + 32px);width:calc(100% + 32px);margin:-20px -16px 14px; }
  .accra-skyline__canvas { height:220px; }
  .accra-skyline figcaption { left:20px;top:19px;font-size:10px;letter-spacing:1.2px; }
  body > footer .accra-skyline__toggle { right:16px;top:12px; }
  .accra-skyline__taxi { width:88px;bottom:9px; }
}
@media(prefers-reduced-motion:reduce) {
  .accra-skyline__traffic { animation:none;transform:translate3d(28%,0,0); }
  .accra-skyline__distant,.accra-skyline__landmarks { transform:none; }
  body > footer .accra-skyline__toggle { display:none; }
}