/* Real working materials in the principles section. */
.principles-real .real-principle-visual{background:#101211;background-image:none;border:1px solid #343c36;border-radius:14px;padding:27px 24px 51px;min-height:330px;overflow:hidden;isolation:isolate}.principle-proof{position:relative;display:block;width:100%;padding:0;border:1px solid #606862;border-radius:9px;background:#fff;box-shadow:0 18px 35px #0005;overflow:hidden;transform:rotate(-1deg);transition:transform .4s var(--ease),border-color .4s;text-align:left}.principle-proof:hover{transform:rotate(0);border-color:var(--money)}.proof-crop{display:block;aspect-ratio:16/10;overflow:hidden;background:#f6f7f8}.principle-proof img{display:block;width:100%;height:auto;max-width:none}.principle-decomp .proof-crop img{width:155%;transform:translate(-.7%,-1%)}.principle-content .proof-crop img{width:150%;transform:translate(-4%,-3%)}.proof-enlarge{position:absolute;bottom:11px;right:11px;padding:6px 10px;border:1px solid #929a94;border-radius:20px;background:#101411e8;color:#fff;font-size:8px;line-height:1.5;z-index:2}.real-principle-visual .visual-caption{color:#d3d8d3;left:24px;right:24px;bottom:18px;font-size:7px;letter-spacing:.08em;line-height:1.55}.principle-partnership.real-principle-visual{min-height:430px;display:block;background:radial-gradient(ellipse at 65% 48%,#ffffff08,transparent 65%),#101211}.payment-proof{width:54%;max-width:265px;margin-left:5%;transform:rotate(-2deg)}.payment-proof .proof-enlarge{right:8px;bottom:8px;font-size:7px;padding:5px 8px}.principle-circle{position:absolute;width:44%;max-width:228px;aspect-ratio:1;right:7%;bottom:54px;z-index:3;border:5px solid #101211;border-radius:50%;background:#f8faf7;box-shadow:0 0 0 1px #737c74,0 16px 35px #0007;overflow:hidden}.principle-circle video{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.circle-silent{position:absolute;right:13%;bottom:9%;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#101211c9;border:1px solid #a2aba4}.circle-silent svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.principle-investment{border-left:2px solid var(--money);padding-left:15px;color:#e1e8e1!important}.principle-copy .principle-meta-link{display:inline-block;font-size:8px;line-height:1.5;color:#9fa9a0;text-decoration:underline;text-underline-offset:3px;margin-top:12px}.principle-involvement{border-top:1px solid #3a423b;padding-top:14px;color:#e1e8e1!important}.principle-financial.real-principle-visual{display:flex;flex-direction:column;justify-content:center;padding-bottom:62px;min-height:340px;gap:18px}.principle-financial .proof-crop{aspect-ratio:16/9}.principle-financial .proof-crop img{width:180%;transform:translate(-27%,-35%)}.principle-report-tags{display:flex;gap:6px;align-items:center;justify-content:start;width:100%;flex-wrap:wrap}.principle-report-tags>span{font-size:8px;line-height:1.4;border:1px solid #5c665e;border-radius:4px;padding:5px 8px;color:#e4e9e4}.principle-report-tags>span:last-child{color:var(--money);border-color:#95bf9e}
@media(max-width:1100px){.principles-real .real-principle-visual{padding:23px 20px 48px;min-height:290px}.principle-partnership.real-principle-visual{min-height:385px}.real-principle-visual .visual-caption{left:20px;right:20px;font-size:6px}.principle-financial.real-principle-visual{padding-bottom:59px;min-height:300px}.principle-circle{right:4%;bottom:57px}.payment-proof{width:60%;margin-left:1%}.principle-report-tags>span{font-size:7px;padding:5px 7px}}
@media(max-width:900px) and (min-width:701px){.principle-partnership.real-principle-visual{min-height:345px}.principle-circle{width:47%;right:4%;bottom:63px}.payment-proof{width:69%;margin-left:0}.principle-report-tags{gap:5px}.principle-report-tags>span{font-size:6px;padding:4px 6px}.principles-real .principle-copy>p{font-size:11px;line-height:1.85}}
@media(max-width:700px){.principles-real .real-principle-visual{padding:21px 19px 46px;min-height:0;border-radius:11px}.principles-real .principle{gap:24px}.principle-proof{border-radius:7px}.proof-enlarge{font-size:8px;padding:5px 8px;bottom:8px;right:8px}.real-principle-visual .visual-caption{left:19px;right:19px;font-size:6px;bottom:15px}.principle-partnership.real-principle-visual{min-height:360px;padding-top:21px}.payment-proof{width:62%;max-width:245px;margin-left:3%}.payment-proof .proof-enlarge{font-size:6px}.principle-circle{width:47%;max-width:205px;right:3%;bottom:49px;border-width:4px}.circle-silent{width:21px;height:21px}.circle-silent svg{width:13px;height:13px}.principle-financial.real-principle-visual{padding-bottom:52px;min-height:0;gap:14px}.principle-report-tags>span{font-size:7px;padding:4px 7px}.principles-real .principle-copy>p{font-size:13px;line-height:1.85}.principles-real .principle-copy h3{font-size:32px}.principle-copy .principle-meta-link{font-size:8px}.principle-investment{padding-left:13px}.principle-involvement{padding-top:13px}}
@media(max-width:370px){.principles-real .real-principle-visual{padding:18px 15px 43px}.real-principle-visual .visual-caption{left:15px;right:15px;font-size:5.5px}.principle-partnership.real-principle-visual{min-height:320px;padding-top:20px}.payment-proof{width:65%;margin-left:1%}.principle-circle{right:2%;bottom:48px;max-width:150px}.principle-report-tags{gap:4px}.principle-report-tags>span{font-size:6px;padding:4px 6px}.principle-financial.real-principle-visual{padding-bottom:49px}.principles-real .principle-copy h3{font-size:29px}.principles-real .principle-copy>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.principle-proof{transition:none}}
/* Keep the screenshot action clear of the overlaid video circle. */
.payment-proof .proof-enlarge{position:static;display:block;border:0;border-top:1px solid #4b554e;border-radius:0;background:#151a16;color:#fff;padding:7px 10px;font-size:8px;text-align:left;line-height:1.5}
@media(max-width:700px){.payment-proof .proof-enlarge{font-size:7px;padding:6px 8px}}
