.video-scene .stack-intro{max-width:620px}.video-scene .case-summary p{display:grid;grid-template-columns:64px 1fr;gap:12px;margin:0 0 7px;line-height:1.55}.case-summary b{font-size:11px;font-weight:400;color:#a45d27;padding-top:3px}.video-scene .agent-stack-card header small{display:block;font-size:9px;letter-spacing:1px;margin-bottom:5px;color:#a45d27}.video-scene .supporting-project header small{color:#56616a}.video-scene .stack-flow{margin-top:10px}.detail-case{max-width:720px;font-size:15px;line-height:1.7;margin:20px 0}.detail-case h3{color:#b77032}.zoomed-shot .detail-shot{height:auto;max-height:none;width:auto;max-width:none;min-width:100%}.visual-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.visual-compare figure{margin:0}.visual-compare img{width:100%;max-height:65svh;object-fit:contain}.visual-compare figcaption{text-align:center;font-size:13px;margin:10px}
/* Mobile uses the viewport as its layout space, with readable native-size type. */
.video-scene.mobile-scene{container-type:normal}
.mobile-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(222,228,234,.93),rgba(222,228,234,.76) 53%,rgba(222,228,234,.12));pointer-events:none}
.video-scene.mobile-scene .opening-brand{top:var(--mobile-top);left:20px;right:20px;font-size:14px}.video-scene.mobile-scene .opening-brand em{display:none}
.video-scene.mobile-scene .opening-title{top:calc(var(--mobile-top) + 54px);left:20px;width:calc(100% - 40px)}.video-scene.mobile-scene .opening-title h1{font-size:clamp(25px,7.1vw,38px);line-height:1.35;letter-spacing:-1px}.video-scene.mobile-scene .opening-title p{font-size:13px;line-height:1.8;margin-top:18px}.video-scene.mobile-scene .opening-title b{display:table;margin:0 auto 8px;padding:5px 14px}
.video-scene.mobile-scene .reading-panel{top:var(--mobile-top);left:20px;width:calc(100% - 40px);max-height:calc(100% - var(--mobile-top) - 36px);overflow-y:auto;pointer-events:auto;padding:0 2px 16px;scrollbar-width:thin}
.video-scene.mobile-scene .opening-profile{height:auto}.video-scene.mobile-scene .opening-profile img{width:82px;height:95px;right:0}.video-scene.mobile-scene .opening-profile h2{font-size:32px;margin:12px 0 5px}.video-scene.mobile-scene .opening-profile h3{font-size:19px}.video-scene.mobile-scene .profile-facts{font-size:13px;gap:8px 12px;margin-top:28px}.video-scene.mobile-scene .opening-profile p{font-size:14px}.video-scene.mobile-scene .opening-profile .accent{font-size:18px}.video-scene.mobile-scene .profile-contact{flex-wrap:wrap;gap:8px}.video-scene.mobile-scene .profile-contact a{font-size:13px}.video-scene.mobile-scene .opening-profile .profile-capabilities{margin-top:18px}.video-scene.mobile-scene .profile-capabilities>div{grid-template-columns:84px 1fr;gap:10px}.video-scene.mobile-scene .profile-capabilities span{font-size:12px}
.video-scene.mobile-scene .opening-career{display:block;height:auto}.video-scene.mobile-scene .opening-career>div:first-child{left:0}.video-scene.mobile-scene .opening-career h2{font-size:30px}.video-scene.mobile-scene .opening-career article{padding:12px 0;margin-top:8px}.video-scene.mobile-scene .opening-career h3{font-size:20px;margin:7px 0}.video-scene.mobile-scene .opening-career p{font-size:14px;line-height:1.6}.video-scene.mobile-scene .opening-career time{font-size:12px}
.video-scene.mobile-scene .door-heading{left:20px;top:var(--mobile-top);width:calc(100% - 40px)}.video-scene.mobile-scene .door-heading h2{font-size:28px;line-height:1.3;margin:12px 0}.video-scene.mobile-scene .door-heading p{font-size:14px;line-height:1.6}.video-scene.mobile-scene .workbench-view{left:16px;top:calc(var(--mobile-top) + 140px);width:calc(100% - 32px);height:calc(100% - var(--mobile-top) - 180px)}
.video-scene.mobile-scene .door-agents.stack-agents{max-width:none}.video-scene.mobile-scene .stack-agents>small{font-size:10px;margin-bottom:14px}.video-scene.mobile-scene .stack-agents .door-grid{height:calc(100dvh - var(--mobile-top) - 78px);min-height:570px;max-height:none}.video-scene.mobile-scene .agent-stack-card{gap:14px;overflow:visible}.video-scene.mobile-scene .agent-stack-card header{gap:10px;flex-wrap:wrap}.video-scene.mobile-scene .agent-stack-card header strong{font-size:30px;letter-spacing:-1px}.video-scene.mobile-scene .agent-stack-card header h2{font-size:22px}.video-scene.mobile-scene .stack-details{font-size:12px;margin-left:40px;padding:3px 0}.video-scene.mobile-scene .stack-intro p{font-size:14px;line-height:1.65}.video-scene.mobile-scene .case-summary p{display:block;margin-bottom:9px}.video-scene.mobile-scene .case-summary b{display:block;font-size:11px;margin-bottom:2px}.video-scene.mobile-scene .stack-flow{font-size:12px}.video-scene.mobile-scene .stack-image{min-height:210px}.video-scene.mobile-scene .stack-image img{object-position:center top}.video-scene.mobile-scene .agent-stack-card footer span{font-size:11px}
.video-scene.mobile-scene .film-works.hologram-content{left:20px!important;top:var(--mobile-top)!important;width:calc(100% - 40px)!important;height:calc(100% - var(--mobile-top) - 40px)!important;display:flex;flex-direction:column;gap:10px;overflow:auto}.video-scene.mobile-scene .hologram-content small,.video-scene.mobile-scene .hologram-content h2,.video-scene.mobile-scene .hologram-content p,.video-scene.mobile-scene .hologram-content .film-work-count{position:static;width:100%;font-size:13px}.video-scene.mobile-scene .hologram-content h2{font-size:25px;line-height:1.4}.video-scene.mobile-scene .hologram-content .film-work-image{position:relative;left:auto;top:auto;width:100%;height:55%;min-height:220px;order:3;flex:1}.video-scene.mobile-scene .hologram-content .film-work-count{order:4}.video-scene.mobile-scene .hologram-content .paired-label{font-size:12px}
.video-scene.mobile-scene .film-works.render-content{top:var(--mobile-top);left:20px;width:calc(100% - 40px);height:calc(100% - var(--mobile-top) - 40px);grid-template-rows:18px auto minmax(150px,1fr) auto 20px;gap:10px}.video-scene.mobile-scene .render-content h2{font-size:23px;line-height:1.3}.video-scene.mobile-scene .render-content p{font-size:13px}
.video-scene.mobile-scene .commerce-practice h2{font-size:32px;line-height:1.3}.video-scene.mobile-scene .commerce-practice .commerce-lead{font-size:16px}.video-scene.mobile-scene .commerce-areas article{padding:12px 0;gap:8px;grid-template-columns:28px 1fr}.video-scene.mobile-scene .commerce-areas h3{font-size:20px}.video-scene.mobile-scene .commerce-mark{display:none}
.video-scene.mobile-scene .film-ending{text-align:left;height:auto}.video-scene.mobile-scene .film-ending>small{font-size:9px;letter-spacing:1px}.video-scene.mobile-scene .film-ending h2{max-width:none;font-size:34px;line-height:1.2;margin:16px 0 24px;letter-spacing:-1px}.video-scene.mobile-scene .ending-identity,.video-scene.mobile-scene .ending-contact{position:static;width:100%;margin:16px 0;display:block}.video-scene.mobile-scene .ending-identity h3{font-size:20px}.video-scene.mobile-scene .ending-contact a{display:block;font-size:18px;margin:12px 0;padding:8px 0}.video-scene.mobile-scene .ending-contact button{font-size:13px}.video-scene.mobile-scene .ending-star,.video-scene.mobile-scene .ending-flourish{display:none}
@media(max-width:700px){.visual-compare{gap:8px}.detail-case{font-size:14px}.film-cue{font-size:10px}#agent-shortcuts{max-height:60dvh;overflow:auto}}

.next-project{background:transparent;color:#985c32;font-size:12px;padding:5px 0;border-bottom:1px solid #985c32}.agent-stack-card footer{display:flex;justify-content:space-between;align-items:center;gap:8px}#workbench-view{cursor:zoom-in}
#workbench-view{pointer-events:auto}