/* Motion layer: one slow moving picture behind the postcard, scroll-linked depth on photographs,
   and nothing at all when the visitor prefers reduced motion or presses Pause motion. */
.motion-toggle[hidden]{display:none}
.motion-home .home-hero{isolation:isolate}
@media (prefers-reduced-motion: no-preference){
  html:not([data-motion-paused="true"]) .home-hero-ground>img{animation:wildomi-drift 28s ease-in-out infinite alternate;transform-origin:60% 40%}
  html:not([data-motion-paused="true"]) .home-hero[data-motion-suspended="true"] .home-hero-ground>img,
  html:not([data-motion-paused="true"]) main[data-motion-suspended="true"] .home-hero-ground>img{animation-play-state:paused}
}
@keyframes wildomi-drift{from{transform:scale(1)}to{transform:scale(1.08) translate3d(-1.5%,-1%,0)}}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    html:not([data-motion-paused="true"]) .motion-home :is(.moment-photo,.tall-photo,.plaque-photo,.gift-photo,.faq-photo:not(.small))>img{
      height:114%;margin-top:-7%;animation:wildomi-photo-depth 1ms linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  }
}
@keyframes wildomi-photo-depth{from{transform:translate3d(0,-5%,0)}to{transform:translate3d(0,5%,0)}}
/* Price ladder (motion.js): bars wait collapsed only while a grow is queued; any pause, reduced motion or cleanup removes the flag. */
.ladder-step{transform-origin:50% 100%}
.ladder[data-motion-ladder="pending"] .ladder-step{scale:1 .04}
.ladder[data-motion-ladder="pending"]+.ladder-labels>*{opacity:0}
html[data-motion-paused="true"] *,html[data-motion-paused="true"] *::before,html[data-motion-paused="true"] *::after{animation-play-state:paused!important}
/* Pause motion also stills press feedback that the base styles give buttons, chips and tiles. */
html[data-motion-paused="true"] :is(.btn,.button,.co-button,.co-chip-button,.menu-toggle,.mobile-bag,.trip-chips button,.trip-tile a):active{transform:none}
@media (prefers-reduced-motion: reduce){
  .home-hero-ground>img{animation:none!important;transform:none!important}
  :is(.btn,.button,.co-button,.co-chip-button,.menu-toggle,.mobile-bag,.trip-chips button,.trip-tile a):active{transform:none}
  .ladder[data-motion-ladder] .ladder-step{scale:none}
  .ladder[data-motion-ladder]+.ladder-labels>*{opacity:1}
}