/* Slow photographs with controls separate from the attraction link. */
#olympus-page .park-card-gallery {position:relative}
#olympus-page .park-card-gallery .attraction-photo {position:relative;isolation:isolate}
#olympus-page .park-card-gallery .park-card-image {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--park-card-wide-position,50% 50%);
  opacity:0;
  transition:opacity var(--park-card-fade,2s) ease,transform .45s var(--motion-ease);
}
#olympus-page .park-card-gallery.park-card-tall .park-card-image {object-position:var(--park-card-tall-position,50% 50%)}
#olympus-page .park-card-gallery .park-card-image.active {opacity:1}
.park-card-controls {
  position:absolute;
  z-index:2;
  top:var(--park-card-controls-top,9px);
  right:var(--park-card-controls-right,9px);
  display:flex;
  align-items:center;
  gap:5px;
  height:44px;
  color:#fff;
}
.park-card-counter {min-width:40px;padding:6px 7px;border-radius:99px;background:#00243885;color:#fff;font-size:10px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums;backdrop-filter:blur(5px)}
.park-card-narrow .park-card-counter {display:none}
.park-card-control {display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff91;border-radius:50%;background:#12374980;color:#fff;font-size:16px;line-height:1;backdrop-filter:blur(7px);box-shadow:0 2px 7px #0829361c}
.park-card-control:last-child {font-size:27px}
.park-card-control:focus-visible {outline:3px solid #ffdc78;outline-offset:2px}
.park-card-control:disabled {opacity:.5;cursor:default}
@media(hover:hover) and (pointer:fine) {.park-card-control:hover {background:#123749b3}}
#olympus-page.motion-off .park-card-gallery .park-card-image {transition:none;transform:none!important}
@media(prefers-reduced-motion:reduce) {#olympus-page .park-card-gallery .park-card-image {transition:none;transform:none!important}}