/* Scroll-linked movement explains the journey without moving reading text. */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    html:not([data-motion="paused"]) .chapter-copy::after {
      content:"";display:block;width:150px;height:2px;margin-top:30px;
      background:linear-gradient(90deg,#d2b386,#c8dfb3,transparent);
      transform-origin:left;animation:scroll-trail linear both;
      animation-timeline:view();animation-range:entry 0% cover 55%;
    }
    html:not([data-motion="paused"]) .feature-panel:not([hidden]) .demo-phone {
      animation:scroll-phone linear both;animation-timeline:view();animation-range:entry 0% exit 100%;
    }
    html:not([data-motion="paused"]) .terrain-illustration .topography {
      animation:scroll-contours linear both;animation-timeline:view();animation-range:entry 0% exit 100%;
    }
    html:not([data-motion="paused"]) .room-art {
      animation:scroll-room linear both;animation-timeline:view();animation-range:entry 0% exit 100%;
    }
    html:not([data-motion="paused"]) .brochure-book:not(:hover) {
      animation:scroll-book linear both;animation-timeline:view();animation-range:entry 0% exit 100%;
    }
    html:not([data-motion="paused"]) .support-option summary::after {
      content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;
      background:linear-gradient(90deg,#d4b487,#b5d2a1,transparent);transform-origin:left;
      animation:scroll-trail linear both;animation-timeline:view();animation-range:entry 0% cover 50%;
      pointer-events:none;
    }
    .support-option summary{position:relative}
  }
}
@keyframes scroll-trail{from{transform:scaleX(.08);opacity:.2}to{transform:scaleX(1);opacity:.8}}
@keyframes scroll-phone{0%{transform:translateY(16px) rotate(-7deg)}50%{transform:translateY(0) rotate(-3deg)}100%{transform:translateY(-14px) rotate(-1deg)}}
@keyframes scroll-contours{from{transform:translate(-7px,12px) rotate(-3deg) scale(1.03)}to{transform:translate(8px,-11px) rotate(3deg) scale(1.03)}}
@keyframes scroll-room{0%{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}50%{transform:perspective(1200px) rotateY(0) rotateX(0)}100%{transform:perspective(1200px) rotateY(3deg) rotateX(-1deg)}}
@keyframes scroll-book{0%{transform:perspective(1400px) rotateY(-18deg) rotateZ(5deg) translateY(12px)}50%{transform:perspective(1400px) rotateY(-11deg) rotateZ(3deg)}100%{transform:perspective(1400px) rotateY(-5deg) rotateZ(1deg) translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.chapter-copy::after,.support-option summary::after{animation:none!important}.demo-phone,.room-art,.brochure-book,.terrain-illustration .topography{animation:none!important}}