.project-video-frame>video{display:none!important}
.project-video-frame{max-width:1280px!important;margin-inline:auto!important;overflow:hidden!important}
.project-video-frame #visual{display:block!important;position:relative!important;inset:auto!important;right:auto!important;top:auto!important;width:100%!important;max-width:1280px!important;height:590px!important;clip-path:none!important;margin:0 auto!important;overflow:hidden!important}
.project-video-frame #visual .strip{display:none!important}
#project-hec-kolea{display:none!important}
.project-video-frame #visual .back-screen{overflow:hidden!important;background:#020506!important;border:7px solid #05090b!important;box-shadow:0 0 0 1px #ffffff20,0 10px 30px #0009!important}
.project-video-frame #visual .back-screen{top:9%!important;left:27.5%!important;width:46%!important;height:auto!important;aspect-ratio:1.88/1!important;right:auto!important;bottom:auto!important}
.project-video-frame #visual #escProjectVideo{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:brightness(.82) contrast(1.04) saturate(.9)!important}
.project-video-frame #visual .project-showcase:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff10,transparent 30%,transparent 75%,#55caff09);box-shadow:inset 0 0 18px #0005}
@media(max-width:980px){.project-video-frame #visual{height:540px!important}}
@media(max-width:650px){.project-video-frame #visual{height:430px!important}}
.project-video-frame .gcb-montage-card{position:absolute;inset:0;z-index:30;display:flex;pointer-events:none;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#020914f2,#08243be8);color:#fff;opacity:0;visibility:hidden;text-align:center}.project-video-frame .gcb-montage-card small{color:#28a9ff;font-size:9px;letter-spacing:.28em}.project-video-frame .gcb-montage-card strong{font:clamp(28px,4vw,58px)/1 Georgia,serif;margin:12px 0 9px;letter-spacing:.03em}.project-video-frame .gcb-montage-card span{font-size:9px;letter-spacing:.2em;color:#b9d8ec}.project-video-frame .gcb-montage-card.play{visibility:visible;animation:gcbMontageIntro 3.8s ease both}@keyframes gcbMontageIntro{0%{opacity:1}62%{opacity:1}100%{opacity:0;visibility:hidden}}
.project-video-frame .project-audio-toggle{position:absolute;left:18px;bottom:18px;z-index:45;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #ffffff55;background:#020914d9;color:#fff;font:700 10px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 8px 25px #0007}.project-video-frame .project-audio-toggle:hover,.project-video-frame .project-audio-toggle.is-on{border-color:#28a9ff;background:#08243bee}.project-video-frame .project-audio-toggle span{font-size:15px;line-height:1}@media(max-width:600px){.project-video-frame .project-audio-toggle{left:10px;bottom:10px;padding:8px 10px;font-size:8px}}

/* Mobile-only layout for the simulator moved into the video frame. */
.legacy-mobile-toggle,.legacy-mobile-contact{display:none}
@media(max-width:900px){
 .project-video-frame #visual{transform:none!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;gap:12px;padding:8px!important}
 .project-video-frame #visual .conference-room{position:relative!important;inset:auto!important;width:100%!important;height:clamp(250px,60vw,420px)!important;flex:none}
 .project-video-frame #visual .back-screen{left:4%!important;top:5%!important;width:92%!important;aspect-ratio:16/9!important;height:auto!important;border-width:3px!important}
 .project-video-frame #visual #escProjectVideo{object-fit:contain!important;aspect-ratio:16/9!important}
 .project-video-frame #visual .source-node,.project-video-frame #visual .lighting-desk,.project-video-frame #visual .controller{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;flex:none;box-sizing:border-box}
 .project-video-frame #visual .source-trigger{width:100%!important;min-width:0!important;min-height:55px;font-size:17.5px!important;line-height:1.35;padding:10px 12px!important;text-align:left}
 .project-video-frame #visual .source-trigger strong{font-size:17.5px!important;white-space:normal}
 .project-video-frame #visual .source-menu{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;max-height:300px!important;transform:none!important}
 .project-video-frame #visual .source-menu button{min-height:55px;font-size:17.5px!important;line-height:1.35;white-space:normal;width:100%;padding:10px!important}
 .project-video-frame #visual .esc-external-info{position:static!important;width:100%!important;margin-top:8px;box-sizing:border-box}
 .project-video-frame #visual .esc-external-info small,.project-video-frame #visual .esc-external-info span{font-size:15px!important}
 .project-video-frame #visual .esc-external-info strong{font-size:17.5px!important}
 .project-video-frame #visual .scenes{display:flex;flex-wrap:wrap;gap:8px}
 .project-video-frame #visual .scenes button{flex:1 1 120px;min-height:55px;font-size:17.5px!important;line-height:1.2}
 .project-video-frame #visual .micro,.project-video-frame #visual .lighting-title,.project-video-frame #visual .fader{font-size:15px!important;line-height:1.4}
 .project-video-frame #visual .fader{grid-template-columns:65px 1fr 40px}
 .project-video-frame #visual input[type=range]{min-height:55px}
 .project-video-frame .project-audio-toggle{position:relative;inset:auto;min-height:55px;font-size:17.5px;line-height:1.3;margin-top:12px;max-width:100%;white-space:normal}
 .project-video-frame .project-audio-toggle[hidden]{display:none}
}
@media(max-width:1050px){
 .nav .legacy-mobile-toggle{display:block;min-height:55px;min-width:65px;padding:8px 12px;border:1px solid #087caf;background:white;color:#294655;font:700 17.5px/1.2 'Segoe UI',Arial,sans-serif}
 .nav>.nav-cta{display:none!important}
 .nav>.links{display:none!important;position:absolute!important;top:100%;left:0;right:0;margin:0!important;padding:10px!important;width:auto!important;background:white;border:1px solid #b8d6e5;box-shadow:0 12px 25px #12384822;max-height:70dvh;overflow:auto!important;z-index:10002;gap:0!important}
 .nav>.links.legacy-mobile-open{display:flex!important;flex-direction:column;justify-content:flex-start!important;align-items:stretch!important}
 .nav>.links>a,.nav>.links>.projects-nav{display:block!important;width:100%;box-sizing:border-box}
 .nav>.links>a,.nav .projects-nav>button{min-height:55px!important;height:auto!important;padding:12px!important;font-size:17.5px!important;line-height:1.4!important;white-space:normal!important;text-align:left}
 .nav .projects-nav>button{width:100%}
 .nav .projects-menu{position:static!important;transform:none!important;width:100%!important;max-width:100%;max-height:0!important;padding:0!important;border:0!important;overflow:hidden!important}
 .nav .projects-menu.open{max-height:350px!important;padding:8px!important;overflow:auto!important;visibility:visible;opacity:1}
 .nav .projects-menu a{min-height:55px;white-space:normal}
 .nav .projects-menu b{font-size:16px!important}
 .nav .projects-menu small{font-size:14px!important}
}

@media(max-width:900px){
 .project-video-frame #visual .source-node,.project-video-frame #visual .lighting-desk,.project-video-frame #visual .controller{height:auto!important;min-height:0!important}
 .project-video-frame #visual .source-trigger span{font-size:17.5px!important;line-height:1.35}
 .project-video-frame #visual .source-menu{display:none!important}
 .project-video-frame #visual .source-menu.open{display:block!important}
 .project-video-frame #visual .room{top:8px!important;height:clamp(250px,60vw,420px)!important;pointer-events:none}
 .project-video-frame #visual .node.audio{position:relative!important;inset:auto!important;width:100%;box-sizing:border-box;font-size:17.5px!important;min-height:55px}
 .project-video-frame #visual .node.audio strong,.project-video-frame #visual output{font-size:15px!important}
}

.nav .links>a.legacy-mobile-contact{display:none!important}
@media(max-width:1050px){.nav .links>a.legacy-mobile-contact{display:block!important}}

@media(max-width:1050px){
 #legacy-mobile-navigation.legacy-mobile-open>a,#legacy-mobile-navigation.legacy-mobile-open>.projects-nav{display:block!important;height:auto!important;flex:none!important}
 #legacy-mobile-navigation .projects-menu{display:none!important;height:auto!important}
 #legacy-mobile-navigation .projects-menu.open{display:block!important;position:static!important;inset:auto!important;transform:none!important;max-height:350px!important;visibility:visible!important;opacity:1!important;overflow:auto!important}
}
/* Keep media inside the physical stage screen; controls retain their mobile flow. */
@media(max-width:900px){.project-video-frame #visual .back-screen{left:27.5%!important;top:9%!important;width:46%!important;aspect-ratio:1.88!important}.project-video-frame #visual .screen-content{position:absolute!important;inset:0!important;overflow:hidden!important}.project-video-frame #visual .source-view{max-width:100%!important}.project-video-frame #visual .doc-footage{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;animation:none!important}}
.project-video-frame #visual .documentary.media-ready .doc-progress{display:none!important;animation:none!important}

.project-video-frame .media-pending .doc-progress{display:none!important}.project-video-frame .media-pending-label{display:none}.project-video-frame .media-pending .media-pending-label{display:grid;position:absolute;inset:0;place-content:center;text-align:center;padding:5%;font:clamp(8px,1vw,14px)/1.3 Arial,sans-serif;color:#fff;background:#102633}.project-video-frame .doc-footage[hidden]{display:none!important}@media(max-width:900px){.project-video-frame #visual .doc-footage{inset:0!important}}
.project-video-frame .media-pending>:not(.media-pending-label){visibility:hidden!important}
