/* The same point marks the name, the service journey and the point of view. */
.reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:60;pointer-events:none}
.reading-progress span{display:block;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}
.site-header.is-hidden{transform:translateY(-105%)}.site-header:focus-within{transform:none!important}
.service-route{position:relative;display:flex;justify-content:space-between;padding-top:14px;margin-bottom:22px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.service-route::before{content:'';position:absolute;top:3px;left:0;right:0;height:1px;background:var(--line)}
.service-route i{position:absolute;top:0;left:0;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.service.is-open .service-route i{animation:connect-service 1s cubic-bezier(.25,.6,.3,1) both}
.service.is-open .service-columns p{animation:reveal-service .4s both}.service.is-open .service-columns p:nth-child(2){animation-delay:.12s}
.movement-dot{display:inline-block;color:var(--orange);transform-origin:bottom center}
@keyframes connect-service{0%{left:0}55%{left:calc(50% - 3.5px)}100%{left:calc(100% - 7px)}}
@keyframes reveal-service{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.reading-progress{display:none}.site-header{transform:none!important}.service-route i{left:calc(100% - 7px)}}