/* Each mobile chapter has its own scroll language. Layout and touch targets stay in place. */
@media (max-width:760px) and (prefers-reduced-motion:no-preference) {
 .wx-page.wx-choreography-ready [data-mobile-motion] {--mobile-in:1}

 /* Headings establish the chapter; copy follows without blur or unreadably small type. */
 .wx-page.wx-choreography-ready .wx-heading[data-mobile-motion="heading"] {
  animation:none!important;opacity:1!important;translate:none!important;transform:none!important;filter:none!important;clip-path:none!important;
 }
 .wx-page.wx-choreography-ready .wx-heading[data-mobile-motion="heading"]>:is(h2,h3,p,.wx-eyebrow) {animation:none!important;filter:none!important}
 .wx-page.wx-choreography-ready .wx-heading[data-mobile-motion="heading"]>:is(h2,h3) {
  opacity:calc(.3 + var(--mobile-in)*.7)!important;
  transform:translateY(calc((1 - var(--mobile-in))*24px))!important;
 }
 .wx-page.wx-choreography-ready .wx-heading[data-mobile-motion="heading"]>p {
  --copy-in:clamp(0,calc((var(--mobile-in) - .1)/.9),1);
  opacity:calc(.35 + var(--copy-in)*.65)!important;transform:translateY(calc((1 - var(--copy-in))*12px))!important;
 }
 .wx-page.wx-choreography-ready .wx-heading[data-mobile-motion="heading"]>.wx-eyebrow {opacity:calc(.5 + var(--mobile-in)*.5)}
 .wx-page.wx-choreography-ready .wx-build .wx-heading[data-mobile-motion]>:is(h2,h3) {
  transform:translateX(calc((1 - var(--mobile-in))*-18px))!important;clip-path:inset(0 calc((1 - var(--mobile-in))*18%) 0 0);
 }
 .wx-page.wx-choreography-ready .wx-continue .wx-heading[data-mobile-motion]>:is(h2,h3) {transform:translateX(calc((1 - var(--mobile-in))*20px))!important}
 .wx-page.wx-choreography-ready .wx-connect .wx-heading[data-mobile-motion]>:is(h2,h3) {
  transform:perspective(800px) rotateX(calc((1 - var(--mobile-in))*10deg))!important;transform-origin:center bottom;
 }
 .wx-page.wx-choreography-ready .wx-security .wx-heading[data-mobile-motion]>:is(h2,h3) {
  transform:none!important;clip-path:inset(0 calc((1 - var(--mobile-in))*28%) 0 0);
 }
 .wx-page.wx-choreography-ready .wx-handoff .wx-heading[data-mobile-motion]>:is(h2,h3) {
  transform:scale(calc(.95 + var(--mobile-in)*.05))!important;transform-origin:left bottom;
 }

 /* Website: a device opens in depth. The photo rail reveals images inside steady cards. */
 .wx-page.wx-choreography-ready [data-scroll-scene="screens"] .ws2-device-layout {
  transform:perspective(1000px) translateY(calc((1 - var(--mobile-in))*38px)) rotateX(calc((1 - var(--mobile-in))*9deg)) scale(calc(.94 + var(--mobile-in)*.06));transform-origin:center 70%;
 }
 .wx-page.wx-choreography-ready [data-scroll-scene="screens"] .ws2-phone {transform:none}
 .wx-page.wx-choreography-ready [data-scroll-scene="gallery"]>.wx-field-card {transform:none}
 .wx-page.wx-choreography-ready [data-scroll-scene="gallery"]>.wx-field-card>img {
  transform:scale(calc(1.1 - var(--item-in)*.1));clip-path:inset(calc((1 - var(--item-in))*12%) calc((1 - var(--item-in))*5%) 0 round 12px);
 }
 .wx-page.wx-choreography-ready [data-scroll-scene="gallery"] .wx-field-summary-copy {opacity:calc(.4 + var(--item-in)*.6);transform:translateY(calc((1 - var(--item-in))*12px))}
 .wx-page.wx-choreography-ready [data-scroll-scene="scope"]>article {
  transform:translateX(calc((1 - var(--item-in))*var(--item-direction)*20px));clip-path:none;
 }
 .wx-page.wx-choreography-ready [data-scroll-scene="scope"]>article>.wr-icon {transform:scale(calc(.72 + var(--item-in)*.28));transform-origin:left center}
 .wx-page.wx-choreography-ready [data-mobile-motion="scope"]>.wr-icon {
  transform:scale(calc(.7 + var(--mobile-in)*.3));opacity:calc(.35 + var(--mobile-in)*.65);
 }
 .wx-page.wx-choreography-ready [data-mobile-motion="scope"]>span:not(.wr-icon) {
  transform:translateX(calc((1 - var(--mobile-in))*10px));opacity:calc(.45 + var(--mobile-in)*.55);
 }
 .wx-page.wx-choreography-ready .wx-continue [data-mobile-motion="scope"]>.wr-icon {transform:rotate(calc((1 - var(--mobile-in))*-18deg)) scale(calc(.78 + var(--mobile-in)*.22))}
 .wx-page.wx-choreography-ready .wx-connect [data-mobile-motion="scope"]>.wr-icon {transform:translateY(calc((1 - var(--mobile-in))*14px))}
 .wx-page.wx-choreography-ready .wx-security [data-mobile-motion="scope"]>span:not(.wr-icon) {transform:none;clip-path:inset(0 calc((1 - var(--mobile-in))*25%) 0 0)}

 /* AI follow-on development: separate sheets assemble, then the result line draws. */
 .wx-page.wx-choreography-ready .ac4-visual{transform:perspective(900px) rotateX(calc((1 - var(--mobile-in))*6deg));transform-origin:center top}
 .wx-page.wx-choreography-ready .ac4-visual :is(.ac4-review-row,.ac4-release-list>div){translate:calc((1 - var(--mobile-in))*12px) 0}
 .wx-page.wx-choreography-ready .ac4-visual .ac4-link-line{transform:scaleY(var(--mobile-in));transform-origin:top}
 .wx-page.wx-choreography-ready .sy4-clarity .sy4-decision{clip-path:none;transform:translateY(calc((1 - var(--mobile-in))*10px))}
 .wx-page.wx-choreography-ready .ac3-art .ac3-bundle {translate:0 calc((1 - var(--mobile-in))*30px);opacity:calc(.4 + var(--mobile-in)*.6)}
 .wx-page.wx-choreography-ready .ac3-sheet-back {translate:calc((1 - var(--mobile-in))*35px) calc((1 - var(--mobile-in))*-32px)}
 .wx-page.wx-choreography-ready .ac3-sheet-middle {translate:calc((1 - var(--mobile-in))*-20px) calc((1 - var(--mobile-in))*-16px)}
 .wx-page.wx-choreography-ready .ac3-art-badge {translate:calc((1 - var(--mobile-in))*18px) calc((1 - var(--mobile-in))*-22px);scale:calc(.65 + var(--mobile-in)*.35)}
 .wx-page.wx-choreography-ready .ac3-art .ac3-orbit {clip-path:inset(0 calc((1 - var(--mobile-in))*100%) 0 0)}
 .wx-page.wx-choreography-ready [data-mobile-motion="code-copy"]>:is(.ac3-copy-head,h3,p,ul) {
  transform:translateX(calc((1 - var(--mobile-in))*16px));opacity:calc(.4 + var(--mobile-in)*.6);
 }
 .wx-page.wx-choreography-ready [data-mobile-motion="code-result"] {clip-path:none;transform:translateY(calc((1 - var(--mobile-in))*12px));opacity:calc(.65 + var(--mobile-in)*.35)}
 .wx-page.wx-choreography-ready [data-scroll-scene="sequence"]>li {
  transform:perspective(900px) rotateY(calc((1 - var(--item-in))*-12deg));transform-origin:left center;clip-path:none;
 }

 /* Payment: the card settles; each history connector grows toward the next event. */
 .wx-page.wx-choreography-ready [data-scroll-scene="payment"] .wx-receipt,
 .wx-page.wx-choreography-ready [data-scroll-scene="payment"] .wx-notification {transform:none;rotate:none}
 .wx-page.wx-choreography-ready [data-mobile-motion="payment-card"] {
  transform:perspective(800px) translateY(calc((1 - var(--mobile-in))*26px)) rotateX(calc((1 - var(--mobile-in))*-13deg));transform-origin:center top;
 }
 .wx-page.wx-choreography-ready [data-mobile-motion="payment-event"]:before {transform:scaleY(var(--mobile-in));transform-origin:top;background:#8aaad2}
 .wx-page.wx-choreography-ready [data-mobile-motion="payment-event"]>i {transform:scale(calc(.55 + var(--mobile-in)*.45));opacity:calc(.3 + var(--mobile-in)*.7)}
 .wx-page.wx-choreography-ready [data-mobile-motion="payment-event"]>:is(div,strong) {transform:translateX(calc((1 - var(--mobile-in))*14px));opacity:calc(.3 + var(--mobile-in)*.7)}
 .wx-page.wx-choreography-ready [data-mobile-motion="notification"] .px3-phone {
  transform:perspective(1000px) rotateY(calc((1 - var(--mobile-in))*-9deg));transform-origin:right center;
 }
 .wx-page.wx-choreography-ready [data-mobile-motion="message"] {
  transform:translateY(calc((1 - var(--mobile-in))*20px)) scale(calc(.88 + var(--mobile-in)*.12));transform-origin:top left;opacity:calc(.4 + var(--mobile-in)*.6);
 }
 .wx-page.wx-choreography-ready [data-scroll-scene="ledger"]>li {transform:none;clip-path:inset(0 calc((1 - var(--item-in))*35%) 0 0 round 14px)}
 .wx-page.wx-choreography-ready [data-scroll-scene="ledger"]>li>span {transform:scale(calc(.65 + var(--item-in)*.35))}

 /* Security: access nodes connect left to right; each result is scanned independently. */
 .wx-page.wx-choreography-ready [data-scroll-scene="review"] .wx-review-content {transform:none;clip-path:none}
 .wx-page.wx-choreography-ready [data-scroll-scene="review"]:after {display:none}
 .wx-page.wx-choreography-ready [data-mobile-motion="access-route"]>.sy3-node {--node-in:clamp(0,calc(var(--mobile-in)*1.6),1)}
 .wx-page.wx-choreography-ready [data-mobile-motion="access-route"]>.sy3-node:nth-child(3) {--node-in:clamp(0,calc((var(--mobile-in) - .18)*1.6),1)}
 .wx-page.wx-choreography-ready [data-mobile-motion="access-route"]>.sy3-node:nth-child(5) {--node-in:clamp(0,calc((var(--mobile-in) - .36)*1.6),1)}
 .wx-page.wx-choreography-ready [data-mobile-motion="access-route"]>.sy3-node>span {transform:scale(calc(.65 + var(--node-in)*.35));opacity:calc(.3 + var(--node-in)*.7)}
 .wx-page.wx-choreography-ready [data-mobile-motion="access-route"]>.sy3-route-arrow {transform:scaleX(var(--mobile-in));transform-origin:left}
 .wx-page.wx-choreography-ready [data-mobile-motion="boundary"] {clip-path:inset(0 calc((1 - var(--mobile-in))*45%) 0 0 round 8px)}
 .wx-page.wx-choreography-ready [data-scroll-scene="review"] [data-mobile-motion="finding"] {
  clip-path:inset(0 calc((1 - var(--mobile-in))*60%) 0 0 round 9px);transform:none;
 }
 /* Keep the full summary tappable while its icon and explanation enter. */
 .wx-page.wx-choreography-ready .sy4-clarity[data-scroll-scene="review"] [data-mobile-motion="finding"]{clip-path:none}
 .wx-page.wx-choreography-ready .sy4-clarity [data-mobile-motion="finding"] .sy3-finding-icon{transform:scale(calc(.8 + var(--mobile-in)*.2));opacity:calc(.65 + var(--mobile-in)*.35)}
 .wx-page.wx-choreography-ready .sy4-clarity [data-mobile-motion="finding"]>p{transform:translateX(calc((1 - var(--mobile-in))*12px));opacity:calc(.6 + var(--mobile-in)*.4)}
 .wx-page.wx-choreography-ready [data-scroll-scene="inspection"]>article {transform:none;clip-path:none}
 .wx-page.wx-choreography-ready [data-scroll-scene="inspection"]>article>div {transform:translateX(calc((1 - var(--item-in))*-15px));opacity:calc(.35 + var(--item-in)*.65)}
 .wx-page.wx-choreography-ready [data-scroll-scene="inspection"]>article>dl {clip-path:inset(0 0 calc((1 - var(--item-in))*35%) 0)}

 /* Process: the number lands first, followed by the step icon and its copy. */
 .wx-page.wx-reading-design.wx-choreography-ready [data-scroll-scene="process"] li[data-mobile-motion] {transform:none;clip-path:none}
 .wx-page.wx-choreography-ready [data-mobile-motion="process"]>.wr-icon {
  transform:translateY(calc((1 - var(--mobile-in))*20px)) scale(calc(.65 + var(--mobile-in)*.35));opacity:calc(.3 + var(--mobile-in)*.7);
 }
 .wx-page.wx-choreography-ready [data-mobile-motion="process"]>span:not(.wr-icon) {transform:translateX(calc((1 - var(--mobile-in))*-16px));opacity:calc(.3 + var(--mobile-in)*.7)}
 .wx-page.wx-choreography-ready [data-mobile-motion="process"]>div {transform:translateY(calc((1 - var(--mobile-in))*14px));opacity:calc(.45 + var(--mobile-in)*.55)}

 /* Handoff opens like a document; FAQ draws its rule while keeping the question steady. */
 .wx-page.wx-choreography-ready [data-scroll-scene="handoff"]>[data-mobile-motion] {
  transform:perspective(900px) rotateX(calc((1 - var(--mobile-in))*18deg));transform-origin:center top;clip-path:none;
 }
 .wx-page.wx-choreography-ready [data-mobile-motion="handoff"]>.wr-icon {transform:translateY(calc((1 - var(--mobile-in))*-10px))}
 .wx-page.wx-choreography-ready [data-scroll-scene="faq"]>[data-mobile-motion] {position:relative;clip-path:none}
 .wx-page.wx-choreography-ready [data-mobile-motion="faq"]:after {
  content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#99b4d6;transform:scaleX(var(--mobile-in));transform-origin:left;pointer-events:none;
 }
 .wx-page.wx-choreography-ready [data-mobile-motion="faq"]>summary {opacity:calc(.4 + var(--mobile-in)*.6)}
 .wx-page.wx-choreography-ready [data-mobile-motion="note"] {transform:translateY(calc((1 - var(--mobile-in))*15px));opacity:calc(.4 + var(--mobile-in)*.6)!important}
 .wx-page.wx-choreography-ready [data-mobile-motion="closing"]>.wx-section-art {
  transform:scale(calc(1.15 - var(--mobile-in)*.15));clip-path:inset(0 calc((1 - var(--mobile-in))*12%) 0 round 24px);transform-origin:center bottom;
 }
 .wx-page.wx-choreography-ready [data-mobile-motion="closing"] .wx-heading>:is(h2,h3) {transform:scale(calc(.93 + var(--mobile-in)*.07))!important;transform-origin:center bottom}
 .wx-page.wx-choreography-ready [data-mobile-motion="closing"] .wx-heading>a {transform:translateY(calc((1 - var(--mobile-in))*22px));opacity:calc(.4 + var(--mobile-in)*.6)}
}

@media (prefers-reduced-motion:reduce), print {
 .wx-page [data-mobile-motion],.wx-page [data-mobile-motion] * {
  animation:none!important;transition:none!important;transform:none!important;translate:none!important;clip-path:none!important;filter:none!important;opacity:1!important;
 }
 .wx-page [data-mobile-motion="faq"]:after {display:none}
}

/* Compact reading scale also applies to desktop windows narrower than 1100px. */
@media (min-width:761px) {
 .wx-page.wx-reading-design {--wx-panel-padding:20px}
 .wx-page.wx-reading-design>.wx-section,
 .wx-page.wx-reading-design>:is(.wx-process,.wx-handoff,.wx-faq) {padding-block:46px}
 .wx-page.wx-reading-design .wx-heading.wx-heading {margin-bottom:24px}
 .wx-page.wx-reading-design .wx-heading.wx-heading>:is(h2,h3) {font-size:clamp(24px,1.85vw,29px);line-height:1.4}
 .wx-page.wx-reading-design .wx-heading--detail.wx-heading>:is(h2,h3) {font-size:24px}
 .wx-page.wx-reading-design .wx-heading.wx-heading>.wx-eyebrow {font-size:12px;margin-bottom:10px}
 .wx-page.wx-reading-design .wx-heading.wx-heading>p {font-size:14px;line-height:1.8;margin-top:12px}

 .wx-page .wh3-work .wh3-stage {width:calc(100% - clamp(32px,4vw,80px));max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,28px)}
 .wx-page .wh3-work .wh3-card--company {grid-column:2}
 .wx-page .wh3-work .wh3-card--shop {grid-column:1;margin-top:32px}
 .wx-page .wh3-work .wh3-card--admin {grid-column:3;margin-top:32px}
 .wx-page.wx-reading-design .wh3-hero>.wx-hero-foot {width:calc(100% - clamp(32px,4vw,80px));max-width:none}
 .wx-page.wx-reading-design .ws3-gallery .ws2-device-layout {max-width:none;margin-inline:0;gap:16px;padding:14px}
 .wx-page.wx-reading-design .ws3-gallery :is(.ws2-desktop,.ws2-phone) {height:420px;min-height:420px;max-height:420px}
 .wx-page.wx-reading-design .wx-field-card>img {aspect-ratio:2.15/1}
 .wx-page.wx-reading-design .wx-field-detail>summary {min-height:84px;padding:16px 18px;gap:10px}
 .wx-page.wx-reading-design .wx-field-summary-copy h4 {font-size:18px}
 .wx-page.wx-reading-design .wx-field-tagline {margin-top:6px}

 .wx-page.wx-reading-design .wx-scope-list>li {padding:12px 14px}
 .wx-page.wx-reading-design .wx-application-content {gap:14px;margin-top:16px}
 .wx-page.wx-reading-design .wx-application-content>article {padding:20px}
 .wx-page.wx-reading-design .wx-application-content h4 {font-size:20px;margin-block:16px 10px}
 .wx-page.wx-reading-design .wx-application-content>article>.wr-icon {width:52px;height:52px}
 .wx-page.wx-reading-design .wx-application-content>.wx-delivery-line {padding:24px 28px 24px 114px;gap:6px 26px}
 .wx-page.wx-reading-design .wx-application-content>.wx-delivery-line>.wr-icon {left:26px;top:24px}

 .wx-page.wx-reading-design .ac4-clarity .ac3-stage {padding:20px 24px;gap:26px}
 .wx-page.wx-reading-design .ac4-clarity .ac3-art.ac4-visual {min-height:330px;padding:16px}
 .wx-page.wx-reading-design .ac4-review-row {padding-block:13px}
 .wx-page.wx-reading-design .ac4-visual-head {padding-bottom:16px}
 .wx-page.wx-reading-design .ac4-clarity .ac3-copy h3 {font-size:24px}
 .wx-page.wx-reading-design .ac4-clarity .ac3-copy>ul>li {padding-block:11px}
 .wx-page.wx-reading-design .ac4-clarity .ac3-result {padding:15px 17px;margin-top:14px}

 .wx-page.wx-reading-design .px3-scene.wx-payment-scene {padding:20px 24px}
 .wx-page.wx-reading-design .px3-panels.wx-payment-panels {gap:30px;max-width:1000px}
 .wx-page.wx-reading-design .px3-toolbar {margin-bottom:20px}
 .wx-page.wx-reading-design .px3-progress {padding-block:14px 20px}
 .wx-page.wx-reading-design .px3-order-content {padding:18px 20px}
 .wx-page.wx-reading-design .px3-payment-card {min-height:155px;padding:16px 20px}
 .wx-page.wx-reading-design .sy4-clarity .sy3-content {padding:24px}
 .wx-page.wx-reading-design .sy4-clarity .sy3-access {padding:18px}
 .wx-page.wx-reading-design .sy4-clarity .sy3-title h3 {font-size:24px}
 .wx-page.wx-reading-design .sy4-clarity.sy3-review .sy3-finding.wx-audit-row {padding:16px}
 .wx-page.wx-reading-design .sy4-request-path>div {padding-block:14px}
 .wx-page.wx-reading-design .sy4-clarity .sy3-boundary.sy4-decision {padding:16px}

 .wx-page.wx-reading-design .wx-process-grid {gap:16px}
 .wx-page.wx-reading-design .wx-process-group li {padding:18px}
 .wx-page.wx-reading-design .wx-process-group li>.wr-icon {width:44px;height:44px;margin-bottom:10px}
 .wx-page.wx-reading-design .wx-process-group li h3 {font-size:18px;margin-bottom:8px}
 .wx-page.wx-reading-design .wx-process-group li .wx-process-detail {padding-top:11px;margin-top:12px}
 .wx-page.wx-reading-design .wx-handoff dl {gap:14px}
 .wx-page.wx-reading-design .wx-handoff dl>div {padding:18px}
 .wx-page.wx-reading-design .wx-handoff .wr-icon {width:44px;height:44px;margin-bottom:12px}
 .wx-page.wx-reading-design .wx-handoff dt {font-size:18px}
 .wx-page.wx-reading-design .wx-terms>div>details>summary {padding-block:17px;font-size:16px}
}
@media (min-width:980px) {
 .wx-page.wx-reading-design .ws3-gallery .ws2-device-layout {grid-template-columns:minmax(0,1fr) 198px}
 .wx-page.wx-reading-design .px3-panels.wx-payment-panels {grid-template-columns:minmax(0,1fr) 280px}
}
@media (min-width:761px) and (max-width:979px) {
 .wx-page.wx-reading-design .ws3-gallery .ws2-phone {width:min(290px,100%)}
}