/* Real park photographs retain the existing hero shape, headline and playback. */
#olympus-page[data-page=park] .hero-image[data-real-park-photo] {object-position:var(--park-desktop-position,50% 50%)}
#olympus-page[data-page=park] .hero-shade {background:linear-gradient(90deg,rgba(0,24,38,.78) 0%,rgba(0,24,38,.58) 27%,rgba(0,24,38,.19) 53%,transparent 77%),linear-gradient(0deg,rgba(0,24,38,.18),transparent 42%)}
#olympus-page[data-page=park] .hero-controls {gap:12px}
#olympus-page[data-page=park] .hero-dots {gap:0;padding-inline:5px;border-radius:99px;background:#00243755;backdrop-filter:blur(6px)}
#olympus-page[data-page=park] .hero-dot {width:26px;height:44px}
#olympus-page[data-page=park] .hero-dot:before {left:10px}
#olympus-page[data-page=park] .hero-dot.active:before {left:6px;width:15px}
#olympus-page[data-page=park] .play-toggle {width:44px;height:44px}
.park-hero-mobile-controls {display:none}
#olympus-page[data-page=all] .park-tile .attraction-photo img[data-real-park-photo],
#olympus-page[data-page=park] .park-tile .attraction-photo img[data-real-park-photo] {object-position:72% 52%}
#olympus-page[data-page=park] .story-back img[data-real-park-photo] {object-position:77% center}
@media(max-width:760px) {
  #olympus-page[data-page=park] .hero-image[data-real-park-photo] {object-position:var(--park-mobile-position,50% 50%)}
  #olympus-page[data-page=park] .hero-shade {background:linear-gradient(0deg,rgba(0,24,38,.88) 0%,rgba(0,24,38,.7) 27%,rgba(0,24,38,.26) 60%,transparent 91%)}
  #olympus-page[data-page=park] .hero-copy {bottom:22%}
  #olympus-page[data-page=park] .hero-controls {left:auto;right:17px;bottom:16px;gap:10px}
  #olympus-page[data-page=park] .hero-dots {display:none}
  .park-hero-mobile-controls {display:flex;align-items:center;gap:7px}
  .park-hero-step {display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff87;border-radius:50%;color:#fff;background:#103d5370;backdrop-filter:blur(5px);font-size:30px;line-height:1}
  .park-hero-counter {min-width:43px;color:#fff;font-size:12px;font-weight:650;text-align:center;font-variant-numeric:tabular-nums}
  #olympus-page[data-page=park] .hero-controls button:focus-visible {outline:3px solid #ffdc78;outline-offset:2px}
}