/* Decorative motion follows the reader; no scroll interception or hidden content. */
.walk-progress { position:absolute; inset:auto 0 -1px; height:2px; overflow:hidden; pointer-events:none; }
.walk-progress > span { display:block; height:100%; background:var(--orange); transform:scaleX(0); transform-origin:left; }
.walk-trail { position:fixed; top:calc(var(--site-header-height,92px) + 40px); bottom:40px; left:max(4px,calc((100vw - 1280px) / 2 - 56px)); width:40px; z-index:20; pointer-events:none; contain:layout style; opacity:0; transition:opacity .18s ease-out; }
.walk-line { position:absolute; top:22px; bottom:22px; left:50%; width:1px; background:#23535c12; }
.walk-line > span { display:block; width:100%; height:100%; background:#ed681b66; transform:scaleY(0); transform-origin:top; }
.walk-cursor { position:absolute; width:40px; height:50px; overflow:visible; }
.walk-foot { transform-box:view-box; }
@media (min-width:740px) and (max-width:1199px) {
  .walk-trail { width:24px; left:4px; top:calc(var(--site-header-height,130px) + 32px); }
  .walk-cursor { width:24px; height:30px; }.walk-line { top:14px; bottom:14px; }
}
@media (max-width:739px) {
  .walk-trail { width:16px; left:calc(1px + env(safe-area-inset-left,0px)); top:calc(var(--site-header-height,72px) + env(safe-area-inset-top,0px) + 28px); bottom:calc(28px + env(safe-area-inset-bottom,0px)); }
  .walk-cursor { width:16px; height:20px; }.walk-line { top:9px; bottom:9px; background:transparent; }.walk-line > span { background:#ed681b44; }
}
@media (prefers-reduced-motion:reduce), print {
  .walk-trail,.walk-progress { display:none !important; }
  .hero-photo img { transform:none !important; }
}