.patient-cinema-story{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)}.patient-cinema-story .patient-scroll-step{min-height:110svh}.patient-cinema-story .patient-hero-title{letter-spacing:-.055em;margin:0;font-size:clamp(44px,4.6vw,76px);font-weight:500;line-height:1.03}.patient-cinema-story .patient-hero-title span{white-space:normal;overflow-wrap:normal;display:block}.patient-cinema-story .patient-hero-title span+span{color:#a9b3b0;margin-top:.12em}.patient-cinema-story .patient-scroll-step h2{letter-spacing:-.05em;font-size:clamp(40px,4.5vw,76px);line-height:1.03}.patient-cinema-story .patient-scroll-step .section-number{font-size:14px}.patient-cinema-story .patient-scroll-caveat{color:#a0aaa8;font-size:14px}.patient-cinema{width:100%;min-width:0}.patient-cinema-image{background:#050606;border-radius:22px;width:100%;height:min(67svh,770px);min-height:340px;position:relative;overflow:hidden}.patient-cinema-image>img,.patient-cinema-image>video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.patient-cinema-image>img{opacity:0;transition:opacity .65s}.patient-cinema-image>img.current,.patient-cinema-image>img.cinema-poster{opacity:1}.patient-cinema-image.reduced>img{transition:none}.cinema-finding{color:#b9c7c3;text-shadow:0 2px 8px #000;pointer-events:none;font-size:14px;position:absolute;bottom:20px;left:24px;right:24px}.patient-cinema-toolbar{align-items:center;gap:12px;padding:20px 0 12px;display:flex}.cinema-chapter-number{color:#8ee7df;white-space:nowrap;margin-right:8px;font-size:13px}.patient-cinema-toolbar button{color:#e8edeb;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #3c4845;border-radius:24px;padding:9px 16px;font-size:14px}.patient-cinema-toolbar label{flex:1;min-width:40px}.patient-cinema-toolbar input{accent-color:#8ee7df;width:100%;min-height:32px}.cinema-state-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cinema-state-buttons button{color:#9baaa4;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #35403c;min-height:44px;padding:12px 2px;font-size:14px}.cinema-state-buttons button[aria-pressed=true]{color:#f2f4f2;border-color:#8ee7df}.cinema-angle-buttons{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.cinema-angle-buttons button{font-size:12px}.patient-cinema button:focus-visible,.patient-cinema input:focus-visible{outline-offset:4px;outline:2px solid #8ee7df}.cinema-error{color:#e1e7e5;background:#111a18;padding:16px;font-size:14px;position:absolute;inset:20px 20px auto}.cinema-joint-trace{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (width<=900px){.patient-cinema-story{flex-direction:column;display:flex}.patient-cinema-story .patient-scroll-visual-wrap{z-index:4;background:#0a0c0d;order:-1;display:block;position:sticky;top:68px}.patient-cinema-story .patient-scroll-visual{height:auto;padding:14px 20px 0;position:static;overflow:visible}.patient-cinema-image{border-radius:14px;height:37svh;min-height:210px}.patient-cinema-toolbar{gap:8px;padding:10px 0}.patient-cinema-toolbar button{padding:7px 12px}.cinema-state-buttons{display:none}.patient-cinema-story .patient-scroll-step{justify-content:center;min-height:70svh;padding:72px 24px}.patient-cinema-story .patient-scroll-intro{min-height:65svh}.patient-cinema-story .patient-hero-title{font-size:clamp(38px,8vw,64px)}.patient-cinema-story .patient-scroll-step h2{font-size:clamp(36px,8vw,60px)}.cinema-finding{font-size:12px;bottom:12px;left:16px}}@media (height<=600px) and (width<=900px){.patient-cinema-story .patient-scroll-visual-wrap{position:relative;top:68px}.patient-cinema-image{height:300px}}.patient-native-knee>canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}