/* Shared GSAP identity, based on the J.SON home-page choreography. */
.studio-cinema-ready{position:relative;isolation:isolate;perspective:900px}
.studio-cinema-ready>img,.studio-cinema-ready>.json-pixels,.studio-cinema-ready>.json-pixel-cover,.studio-cinema-ready>.doc-logo-pixels{visibility:hidden!important;animation:none!important}
.studio-cinema-card{position:absolute;inset:0;display:flex!important;align-items:center;justify-content:center;gap:4%;width:100%;height:100%;pointer-events:none;perspective:900px}
.studio-cinema-j{display:block!important;position:relative;width:24%;aspect-ratio:145/185;flex:none}
.studio-cinema-j i{position:absolute;width:23.4%;height:18.4%;display:block;background:#327bf4;border-radius:2px;box-shadow:inset 0 1px 1px #b0d2f888,0 3px 7px #0002;transform-origin:center}
.studio-cinema-j i:nth-child(2n){background:#175dce}
.studio-cinema-word{display:block!important;width:70%;position:relative}
.studio-cinema-word svg{display:block;width:100%;height:auto;overflow:visible;filter:brightness(0)}
.studio-cinema-letter{transform-box:fill-box;transform-origin:center}
.studio-cinema-shine{position:absolute;inset:-15% 0;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 38%,#74b7ff44 48%,transparent 58%)}
.doc-logo-motion.studio-cinema-ready{animation:none!important;overflow:visible}
.doc-logo-motion .studio-cinema-word svg,.prologue-json .studio-cinema-word svg{filter:none}
.prologue-json.studio-cinema-ready>.studio-cinema-card{height:100px}
.prologue-json.studio-cinema-ready>img{width:min(330px,68vw);height:100px}
.shared-footer .studio-signature .shared-json.studio-cinema-ready{width:190px;max-width:100%;aspect-ratio:3/1}
@media(prefers-reduced-motion:reduce){.studio-cinema-shine{display:none}}

/* Keep the documentary logo on its own stage, without a fallback underneath. */
.doc-logo-motion.studio-cinema-ready{width:min(400px,76vw);height:160px;aspect-ratio:auto;overflow:hidden!important;contain:paint;margin:8px auto 0}
.doc-logo-motion.studio-cinema-ready>.studio-cinema-card{inset:auto 6% 10px;width:88%;height:100px}
.doc-logo-motion.studio-cinema-ready .studio-cinema-j{max-height:100px}
@media(max-height:600px){.doc-logo-motion.studio-cinema-ready{height:112px;width:280px;max-width:75vw}.doc-logo-motion.studio-cinema-ready>.studio-cinema-card{height:75px;bottom:5px}.doc-logo-motion.studio-cinema-ready .studio-cinema-j{max-height:75px}}