/* Desktop editorial reading experience — remains static on touch and reduced motion. */
@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  html.editorial-motion-ready { scroll-behavior: smooth; }
  .editorial-motion-ready .hero-photo { transform: scale(1.055) translate3d(0, var(--hero-drift, 0px), 0); will-change: transform; }
  .editorial-motion-ready .hero-copy { transform: translate3d(0, var(--hero-copy-drift, 0px), 0); }
  .editorial-motion-ready .hero-photo, .editorial-motion-ready .hero-copy { transition: transform .14s linear; }
  .editorial-motion-ready .editorial-reveal { opacity: 0; transform: translate3d(0, 36px, 0); transition: opacity .9s cubic-bezier(.2,.75,.2,1), transform .95s cubic-bezier(.2,.75,.2,1); }
  .editorial-motion-ready .editorial-reveal.is-inview { opacity: 1; transform: translate3d(0,0,0); }
  .editorial-motion-ready .editorial-reveal.editorial-delay { transition-delay: .12s; }
  .editorial-motion-ready .editorial-frame { overflow: hidden; }
  .editorial-motion-ready .editorial-frame > img { transition: transform 1.35s cubic-bezier(.2,.75,.2,1), filter 1.2s ease; transform: scale(1.055); }
  .editorial-motion-ready .editorial-frame.is-inview > img { transform: scale(1); }
  .editorial-motion-ready .editorial-frame:hover > img { transform: scale(1.035); }
  .editorial-scroll-progress { position: fixed; z-index: 30; top: 0; left: 0; right: 0; height: 2px; pointer-events: none; background: rgba(25,36,31,.08); }
  .editorial-scroll-progress span { display:block; width:100%; height:100%; background:#8b998b; transform-origin:left; transform:scaleX(var(--editorial-progress,0)); }
  .editorial-chapter-marker { position:fixed; z-index:15; left:22px; top:50%; transform:translateY(-50%); writing-mode:vertical-rl; rotate:180deg; font:600 9px/1.2 'DM Sans',sans-serif; letter-spacing:.2em; color:#68756d; pointer-events:none; mix-blend-mode:multiply; opacity:.85; }
  .editorial-motion-ready .service-item { transition: padding .35s ease, background-color .35s ease; }
  .editorial-motion-ready .service-item:hover { padding-left:18px; padding-right:18px; background-color:rgba(25,36,31,.035); }
}
@media (max-width: 900px), (prefers-reduced-motion: reduce) {
  .editorial-scroll-progress,.editorial-chapter-marker { display:none; }
}