/* Scientific workflow: native Blender plates and a separate, responsive tool row. */
.cinematic-site .industry-theater .scenario-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cinematic-site .industry-theater .scenario-tabs button{padding-inline:12px;font-size:12px}
.industry-jump{grid-template-columns:1.05fr repeat(4,minmax(0,1fr))}
.science-agent-tool{display:none!important}
.agent-theater[data-industry="1"] .science-agent-tool{display:inline-block!important}
.quantum-agent-tool{display:none!important}
.agent-theater[data-industry="5"] .quantum-agent-tool{display:inline-block!important}
.agent-theater:is([data-industry="1"],[data-industry="5"]):not([data-industry="0"]) .agent-general-tool{display:none!important}
.agent-theater[data-industry="1"] [data-profession="1"],.agent-theater[data-industry="5"] [data-profession="5"]{display:block}
.science-visual{position:absolute;inset:0 0 82px;pointer-events:none;color:#d6e7ef}
.science-visual[hidden]{display:none!important}
.science-field{position:absolute;inset:-15% -10%;background:radial-gradient(ellipse at 50% 52%,#689bbe20,transparent 64%)}
.cinematic-site .science-render{position:absolute;inset:10px -5% 0;aspect-ratio:auto;background:none;z-index:1;overflow:visible}
.cinematic-site .science-render:after{display:none}
.science-phase-caption{position:absolute;inset:0;z-index:2;pointer-events:none}
.science-phase-caption>span{position:absolute;left:0;top:0;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:400;letter-spacing:.045em;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .45s}
.science-phase-caption>span>i{width:22px;height:1px;background:#c6e2f1;box-shadow:0 0 10px #94d2f2}
.agent-theater[data-science-phase="0"] [data-science-phase="0"],.agent-theater[data-science-phase="1"] [data-science-phase="1"],.agent-theater[data-science-phase="2"] [data-science-phase="2"],.agent-theater[data-science-phase="3"] [data-science-phase="3"],.agent-theater[data-science-phase="4"] [data-science-phase="4"]{opacity:1;transform:none}
.science-source{margin-top:10px}.science-source p{font-size:11px;line-height:1.85;margin:14px 0;color:#a6becd}.science-source>a{font-size:10px;line-height:1.8;color:#b8d9ed;display:block;padding-bottom:15px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px) and (min-width:761px){.cinematic-site .industry-theater .scenario-tabs button{font-size:10px;padding-inline:6px}.science-phase-caption>span{font-size:10px}.cinematic-site .science-render{inset:16px -5% 0}}
@media(max-width:760px){.cinematic-site .industry-theater .scenario-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:auto;scrollbar-width:none;gap:2px;max-width:100%}.cinematic-site .industry-theater .scenario-tabs button{white-space:normal;font-size:10px;padding:14px 9px;min-width:0}.industry-jump{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-jump>span{grid-column:1/-1}.agent-theater:is([data-industry="1"],[data-industry="5"]) .agent-visual{height:auto;min-height:180px}.science-visual{inset:0 0 66px}.cinematic-site .science-render{inset:10px -3% 0}.science-phase-caption>span{font-size:10px;top:0;left:0}.agent-theater:is([data-industry="1"],[data-industry="5"]) .agent-toolbelt>span{font-size:8px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.science-phase-caption>span{transition:none;transform:none}}
/* A dedicated image area and tool row prevent captions from sharing coordinates. */
.component-surface{position:absolute;left:0;top:50%;width:100%;aspect-ratio:3840/1664;transform:translateY(-50%);opacity:0}
.cinematic-site .component-surface img{position:absolute;display:block;max-width:none;object-fit:fill;opacity:1;will-change:transform}
.cinematic-site .science-render>.component-preview{position:absolute;inset:auto;left:0;top:50%;width:100%;height:auto;aspect-ratio:1920/832;transform:translateY(-50%);object-fit:fill;opacity:1}
.components-ready .component-surface{opacity:1}
.cinematic-site .science-render.components-ready>.component-preview{opacity:0}
.agent-theater:is([data-industry="1"],[data-industry="5"]) .agent-toolbelt{bottom:0;gap:6px;max-width:100%;align-content:end}
.agent-theater:is([data-industry="1"],[data-industry="5"]) .agent-visual-caption{display:none}
.agent-theater:is([data-industry="1"],[data-industry="5"]) :is(.science-agent-tool,.quantum-agent-tool){font-size:clamp(9px,.75vw,11px);line-height:1.65;white-space:normal;overflow-wrap:anywhere;max-width:100%;padding:7px 10px}
.architecture-site .hero-narrative{max-width:420px}
.architecture-site .hero-narrative .studio-lead{max-width:none;margin-bottom:12px;font-size:13px;line-height:1.85}
.architecture-site .hero-narrative .hero-next{margin-bottom:24px;color:#5a6d7b;font-size:12px}
@media(max-width:1100px) and (min-width:761px){.architecture-site .hero-narrative .studio-lead{font-size:11px}.architecture-site .hero-narrative .hero-next{font-size:10px}.cinematic-site .science-render{inset:16px -5% 0}}
@media(max-width:760px){.architecture-site .hero-narrative{max-width:360px}.architecture-site .hero-narrative .studio-lead{font-size:11px;line-height:1.7;margin-bottom:9px}.architecture-site .hero-narrative .hero-next{font-size:10px;margin-bottom:16px}}

/* First-screen laboratory links are independent of animation readiness. */
.cinematic-site .architecture-bottom{bottom:max(18px,env(safe-area-inset-bottom));z-index:5}
.cinematic-site .architecture-bottom .architecture-scroll{margin-bottom:12px}
.cinematic-site .architecture-bottom .industry-jump{grid-template-columns:1.2fr repeat(4,minmax(0,1fr));gap:clamp(10px,1.5vw,24px);padding:18px 22px;margin:0;background:linear-gradient(110deg,#f4f8fbf5,#e8f0f6f5);border:1px solid #ffffffdf;border-radius:7px;box-shadow:0 10px 40px #284c6610}
.cinematic-site .architecture-bottom .industry-jump>span{align-self:center;min-width:0;font-size:12px;line-height:1.6;letter-spacing:.035em;color:#355773}
.cinematic-site .architecture-bottom .industry-jump>a{min-width:0;min-height:44px;gap:8px;padding:9px 0;font-size:12px;line-height:1.5;color:#294b66;border-bottom-color:#547e9f38;transition:color .2s,border-color .2s}
.cinematic-site .architecture-bottom .industry-jump>a:hover{color:#176fa8;border-color:#397faf}
.cinematic-site .architecture-bottom .industry-jump>a b{flex:none;font-size:15px;font-weight:400}
.cinematic-site .architecture-content{padding-bottom:148px}
.scene-load-dock{bottom:var(--entrance-clearance,18px)}
.scene-free-load{bottom:var(--entrance-clearance,20px)}
@media(min-width:761px) and (max-width:1100px){
 .cinematic-site .architecture-bottom .industry-jump{gap:12px;padding:12px 16px;grid-template-columns:1.2fr repeat(4,minmax(0,1fr))}
 .cinematic-site .architecture-bottom .industry-jump>a,.cinematic-site .architecture-bottom .industry-jump>span{font-size:10px}
}
@media(max-width:760px){
 /* The building owns a full row, independent of translated copy and entry cards. */
 .cinematic-site .studio-hero{height:calc(var(--hero-pin-height,100svh) + 140svh)}
 .cinematic-site .architecture-pin{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(calc(100vw * .92),1fr) auto;height:auto;min-height:100svh;top:min(0px,calc(100svh - var(--hero-pin-height,100svh)))}
 .cinematic-site .architecture-content{grid-column:1;grid-row:1;height:auto;padding-top:80px;padding-bottom:0;align-items:flex-start}
 .cinematic-site .architecture-bottom{grid-column:1;grid-row:3;position:relative;inset:auto;margin:0 auto;padding-bottom:max(10px,env(safe-area-inset-bottom))}
 .cinematic-site .architecture-bottom .architecture-scroll{display:none}
 .cinematic-site .architecture-bottom .industry-jump{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:11px 15px}
 .cinematic-site .architecture-bottom .industry-jump>span{grid-column:1;grid-row:1;font-size:10px;margin-bottom:4px;letter-spacing:.07em}
 .cinematic-site .architecture-bottom .industry-jump>a{font-size:10px;min-height:40px;padding:6px 0;gap:4px}
 .cinematic-site .architecture-bottom .industry-jump>a b{font-size:12px}
 .cinematic-site .architecture-image,html:not([lang="zh-CN"]) .cinematic-site .architecture-image{grid-column:1;grid-row:2;position:relative;inset:auto;left:-72%;width:180%;height:100%;min-height:0;transform:none}
 .cinematic-site .architecture-scrim{background:linear-gradient(180deg,#dce7ee 0%,#dce7ee00 45%,#dce7ee00 94%,#dce7ee 100%);pointer-events:none}
 .cinematic-site .hero-render{mask-image:linear-gradient(180deg,transparent,#000 12%,#000 94%,transparent)!important}
 .cinematic-site .lab-discovery{grid-column:2;grid-row:1;position:relative;inset:auto;display:flex;justify-content:flex-end;min-height:32px;gap:6px;transform:none;transition:none;margin:0;padding:0 0 4px;background:none;border:0;box-shadow:none}
 .cinematic-site .lab-discovery-image,.cinematic-site .lab-discovery-copy small,.cinematic-site .lab-discovery-copy strong{display:none}
 .cinematic-site .lab-discovery-copy>span{font-size:10px;line-height:1.5}
 .cinematic-site .lab-discovery-arrow{font-size:13px;align-self:center;padding:0}
 .cinematic-site .architecture-image>.scene-load-dock,.cinematic-site .architecture-image>.scene-free-load{position:absolute;inset:2px auto auto calc(40% + 20px);width:calc(100% / 1.8 - 40px);max-width:none;padding:8px 12px;gap:4px 8px;box-shadow:none}
 .cinematic-site .architecture-image>.scene-load-dock .scene-load-heading{font-size:10px;gap:6px}
 .cinematic-site .architecture-image>.scene-load-dock .scene-load-heading strong{font-size:17px}
 .cinematic-site .architecture-image>.scene-load-dock .scene-load-actions button{font-size:9px;white-space:nowrap}
 .scene-load-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:10px 14px;bottom:var(--entrance-clearance,18px)}
 .scene-load-heading{grid-column:1;gap:10px;font-size:11px}
 .scene-load-heading strong{font-size:20px}
 .scene-load-actions{grid-column:2;grid-row:1;gap:10px}
 .scene-load-actions button{font-size:10px}
 .scene-load-track{grid-column:1/-1;grid-row:2;margin:0}
 .scene-load-dock>p{grid-column:1/-1;grid-row:3;font-size:9px;margin:0}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.cinematic-site .studio-hero{height:auto}.cinematic-site .architecture-pin{position:relative;top:0}}
@media(max-width:760px) and (max-height:700px){
 .cinematic-site .studio-hero h1.release-title{font-size:27px;margin:9px 0}
 .architecture-site .hero-narrative .studio-lead{font-size:10px;line-height:1.6;margin-bottom:8px}
 .architecture-site .hero-narrative .hero-next{font-size:9px;margin-bottom:10px}
 .cinematic-site .studio-hero .studio-button{padding:9px 12px;min-height:40px}
}

/* Four research areas share the existing architectural identity. */
.decision-visual .decision-graph{inset:0;width:100%;height:100%;overflow:visible}
.decision-route{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--agent-p));filter:drop-shadow(0 0 5px #81b4d980)}
.decision-feedback{opacity:clamp(0,calc((var(--agent-p) - .45)*3),1)}
.decision-pulse{opacity:clamp(0,calc((var(--agent-p) - .7)*4),1);transform-origin:620px 220px;transform:scale(calc(.7 + var(--agent-p)*.3))}
.decision-visual .source-slip{background:linear-gradient(135deg,#dfeef8,#a7c2da);border-color:#e3f1ffb3;color:#294961;overflow:hidden}
.decision-visual .source-slip small{color:#506f89}
.decision-visual .source-slip .paper-lines{background:repeating-linear-gradient(transparent 0 12px,#52748e38 12px 13px,transparent 13px 14px)}
.decision-visual .research-memo{background:linear-gradient(135deg,#f0f6fc,#bed2e4);border-color:#e1f1ff;color:#294961;left:37%;right:4%;top:30%;bottom:auto;padding:16px 18px;display:grid;gap:8px;min-width:0;box-sizing:border-box}
.decision-visual .research-memo h4{font-size:20px;margin:0;line-height:1.35;overflow-wrap:anywhere}
.decision-visual .research-memo p{font-size:11px;line-height:1.65;margin:0}
.decision-visual .research-memo .document-footnote{font-size:8px;line-height:1.6;margin:0;color:#506a80}
.decision-visual .research-memo small{color:#506a80}
.decision-visual .research-memo .citation-row{flex-wrap:wrap;gap:6px;margin:0}
.decision-visual .research-memo .citation-row span{font-size:8px;padding:4px 6px}
@media(max-width:760px){
 .cinematic-site .industry-theater .scenario-tabs{overflow:visible;gap:4px}
 .cinematic-site .industry-theater .scenario-tabs button{padding-inline:2px;font-size:10px;min-height:72px}
 .agent-theater[data-industry="4"] .agent-pin{min-height:840px;top:min(66px,calc(100svh - 840px))}
 .agent-theater[data-industry="4"] .agent-visual{min-height:280px}
 .decision-visual .research-memo{left:33%;right:1%;padding:10px;top:26%;gap:5px}
 .decision-visual .research-memo h4{font-size:13px;margin:0}
 .decision-visual .research-memo p{font-size:8px;line-height:1.6}
 .decision-visual .research-memo .citation-row span{font-size:5px;padding:3px 4px}
 .decision-visual .research-memo .document-footnote{font-size:6px;line-height:1.5;margin:0}
}
@media(prefers-reduced-motion:reduce){.decision-route{stroke-dashoffset:0}.decision-feedback,.decision-pulse{opacity:1}.agent-theater[data-industry="4"] .agent-pin{min-height:0;top:0}}
