html,body{margin:0;max-width:none}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.nav[hidden]{display:none}.scroll-film{height:580svh;position:relative;background:#c8d5df}.film-viewport{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;background:#c8d5df}.film-viewport video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.film-cue{position:absolute;bottom:20px;right:25px;color:#343b42;font:11px 'Microsoft YaHei',sans-serif;letter-spacing:2px;pointer-events:none}#film-status{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 18px;border-radius:25px;background:#fffe;color:#222;font-size:13px}#film-status[hidden]{display:none}.motion-band{display:none}@media(max-width:600px){.film-viewport{background:linear-gradient(#c1d0df,#e6e8ec)}.film-viewport video{object-fit:contain}.scroll-film{height:450svh}}
.film-viewport video{object-position:left center}@media(max-width:600px){.film-viewport video{object-position:center}}

.door-heading,.door-agents{position:absolute;color:#202a33;opacity:0}.door-heading{left:5%;top:6%;pointer-events:none}.door-heading small,.door-agents small{font:12px Arial,sans-serif;letter-spacing:2px;color:#a7541d}.door-heading h2{font:clamp(22px,3vw,44px) 'Microsoft YaHei',sans-serif;margin:12px 0}.door-heading p{font-size:16px}.door-agents{left:5%;top:8%;width:72%;max-width:1100px}.door-agents h2{font:clamp(20px,2.3vw,34px) 'Microsoft YaHei',sans-serif;margin:10px 0 20px}.door-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px}.door-grid button{padding:0;background:none;text-align:left;color:#202a33;border:0;cursor:pointer}.door-grid img{width:100%;height:clamp(70px,13vh,135px);object-fit:contain;object-position:left center;display:block}.door-grid span{display:block;font:clamp(11px,1vw,15px) 'Microsoft YaHei',sans-serif;padding-top:5px}.door-grid button:hover{transform:translateY(-3px)}.door-grid button:focus-visible{outline:2px solid #bd682f;outline-offset:4px}@media(max-width:600px){.door-heading{top:18%;left:5%}.door-heading p{font-size:12px}.door-agents{width:90%;top:18%}.door-grid{gap:14px 10px}.door-grid img{height:10vh}.door-agents h2{font-size:20px}.door-grid span{font-size:11px}}

.scroll-film{height:650svh}.door-heading{left:16%;top:6%}.door-heading h2{font-size:clamp(22px,2.5vw,36px)}.door-heading p{font-size:14px}.door-agents{left:16%;top:26%;width:53%}.door-agents h2{font-size:clamp(17px,1.7vw,25px);margin:8px 0 15px}.door-grid img{height:clamp(65px,11vh,112px)}.door-grid span{font-size:clamp(10px,.9vw,13px)}.workbench-view{position:absolute;left:16%;top:26%;width:53%;opacity:0;pointer-events:none}.workbench-view img{width:100%;max-height:52vh;object-fit:contain;object-position:left top}@media(max-width:600px){.scroll-film{height:500svh}.door-heading{left:5%;top:8%;width:90%}.door-heading h2{font-size:22px}.door-heading p{font-size:12px}.door-agents{left:5%;top:29%;width:90%}.door-agents h2{font-size:17px}.door-grid img{height:9vh}.workbench-view{left:5%;top:30%;width:90%}}

.scroll-film{height:1270svh}.door-agents{top:9%;left:18%;width:50%}.door-agents h2{font-size:clamp(24px,2.6vw,38px);margin:14px 0 20px}.door-grid{display:block}.door-grid .agent-focus{width:100%}.door-grid .agent-focus img{width:100%;height:45vh;object-fit:contain;object-position:left center}.door-grid .agent-focus span{font-size:14px;padding:10px 0}.agent-purpose{font-size:clamp(13px,1.2vw,18px);line-height:1.6;margin:12px 0;color:#273543}.agent-position{font:12px Arial,'Microsoft YaHei',sans-serif;letter-spacing:1px;color:#955326}.door-grid button:hover{transform:none}@media(max-width:600px){.scroll-film{height:1150svh}.door-agents{left:5%;top:17%;width:90%}.door-agents h2{font-size:26px}.door-grid .agent-focus img{height:36vh}.agent-purpose{font-size:15px}.agent-position{font-size:11px}}

.scroll-film{height:2600svh}.film-works{position:absolute;left:5%;top:8%;width:46%;opacity:0;color:#202a33}.film-works small{font:12px Arial;letter-spacing:2px;color:#a7541d}.film-works h2{font:clamp(22px,2vw,32px) 'Microsoft YaHei',sans-serif;margin:14px 0 18px}.film-work-image{display:block;border:0;padding:0;background:none;width:100%;cursor:pointer;text-align:left}.film-work-image img{width:100%;height:53vh;object-fit:contain;object-position:left center}.film-works p{font-size:14px;line-height:1.6}.film-work-toggle{background:transparent;border:1px solid #9c6033;color:#633b1f;padding:7px 13px;cursor:pointer}.film-work-toggle[hidden]{display:none}.film-work-count{font-size:12px;color:#9c6033;margin-top:14px}.film-work-image:focus-visible{outline:2px solid #a7541d}@media(max-width:600px){.scroll-film{height:2400svh}.film-works{left:5%;top:10%;width:90%}.film-works h2{font-size:23px}.film-work-image img{height:48vh}.film-works p{font-size:13px}}