/* A shared motion layer: entrances, editorial photography and interaction feedback. */
.destination-eua img{object-position:44% center}
.process-grid li{position:relative}
.process-grid li:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--action);transform-origin:left;transform:scaleX(0)}
.process-grid li.motion-entered:before{transform:scaleX(1);transition:transform .9s cubic-bezier(.2,.75,.25,1)}
.process-grid li:nth-child(2):before{transition-delay:.1s}
.process-grid li:nth-child(3):before{transition-delay:.2s}
.process-grid li:nth-child(4):before{transition-delay:.3s}
.destination-card,.modality,.plan-card,.service-choice,.other-grid a{transition:translate .35s ease,border-color .3s ease,background .3s ease,box-shadow .35s ease}
.arrow{transition:transform .3s ease}
.country-photo img{transition:filter .4s ease}
.text-link,.link-label{transition:color .25s ease,border-color .25s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  :root:not([data-motion=off]) .destination-card:hover,:root:not([data-motion=off]) .other-grid a:hover{translate:0 -7px}
  :root:not([data-motion=off]) .modality:hover,:root:not([data-motion=off]) .plan-card:hover{translate:0 -5px;box-shadow:var(--shadow)}
  :root:not([data-motion=off]) .service-choice:hover{translate:0 -3px}
  :root:not([data-motion=off]) :is(a,button):hover>.arrow,:root:not([data-motion=off]) .destination-card:hover .arrow{transform:translate(3px,-3px)}
}
:root[data-motion=off]{scroll-behavior:auto}
:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation:none!important;transition:none!important}
:root[data-motion=off] .destination-card:hover img,:root[data-motion=off] .other-grid a:hover img,:root[data-motion=off] .btn:hover{transform:none}
@media(prefers-reduced-motion:reduce){.destination-card:hover img,.other-grid a:hover img,.btn:hover{transform:none}}
@media print{[data-motion-toggle]{display:none!important}}