/* Scene 02: the real clinical image becomes a sequence of readable layers. */
.xray-stage{position:absolute;z-index:1;right:8%;top:13%;width:min(43vw,670px);height:76vh;perspective:1300px}.xray-field{position:absolute;right:0;top:5%;width:min(36vw,540px);aspect-ratio:1;border:1px solid rgba(255,255,255,.18);background:#080909;overflow:hidden;box-shadow:-25px 35px 90px rgba(0,0,0,.5);transform:rotateY(-16deg) rotateZ(4deg);transition:transform .9s cubic-bezier(.2,.75,.2,1),filter .7s ease}.xray-field:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,214,213,.22),transparent 43%,rgba(239,104,49,.18));mix-blend-mode:screen}.xray-field img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) invert(1) contrast(1.6) brightness(.88);transform:scale(1.19);transition:transform .9s cubic-bezier(.2,.75,.2,1)}.scan{position:absolute;z-index:2;display:block;background:linear-gradient(90deg,transparent,#75efec,transparent);height:1px;width:110%;left:-5%;opacity:.7;box-shadow:0 0 13px #75efec;transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .5s ease}.scan-a{top:28%;transform:rotate(-17deg)}.scan-b{top:50%;transform:rotate(-17deg)}.scan-c{top:72%;transform:rotate(-17deg)}.pin{position:absolute;z-index:3;width:9px;aspect-ratio:1;border-radius:50%;background:#ef6831;box-shadow:0 0 0 7px rgba(239,104,49,.14),0 0 19px rgba(239,104,49,.8);transition:transform .8s cubic-bezier(.2,.75,.2,1),opacity .4s ease}.pin-a{left:42%;top:32%}.pin-b{left:54%;top:49%}.pin-c{left:43%;top:67%}.xray-caption{position:absolute;z-index:3;padding:9px 11px;background:rgba(16,17,16,.85);border:1px solid rgba(117,239,236,.28);color:#c9f3f1;font:500 clamp(8px,.75vw,11px)/1.3 var(--mono);letter-spacing:.08em;opacity:0;transition:opacity .45s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.cap-a{right:2%;top:17%;transform:translate(28px,-9px)}.cap-b{right:35%;bottom:24%;transform:translateY(18px)}.cap-c{left:4%;bottom:7%;transform:translateX(-22px)}
.body-motion[data-step="1"] .xray-field{transform:rotateY(-6deg) rotateZ(0) scale(1.06);filter:saturate(1.2)}.body-motion[data-step="1"] .xray-field img{transform:scale(1.5) translate(-8%,5%)}.body-motion[data-step="1"] .scan-a{transform:translateY(30px) rotate(-17deg)}.body-motion[data-step="1"] .scan-b{transform:translateY(-8px) rotate(-17deg)}.body-motion[data-step="1"] .scan-c{transform:translateY(-38px) rotate(-17deg)}.body-motion[data-step="1"] .pin{transform:scale(1.35)}.body-motion[data-step="1"] .cap-a{opacity:1;transform:translate(0,0)}.body-motion[data-step="1"] .cap-b{opacity:1;transform:translateY(0)}
.body-motion[data-step="2"] .xray-field{transform:rotateY(0) rotateZ(-2deg) scale(1.12);filter:sepia(.08) saturate(1.4)}.body-motion[data-step="2"] .xray-field img{transform:scale(1.72) translate(-12%,9%)}.body-motion[data-step="2"] .scan{opacity:.28}.body-motion[data-step="2"] .pin-a{transform:translate(-40px,18px) scale(1.55)}.body-motion[data-step="2"] .pin-b{transform:translate(35px,-16px) scale(1.55)}.body-motion[data-step="2"] .pin-c{transform:translate(-28px,40px) scale(1.55)}.body-motion[data-step="2"] .cap-a,.body-motion[data-step="2"] .cap-b,.body-motion[data-step="2"] .cap-c{opacity:1;transform:translate(0,0)}
@media(max-width:760px){
  .body-motion .motion-copy{top:16%;max-height:38svh;overflow:hidden}
  .body-motion .motion-copy h2{font-size:clamp(38px,10.5vw,52px);margin-bottom:16px}
  .body-motion .motion-copy>p:last-child{font-size:15px;line-height:1.42}
  .xray-stage{width:76vw;height:32svh;right:6%;top:auto;bottom:7%}
  .xray-field{width:68vw}
  .xray-caption{display:none}
}