/* SOURVA 1.6: native 3D paperwork, consent and receipt objects. */
.mechanism-scene{perspective:1100px;isolation:isolate}.mechanism-stage{position:relative;aspect-ratio:3/2;overflow:hidden;min-width:0;background:radial-gradient(ellipse at 50% 58%,#1a2641 0%,#0e1527 55%,#0b1020 80%);border-radius:16px}.visual-floor{position:absolute;left:12%;right:9%;bottom:10%;height:43%;background:linear-gradient(130deg,#22304c44,#2d3d6333);transform:perspective(550px) rotateX(62deg) rotateZ(-9deg);border:1px solid #8b9bbe26;border-radius:35%;box-shadow:0 14px 50px #0005}.visual-assembly{position:absolute;inset:0;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .28s ease-out}.paper-stack,.watch-stack,.studio-ledger{position:absolute;width:46%;height:75%;left:16%;top:8%;transform:perspective(1100px) rotateY(-17deg) rotateX(8deg) rotateZ(-9deg);transform-style:preserve-3d}.paper-card{width:100%;height:100%;padding:8%;background:linear-gradient(138deg,#f4f1e8,#d7ddeb);color:#182540;border:1px solid #fff9;border-radius:5px;box-shadow:2px 2px #b3bfd6,4px 4px #8d9eba,7px 8px #536483,24px 25px 40px #0004;position:relative;overflow:hidden}.paper-letterhead{display:flex;justify-content:space-between;gap:8px;padding-bottom:7%;border-bottom:1px solid #b0bcd0;font-size:clamp(6px,.7vw,10px);letter-spacing:.08em;font-weight:700}.paper-letterhead span:last-child{font-weight:400}.paper-heading{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.05;letter-spacing:-.04em;font-size:clamp(21px,2.6vw,38px);margin:10% 0 7%}.paper-subtitle{font-size:clamp(6px,.72vw,10px);letter-spacing:.11em;color:#485b7e;margin-bottom:10%}.paper-line{display:block;width:74%;height:3px;background:#a6b3cc;margin:8% 0;opacity:.7}.paper-line.long{width:94%;background:#6c7da3}.paper-line.short{width:54%}.paper-rule{height:1px;background:#afbcd0;margin:10% 0}.paper-mini{font-size:clamp(7px,.78vw,11px);line-height:2.4;letter-spacing:.07em;color:#586c91}.paper-foot{position:absolute;bottom:7%;left:8%;right:8%;font-size:clamp(6px,.7vw,9px);border-top:1px solid #b6c1d6;padding-top:7%;letter-spacing:.07em}.paper-under{position:absolute;width:100%;height:100%;background:linear-gradient(140deg,#536dfe,#3346a0);transform:translate3d(-15px,8px,-10px) rotateZ(-6deg);border:1px solid #8192ff;border-radius:5px;box-shadow:9px 14px 26px #0004}.allocation-object{position:absolute;right:8%;bottom:14%;width:42%;background:linear-gradient(145deg,#233150,#131d33);padding:5%;border:1px solid #7a8dab73;border-radius:12px;box-shadow:2px 3px #475577,5px 6px #283957,16px 20px 30px #0006;transform:perspective(1000px) rotateY(-9deg) rotateX(6deg) rotateZ(7deg);animation:paper-drift 7s ease-in-out infinite}.object-eyebrow{display:block;font-size:clamp(7px,.8vw,10px);letter-spacing:.1em;color:#c1cbee}.allocation-bands{height:9px;border-radius:3px;overflow:hidden;display:flex;margin:12% 0}.allocation-bands i{width:var(--share);background:var(--shade)}.allocation-row{display:flex;justify-content:space-between;padding:5% 0;border-bottom:1px solid #455474;color:#dce3f4;font-size:clamp(9px,1vw,13px)}.allocation-row b{font-weight:500;color:#eaeefb}.object-micro{display:block;color:#9faecc;letter-spacing:.1em;font-size:clamp(6px,.6vw,8px);margin-top:10%}.consent-tag{position:absolute;right:5%;top:17%;padding:12px 16px;background:#dce4f3;color:#233354;border:1px solid #f2f5ff;border-radius:8px;box-shadow:2px 4px #9baed0,12px 14px 28px #0004;display:flex;align-items:center;gap:10px;transform:rotateZ(5deg);font-size:clamp(9px,1vw,12px);max-width:45%}.object-symbol{border:1px solid #6d7f9e;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:600;flex-shrink:0}.diagram-label{position:absolute;left:6%;bottom:5%;color:#9baac8;font-size:8px;letter-spacing:.13em}.mechanism-scene figcaption{display:flex;gap:14px;justify-content:space-between;align-items:start;margin:0;padding:14px 8px;border-top:1px solid #33415d}.mechanism-scene figcaption>span{font-size:9px;letter-spacing:.1em;color:#a2b0ce;max-width:45%}.mechanism-scene figcaption p{font-size:12px;line-height:1.45;color:#dce3f2;text-align:right;margin:0;max-width:50%}.signature-lines{margin-top:11%;display:grid;gap:11px}.signature-lines span{font-size:clamp(8px,.88vw,12px);padding-bottom:9px;border-bottom:1px solid #a8b8d5;color:#3b527a}.record-strip{position:absolute;bottom:11%;left:18%;right:10%;padding:13px 16px;background:#1b2945;border:1px solid #5d709578;border-radius:5px;transform:rotateZ(3deg);box-shadow:8px 10px 20px #0004;color:#d3dcf0;font-size:clamp(9px,1vw,13px)}.scene-consent .paper-stack{left:22%;width:48%;transform:perspective(950px) rotateY(-14deg) rotateZ(-7deg)}.scene-consent .consent-tag{right:5%;top:28%}.scene-consent .record-strip{bottom:9%}.receipt-object{position:absolute;left:8%;top:25%;width:38%;background:linear-gradient(140deg,#e9edf8,#c4d1e8);color:#223451;border-radius:8px;padding:5%;box-shadow:3px 5px #8da3c7,13px 15px 22px #0005;transform:perspective(1000px) rotateY(12deg) rotateZ(-8deg)}.receipt-object .object-eyebrow{color:#476088}.receipt-object b{display:block;font-size:clamp(15px,1.6vw,23px);line-height:1.15;margin:12% 0}.receipt-object>span:last-child{font-size:10px;line-height:1.6}.ledger-connectors{position:absolute;inset:8% 0 0;width:100%;height:80%;fill:none;stroke:#8295c6;stroke-width:2;stroke-dasharray:4 6}.scene-split .allocation-object{right:8%;top:15%;bottom:auto;width:39%}.claim-slip{position:absolute;bottom:13%;right:14%;padding:14px 22px;background:#d8e0f1;color:#223451;border-radius:6px;box-shadow:2px 4px #8ea3c6;font-size:clamp(12px,1.3vw,18px);transform:rotateZ(5deg)}.claim-slip span{font-size:10px;color:#4e658c}.chain-plates{position:absolute;left:18%;right:15%;top:13%;bottom:18%;transform-style:preserve-3d;transform:perspective(850px) rotateX(25deg) rotateY(-15deg) rotateZ(-12deg)}.chain-plate{position:absolute;left:0;width:100%;height:49%;background:linear-gradient(130deg,#e8edf6,#bac9e3);border:1px solid #f7f9ff;border-radius:12px;padding:7%;box-shadow:3px 4px #93a5c5,7px 9px #4c658e,22px 27px 35px #0005;color:#233957}.chain-plate:nth-child(1){top:0;z-index:3}.chain-plate:nth-child(2){top:28%;left:12%;z-index:2;background:linear-gradient(130deg,#7389dc,#425bae);color:#f2f5ff}.chain-plate:nth-child(3){top:58%;left:-9%;z-index:1}.chain-plate b{display:block;font-size:clamp(20px,2.6vw,34px);font-weight:500}.chain-plate span{font-size:clamp(8px,.85vw,12px)}.network-tag{position:absolute;bottom:7%;right:6%;font-size:9px;letter-spacing:.1em;color:#a7b8dc}.rulebook{position:absolute;left:12%;right:10%;top:16%;height:62%;display:flex;transform:perspective(1000px) rotateX(18deg) rotateY(-6deg) rotateZ(-7deg);box-shadow:4px 8px #8d9ab4,8px 12px #566582,18px 29px 40px #0006}.book-leaf{width:50%;background:#e8ebf3;padding:6%;color:#283e63;border-radius:3px}.book-leaf:first-child{background:linear-gradient(100deg,#edf0f7,#c2cee1);border-right:1px solid #9aaccb}.book-leaf:last-child{background:linear-gradient(100deg,#bccae0,#f3f4f7);border-left:1px solid #ffffff}.book-leaf .object-eyebrow{color:#546991;font-size:clamp(6px,.7vw,10px)}.book-leaf b{display:block;font-size:clamp(14px,1.7vw,25px);font-weight:500;line-height:1.35;letter-spacing:-.03em;margin:12% 0 10%}.archive-records{position:absolute;left:15%;right:17%;top:15%;height:70%;transform:perspective(1000px) rotateY(-15deg) rotateZ(-8deg)}.archive-record{position:absolute;top:0;left:0;right:0;min-height:45%;padding:7%;color:#203451;background:linear-gradient(120deg,#f1f2f8,#c3d1e6);border:1px solid #f8faff;box-shadow:2px 4px #8ba1c5,6px 8px #526b94,12px 20px 30px #0005;border-radius:8px}.archive-record:nth-child(2){top:28%;left:8%;right:-8%;background:linear-gradient(120deg,#667bce,#3d56a4);color:#eef3ff}.archive-record:nth-child(3){top:58%;left:2%;right:-2%}.archive-record>span{font-size:11px;margin-right:12px;opacity:.7}.archive-record b{font-size:clamp(13px,1.6vw,22px);font-weight:500}.archive-record small{display:block;font-size:8px;letter-spacing:.1em;padding-top:8px;opacity:.7}.scene-archive .record-strip{display:none}.reference-lens{position:absolute;right:-28%;bottom:18%;width:48%;aspect-ratio:1;border:12px solid #8496c5;border-radius:50%;background:#b3caff24;box-shadow:inset 0 0 0 2px #dee8ff99,4px 6px #3c547e,15px 15px 24px #0004;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(1px);transform:translateZ(35px)}.reference-lens span{font-size:9px;line-height:1.4;text-align:center;color:#324a73;background:#edf2ffb8;padding:6px;border-radius:3px}.reference-lens i{height:2px;width:65%;background:#6786ce;margin-bottom:8px}.source-reference{font-size:clamp(7px,.7vw,10px);background:#d0d9e9;border:1px solid #a1b6d2;color:#45628b;padding:9%;border-radius:3px;margin-top:12%}.scene-lab .paper-stack{left:23%;width:43%;height:74%}.scene-lab .consent-tag{left:11%;right:auto;top:auto;bottom:9%;max-width:78%}.watch-stack{left:24%;width:48%;height:74%;transform:perspective(1100px) rotateY(13deg) rotateX(10deg) rotateZ(8deg)}.bookmark-tab{position:absolute;right:14%;top:-2%;width:19%;height:34%;background:#536dfe;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);box-shadow:5px 10px 15px #0003;transform:translateZ(8px)}.scene-watch .record-strip{left:12%;right:18%;bottom:8%;transform:rotateZ(-5deg)}.studio-ledger{left:21%;width:49%;height:73%;transform:perspective(1000px) rotateX(13deg) rotateY(-13deg) rotateZ(-9deg)}.ledger-back{position:absolute;inset:-7% -5% -4%;background:#4c649e;border:1px solid #91a2c8;border-radius:7px;transform:translateZ(-16px);box-shadow:4px 8px #273d6a,25px 30px 35px #0005}.studio-tray{position:absolute;bottom:10%;left:18%;right:13%;display:flex;gap:12px;padding:15px 22px;background:#253957;border:1px solid #6782ac;border-radius:7px;transform:rotateZ(5deg);box-shadow:4px 5px #111d34;color:#dae4f4;font-size:9px;letter-spacing:.06em;justify-content:space-between}.identity-plaque{position:absolute;left:25%;right:22%;top:13%;height:70%;background:linear-gradient(140deg,#1c2943,#101a2d);border:1px solid #6b7b9a;border-radius:15px;box-shadow:5px 7px #3e547c,24px 29px 40px #0007;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transform:perspective(1000px) rotateY(-18deg) rotateX(8deg) rotateZ(-8deg);z-index:2}.identity-plaque img{width:48%;border-radius:12px}.identity-plaque b{font-family:'Space Grotesk',sans-serif;font-size:clamp(18px,2vw,30px);letter-spacing:.16em;font-weight:500}.identity-plaque>span{font-size:9px;text-align:center;padding:0 12px;color:#b3c4e3}.identity-under{left:28%;top:18%;height:68%;width:46%;transform:rotateZ(2deg)}
.utility .mechanism-stage,.step-visual .mechanism-stage,.summary .mechanism-stage{aspect-ratio:3/2}.utility .mechanism-scene figcaption,.step-visual .mechanism-scene figcaption,.summary .mechanism-scene figcaption{display:none}.utility .paper-heading,.summary .paper-heading,.step-visual .paper-heading{font-size:20px}.utility .allocation-row,.summary .allocation-row,.step-visual .allocation-row{font-size:10px}.utility .consent-tag,.summary .consent-tag{padding:8px;font-size:9px}.utility .paper-letterhead,.summary .paper-letterhead{font-size:6px}.utility .object-eyebrow,.summary .object-eyebrow{font-size:7px}.utility .signature-lines,.summary .signature-lines{gap:4px}.utility .diagram-label,.summary .diagram-label{font-size:6px}.step-visual .mechanism-stage{max-height:210px}.mechanism-stage a,.mechanism-stage button{pointer-events:none}
@keyframes paper-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}
:root[data-motion="paused"] .mechanism-scene *{animation-play-state:paused!important}:root[data-motion="paused"] .visual-assembly{transform:none!important}
@media(prefers-reduced-motion:reduce){.mechanism-scene *{animation:none!important;transition:none!important}.visual-assembly{transform:none!important}}
@media(max-width:760px){.paper-heading{font-size:clamp(23px,5.5vw,37px)}.paper-letterhead,.paper-subtitle,.paper-foot{font-size:clamp(6px,1.7vw,10px)}.paper-mini{font-size:clamp(8px,2vw,12px)}.allocation-row{font-size:clamp(9px,2.5vw,14px)}.object-eyebrow{font-size:clamp(7px,2vw,11px)}.consent-tag{font-size:clamp(9px,2.4vw,13px);padding:10px}.signature-lines span{font-size:clamp(8px,2vw,11px)}.book-leaf b{font-size:clamp(17px,4vw,25px)}.archive-record b{font-size:clamp(15px,3.5vw,23px)}.chain-plate b{font-size:28px}.chain-plate span{font-size:10px}.mechanism-scene figcaption p{font-size:11px}.mechanism-scene figcaption>span{font-size:8px}}

/* Size decorative type to the object, including compact summaries and phones. */
.mechanism-stage{container-type:inline-size}.paper-card{display:flex;flex-direction:column}.paper-letterhead{padding-bottom:4%;font-size:clamp(5px,1.6cqw,10px)}.paper-heading{font-size:clamp(15px,5.5cqw,34px);margin:6% 0 4%;flex-shrink:0}.paper-subtitle{font-size:clamp(5px,1.5cqw,9px);margin-bottom:5%;flex-shrink:0}.paper-line{margin:3% 0;height:2px;flex-shrink:0}.paper-rule{margin:4% 0;flex-shrink:0}.paper-mini{font-size:clamp(6px,1.5cqw,9px);line-height:1.9}.paper-foot{font-size:clamp(5px,1.4cqw,9px);padding-top:4%}.signature-lines{margin-top:5%;gap:7px}.signature-lines span{font-size:clamp(6px,1.7cqw,10px);padding-bottom:5px}.source-reference{padding:6%;margin-top:6%;font-size:clamp(5px,1.6cqw,9px)}.utility .paper-heading,.summary .paper-heading,.step-visual .paper-heading{font-size:clamp(13px,5.5cqw,23px)}.utility .paper-letterhead,.summary .paper-letterhead{font-size:clamp(4px,1.6cqw,7px)}.utility .signature-lines,.summary .signature-lines{gap:3px}.utility .signature-lines span,.summary .signature-lines span{padding-bottom:2px}.utility .paper-foot,.summary .paper-foot{bottom:5%}
