/* A restrained studio gallery; project interfaces remain original. */
.work-ledger{gap:64px 28px}
.work-ledger .project-feature:nth-child(n){grid-column:span 6;margin-top:0}
.work-ledger .project-feature:nth-child(1),.work-ledger .project-feature:nth-child(6){grid-column:1/-1}
.work-ledger .project-feature .project-stage{aspect-ratio:1.06}
.work-ledger .project-feature:nth-child(1) .project-stage,.work-ledger .project-feature:nth-child(6) .project-stage{aspect-ratio:2.16}
.module-art{--rx:0deg;--ry:0deg;--mx:0px;--my:0px;background:#f5f5f7;border-radius:18px;isolation:isolate;perspective:1600px;color:#1d1d1f}
.module-art img{display:block;width:100%;height:100%;object-fit:contain}
.module-composition{position:absolute;inset:0;pointer-events:none;transform:translate3d(calc(var(--mx)*.35),calc(var(--my)*.25),0);transition:transform .8s var(--ease);z-index:1}
.module-art .studio-photo img{object-fit:cover;transition:transform 1s var(--ease)}
.project-feature:hover .studio-photo img,.project-feature:focus-visible .studio-photo img{transform:scale(1.025)}
.stage-pico .studio-photo img{object-fit:contain;object-position:center}
.stage-pico .studio-photo{inset:22% 2% 3%}
.stage-pico{background:#fff}
.ecosystem-copy{position:absolute;top:6%;left:6%;z-index:2;pointer-events:none}
.ecosystem-copy>strong{display:block;font-size:clamp(24px,3.2vw,44px);font-weight:600;letter-spacing:-.045em;line-height:1.15}
.ecosystem-copy>span{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:11px;color:#6e6e73;letter-spacing:.015em}
.ecosystem-copy i{font-style:normal;color:#4266e8}
.stage-kid .studio-photo img,.stage-emoji .studio-photo img,.stage-player .studio-photo img,.stage-english .studio-photo img,.stage-space .studio-photo img{object-position:center}
.stage-kid,.stage-emoji,.stage-player,.stage-english,.stage-space{background:#fff}
.module-art.stage-kid .studio-photo img,.module-art.stage-emoji .studio-photo img,.module-art.stage-player .studio-photo img,.module-art.stage-english .studio-photo img,.module-art.stage-space .studio-photo img{object-fit:contain}
.studio-copy{position:absolute;left:7%;top:26%;z-index:2;pointer-events:none}
.studio-copy>span{display:block;font-size:11px;color:#86868b;letter-spacing:.05em;margin-bottom:17px}
.studio-copy>strong{font-size:clamp(30px,4.5vw,68px);font-weight:600;line-height:1.18;letter-spacing:-.055em}
.studio-player-window{position:absolute;width:82%;aspect-ratio:16/9;left:9%;top:28%;padding:5px;background:#25272b;border-radius:14px;box-shadow:0 26px 28px -16px #0000002e,0 2px 6px #00000018;overflow:hidden;transform:perspective(1100px) rotateY(-3deg) rotateX(2deg);transition:transform .9s var(--ease);z-index:1}
.studio-player-window video{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;pointer-events:none}
.project-feature:hover .studio-player-window,.project-feature:focus-visible .studio-player-window{transform:perspective(1100px) rotateY(0deg) rotateX(0deg) scale(1.018)}
.studio-phone{position:absolute;height:82%;aspect-ratio:1125/2436;left:50%;top:8%;transform:translateX(-50%);padding:5px;border:1px solid #cccfd3;border-radius:30px;background:linear-gradient(110deg,#f8f8f9,#d8dade 45%,#fefefe 80%);box-shadow:17px 22px 24px -16px #00000030,0 2px 8px #00000012;overflow:hidden;z-index:1}
.studio-phone img{border-radius:25px;object-fit:cover}
.studio-ground{position:absolute;width:53%;height:4%;left:24%;bottom:16%;border-radius:50%;background:#0000000d;filter:blur(15px)}
.stage-english .studio-ground{width:35%;left:34%;bottom:7%;height:3%}
.module-art .project-open{height:48px;width:48px;right:22px;bottom:22px;border:1px solid #d2d2d799;box-shadow:0 2px 10px #00000004;background:#ffffffed;z-index:3;gap:1px}
.module-art .project-open b{font-size:22px}.module-art .project-open small{font-size:6px;color:#77777c}
.project-caption{padding-top:20px;gap:20px}
.project-caption h3{font-size:clamp(19px,2vw,28px);font-weight:600;letter-spacing:-.035em;color:#1d1d1f}
.project-caption p{font-size:11px;line-height:1.65;color:#86868b;margin-top:7px}
.project-caption>span{color:#a1a1a6;font-size:9px;padding-top:1px}
.index-preview-stage{border-radius:16px}
.index-preview-stage>img.ensemble{object-fit:contain;padding:0}
@media(max-width:1000px){
 .work-ledger{gap:50px 22px}.module-art{border-radius:14px}
 .studio-copy>span{font-size:9px;margin-bottom:12px}.studio-copy>strong{font-size:4.3vw}
 .studio-player-window{padding:4px;border-radius:10px}.studio-player-window video{border-radius:7px}
 .studio-phone{padding:4px;border-radius:24px}.studio-phone img{border-radius:20px}
 .module-art .project-open{width:42px;height:42px;right:16px;bottom:16px}.project-caption p{font-size:10px}
}
@media(max-width:700px){
 .work-ledger{gap:34px}.work-ledger .project-feature:nth-child(n){grid-column:1/-1;margin-top:0}
 .work-ledger .project-feature:nth-child(n) .project-stage{aspect-ratio:1.06}
 .work-ledger .project-feature:nth-child(1) .project-stage{aspect-ratio:1.35}
 .work-ledger .project-feature:nth-child(6) .project-stage{aspect-ratio:1.35}
 .module-art{border-radius:13px}.module-composition{transform:none!important}
 .studio-copy{top:8%;left:7%}.studio-copy>span{font-size:7px;margin-bottom:7px}.studio-copy>strong{font-size:7vw;line-height:1.22}
 .stage-pico .studio-photo{inset:27% 0 3%;mask-image:none}
 .stage-pico .studio-photo img{object-fit:contain;object-position:center}
 .ecosystem-copy{top:7%;left:7%}.ecosystem-copy>strong{font-size:27px}.ecosystem-copy>span{gap:8px;margin-top:10px;font-size:9px}
 .stage-space .studio-photo img{object-fit:contain}
 .studio-phone{border-radius:24px;height:84%;top:7%;padding:4px}.studio-phone img{border-radius:20px}
 .studio-player-window{width:86%;left:7%;top:25%;padding:4px;box-shadow:0 22px 24px -13px #00000024}
 .module-art .project-open{width:39px;height:39px;right:12px;bottom:12px;opacity:1;transform:none}.module-art .project-open b{font-size:19px}.module-art .project-open small{font-size:5px}
 .project-caption{padding-top:14px}.project-caption h3{font-size:20px}.project-caption p{font-size:9px;margin-top:6px}.project-caption>span{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.module-art *{animation:none!important;transition:none!important}.module-composition,.project-feature:hover .studio-photo img,.project-feature:focus-visible .studio-photo img{transform:none!important}}

/* Let the shared VR scene fill its full width without cutting off participants. */
.work-ledger .project-feature:nth-child(6) .project-stage.stage-space{aspect-ratio:1672/940}
.module-art.stage-space .studio-photo{inset:0}
.module-art.stage-space .studio-photo img{object-fit:cover}

.stage-space .module-composition{transform:none}

/* Fill the four paired artwork frames at every screen size. */
.module-art:is(.stage-player,.stage-kid,.stage-emoji,.stage-english) .studio-photo{inset:0;transform:none}
.module-art:is(.stage-player,.stage-kid,.stage-emoji,.stage-english) .studio-photo img{object-fit:cover;padding:0;object-position:center}
.module-art:is(.stage-kid,.stage-emoji,.stage-english)::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 .5px #d9d9de;pointer-events:none;z-index:4}