/* 105: reveals use transform; hover uses individual translate. They never compete. */
.wt-reading-progress{position:fixed;z-index:1200;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2349df 0%,#4279df 65%,#ffe266 100%);transform:scaleX(0);transform-origin:left;pointer-events:none}
.wt-scroll-plane{position:absolute;z-index:3;left:7%;top:38%;width:40px;height:40px;display:grid;place-items:center;color:#2349df;background:#fffdf3;border:1px solid #e5ddaa;border-radius:50%;box-shadow:0 5px 15px #18253918;pointer-events:none;will-change:transform}
.wt-scroll-plane:before{content:'';position:absolute;right:calc(100% + 5px);width:35px;border-top:2px dashed #2349df55}
@media screen and (prefers-reduced-motion:no-preference){
 .home-page:not(.trip-page) .wt-reveal-pending{opacity:.06;transform:translate3d(0,48px,0) scale(.98);will-change:transform,opacity}
 .home-page:not(.trip-page) .wt-reveal-pending[data-wt-motion-role="heading"]{transform:translate3d(0,30px,0)}
 .home-page:not(.trip-page) .wt-reveal-pending[data-wt-motion-role="copy"]{transform:translate3d(0,38px,0)}
 .home-page:not(.trip-page) .wt-reveal-pending[data-wt-motion-role="art"]{transform:translate3d(0,42px,0) scale(.96)}
 .home-page:not(.trip-page) :is(.example-card,.route-tile,.city-route,.destination-city,.how-grid>article,.portfolio-card){transition:translate 450ms cubic-bezier(.22,.61,.36,1),box-shadow 450ms ease,border-color 350ms ease}
 .home-page:not(.trip-page) .route-tile:hover:not(.wt-reveal-pending){transform:none}
 .home-page:not(.trip-page) :is(.example-art,.city-art){overflow:hidden}
 .home-page:not(.trip-page) :is(.example-art img,.city-art img){transition:transform 750ms cubic-bezier(.22,.61,.36,1)}
 .home-page:not(.trip-page) .how-grid>article>span{display:inline-block;transition:rotate 450ms ease,scale 450ms ease}
 .home-page:not(.trip-page) :is(.city-navigation>a,.start-trip,.header-create){transition:translate 350ms ease,box-shadow 350ms ease,background-color 350ms ease}
 .home-page:not(.trip-page) .seo-questions details[open]>p{animation:wt-answer-in 500ms cubic-bezier(.22,.61,.36,1)}
 @keyframes wt-answer-in{from{opacity:.2;translate:0 10px}to{opacity:1;translate:0 0}}
}
@media screen and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .home-page:not(.trip-page) .journey-art{transform:perspective(1100px) rotateX(var(--wt-tilt-x,0deg)) rotateY(var(--wt-tilt-y,0deg));transition:transform 450ms cubic-bezier(.16,1,.3,1)}
 .home-page:not(.trip-page) :is(.example-card,.route-tile,.city-route,.destination-city,.portfolio-card):hover{translate:0 -4px;box-shadow:0 18px 32px -20px #2349df60;border-color:#a9b7ef}
 .home-page:not(.trip-page) :is(.example-card:hover .example-art img,.city-art:hover img){transform:scale(1.035)}
 .home-page:not(.trip-page) .how-grid>article:hover{translate:0 -3px}
 .home-page:not(.trip-page) .how-grid>article:hover>span{rotate:-4deg;scale:1.06}
 .home-page:not(.trip-page) :is(.city-navigation>a,.start-trip,.header-create):hover{translate:0 -2px}
}
@media(max-width:760px){.wt-scroll-plane{width:32px;height:32px;top:42%}.wt-scroll-plane svg{width:24px;height:20px}}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){.home-page:not(.trip-page) .wt-reveal-pending[data-wt-motion-role]{transform:translate3d(0,30px,0) scale(.985)}}
@media(prefers-reduced-motion:reduce){.home-page:not(.trip-page) .wt-reveal-pending{opacity:1;transform:none;will-change:auto}.wt-scroll-plane{will-change:auto}.home-page:not(.trip-page) :is(.journey-art,.example-art img,.city-art img,.example-card,.route-tile,.city-route,.destination-city,.how-grid>article,.how-grid>article>span,.portfolio-card,.city-navigation>a,.start-trip,.header-create,.seo-questions details[open]>p){animation:none;transition:none}}