/* V4E — progressive, scroll-linked AFTER the four scroll-pinned scenes.
   Does not modify Hero / pinned panels or existing JS-reveal transforms. */
html.jsrm-details-on #company .story-image {
  background-position:46% calc(50% + var(--jsrm-detail-shift,0px));
}
html.jsrm-details-on #company .story-copy {position:relative;isolation:isolate}
html.jsrm-details-on #company .story-copy::before {
  content:"";position:absolute;top:8%;bottom:8%;left:15px;width:2px;
  background:linear-gradient(to bottom,#f7941e,#ffc078);
  transform-origin:top;transform:scaleY(var(--jsrm-detail-reveal,0));
  opacity:.66;pointer-events:none;
}
html.jsrm-details-on #technology .engine-info {
  box-shadow:0 14px var(--jsrm-detail-shadow,20px) rgba(0,0,0,.09);
}
/* Product artwork moves inside its own card; hover and original reveal stay intact. */
html.jsrm-details-on #products .product-art::after {
  content:"";pointer-events:none;position:absolute;inset:0;z-index:4;
  background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.15) 49%,transparent 73%);
  transform:translate3d(var(--jsrm-detail-sweep,0%),0,0);
  opacity:.85;
}
html.jsrm-details-on #products .product-card.dark .product-art::after {
  background:linear-gradient(110deg,transparent 19%,rgba(247,148,30,.19) 50%,transparent 80%);
}
html.jsrm-details-on #products .product-watermark {
  translate:0 var(--jsrm-detail-shift,0px);
}
/* Bounded document parallax and scan-light, without touching the hover transform
   of .paper-stack or the historic certificate content. */
html.jsrm-details-on #quality .document-sheet img {
  transform:translate3d(0,var(--jsrm-detail-paper-shift,0px),0) scale(1.04);
  transform-origin:50% 50%;
}
html.jsrm-details-on #quality .quality-document::after {
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(125deg,transparent 20%,rgba(247,148,30,.09) 48%,transparent 75%);
  background-size:230% 100%;
  background-position:var(--jsrm-detail-sweep,0%) center;
  opacity:.75;
}
/* The estimator / closing CTA gain a material reflection tied to real scroll. */
html.jsrm-details-on #quote .estimate-card {position:relative;isolation:isolate}
html.jsrm-details-on #quote .estimate-card::before {
  content:"";position:absolute;left:0;top:0;width:100%;height:3px;
  background:linear-gradient(90deg,#f7941e,#ffd49e);
  transform-origin:left;transform:scaleX(var(--jsrm-detail-reveal,0));pointer-events:none;
}
html.jsrm-details-on #contact::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 45% at 50% 92%,rgba(247,148,30,.18),transparent 70%);
  opacity:var(--jsrm-detail-entry,0);
}
html.jsrm-details-on #contact .cta-content {z-index:2}
/* Respect touch interfaces and constrained viewport dimensions. */
@media(max-width:950px){
 html.jsrm-details-on #company .story-image{background-position:center center}
 html.jsrm-details-on #company .story-copy::before{left:7px}
 html.jsrm-details-on #products .product-watermark{translate:none}
 html.jsrm-details-on #quality .document-sheet img{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .jsrm-details-on #company .story-image{background-position:center!important}
 .jsrm-details-on #products .product-watermark{translate:none!important}
 .jsrm-details-on #quality .document-sheet img{transform:none!important}
}