/* Travel Guide — section arrivals (guide-motion.js). Hidden states exist only under .gm-pre,
   which the script puts on sections below the first screen; .gm-in drops it and lets each
   piece glide back to the page's own values. Only opacity and translate/scale move. */
html.gm-ready .gm-pre .gm-word{opacity:0;translate:0 18px}
html.gm-ready .gm-pre .gm-media{opacity:0;translate:0 28px}
html.gm-ready .gm-pre .gm-media img{scale:1.06}
html.gm-ready .gm-pre .gm-obj{opacity:0;translate:0 16px;rotate:-4deg}
html.gm-ready .gm-pre:is(.gm-surf-b)::before,html.gm-ready .gm-pre .gm-surf-b::before,
html.gm-ready .gm-pre:is(.gm-surf-a)::after,html.gm-ready .gm-pre .gm-surf-a::after{opacity:0;translate:var(--gm-sx,0) 0;transition:none}
/* arrival: calm, one curve (impeccable-design: cubic-bezier(.16,1,.3,1), ~1s) */
html.gm-ready .gm-in .gm-word{transition:opacity .7s ease var(--gm-d,0s),translate .95s cubic-bezier(.16,1,.3,1) var(--gm-d,0s);will-change:opacity,translate}
html.gm-ready .gm-in .gm-media{transition:opacity .9s ease var(--gm-d,0s),translate 1.1s cubic-bezier(.16,1,.3,1) var(--gm-d,0s);will-change:opacity,translate}
html.gm-ready .gm-in .gm-media img{transition:scale 1.5s cubic-bezier(.16,1,.3,1) var(--gm-d,0s);will-change:scale}
html.gm-ready .gm-in .gm-obj{transition:opacity 1s ease var(--gm-d,0s),translate 1.2s cubic-bezier(.16,1,.3,1) var(--gm-d,0s),rotate 1.4s cubic-bezier(.16,1,.3,1) var(--gm-d,0s);will-change:opacity,translate}
html.gm-ready .gm-in:is(.gm-surf-b)::before,html.gm-ready .gm-in .gm-surf-b::before,
html.gm-ready .gm-in:is(.gm-surf-a)::after,html.gm-ready .gm-in .gm-surf-a::after{transition:opacity 1.1s ease,translate 1.3s cubic-bezier(.16,1,.3,1);will-change:opacity,translate}
@media (max-width:700px){
 html.gm-ready .gm-pre .gm-word{translate:0 12px}
 html.gm-ready .gm-pre .gm-media{translate:0 18px}
}
@media (prefers-reduced-motion:reduce){
 html.gm-ready .gm-pre :is(.gm-word,.gm-media,.gm-obj),html.gm-ready .gm-pre .gm-media img{opacity:revert-layer;translate:none;scale:none;rotate:none}
}

/* Greek guide: the experience cards had their photo stretched over the whole card, covering the
   titles of the first row (step7 css height:100%!important); the photo keeps its 4:5 frame */
html body #travel-guide .abh-card .abh-card__media{height:auto!important}