.reference-preview{position:relative}.case-stage--law{background:linear-gradient(135deg,#c8c3b4,#e7e2d7)}.case-stage--law .case-stage-label,.case-stage--law .case-open{color:#243947}.case-stage--law .phone-frame{border-color:#172c39}
.case-stage--nutrition{background:linear-gradient(135deg,#dfd9e3,#eee9e2)}.case-stage--nutrition .case-stage-label,.case-stage--nutrition .case-open{color:#694464}.case-stage--nutrition .phone-frame{border-color:#594453}
.reference-preview .browser-frame>img,.reference-motion{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;background:#f6f5f1}.reference-preview .phone-frame img{display:block}
.reference-motion-toggle{position:absolute;left:7%;bottom:20px;z-index:2;border:1px solid #6d526c45;border-radius:24px;padding:9px 15px;font-family:inherit;font-weight:600;font-size:12px;line-height:1.3;background:#fff;color:#50354d;cursor:pointer;box-shadow:0 4px 16px #2115260d}.reference-motion-toggle:hover{background:#50354d;color:#fff}.reference-motion-toggle:focus-visible{outline:3px solid #5548d9;outline-offset:4px}.reference-motion-toggle[hidden]{display:none}
.case-study .reference-preview{margin:55px 0}.case-study .reference-preview .case-stage{margin:0}.case-story li{margin-bottom:12px;color:var(--muted)}.reference-source-note{font-size:13px}
@media(max-width:600px){.reference-motion-toggle{left:5%;bottom:14px;padding:8px 11px;font-size:10px}.case-study .reference-preview{margin:30px 0}.reference-preview .case-stage-label{font-size:8px;letter-spacing:.13em}}