:root{
 --accent:#df721d;--accent-soft:#f0a466;--ink:#12161a;--muted:#697078;--paper:#f5f1e9;--paper-2:#ebe6dc;--night:#090c10;--night-2:#121820;--line:rgba(24,28,32,.16);--line-dark:rgba(255,255,255,.14);
 --header-h:64px;--footer-h:58px;--safe-x:clamp(32px,5.2vw,96px);--title-xl:clamp(46px,5.4vw,100px);--title-lg:clamp(38px,4.3vw,78px);--body:clamp(15px,1.25vw,23px);--label:clamp(11px,.8vw,14px);
 --ease:cubic-bezier(.16,1,.3,1);--fast:360ms;--normal:760ms;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",system-ui,sans-serif}html{scroll-behavior:smooth}body{color:var(--ink);overflow:hidden}button,a{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:#fff;color:#000;padding:10px 14px}.skip-link:focus{top:12px}.locked{overflow:hidden}
.entry{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(circle at 72% 44%,rgba(223,114,29,.16),transparent 30%),linear-gradient(135deg,#05070a,#151a20 65%,#080a0d);color:white}.entry::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) .6px,transparent .6px);background-size:28px 28px;opacity:.22}.entry>div{position:relative;width:min(820px,82vw)}.entry p{color:var(--accent);letter-spacing:.2em;font-size:12px}.entry h1{font-size:clamp(52px,8vw,120px);line-height:.96;margin:14px 0 24px;letter-spacing:-.06em}.entry span{display:block;color:#aeb4bb;font-size:18px;max-width:520px}.entry button{margin-top:38px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;padding:15px 22px;min-width:180px;display:flex;justify-content:space-between}.entry button:hover,.entry button:focus-visible{border-color:var(--accent);outline:none}.entry[hidden]{display:none}
.topbar{position:fixed;z-index:120;left:0;right:0;top:0;height:var(--header-h);display:flex;align-items:center;padding:0 var(--safe-x);color:inherit;mix-blend-mode:normal;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:700}.brand i{width:8px;height:8px;background:var(--accent);border-radius:50%}.menu-btn{position:absolute;left:50%;transform:translateX(-50%);border:0;background:none;width:48px;height:48px}.menu-btn i{display:block;width:24px;height:1px;background:currentColor;margin:6px auto}.mode-switch{margin-left:auto;border:1px solid currentColor;border-radius:99px;padding:3px;opacity:.72}.mode-switch button{border:0;background:none;color:inherit;padding:7px 13px;border-radius:99px}.mode-switch button.active{background:var(--accent);color:#fff}.page-count{display:flex;align-items:center;gap:12px;margin-left:20px;font-variant-numeric:tabular-nums}.page-count b{color:var(--accent)}.page-count i{width:28px;height:1px;background:currentColor;opacity:.4}.side-progress{position:fixed;z-index:110;right:16px;top:12vh;bottom:12vh;width:2px;background:rgba(128,128,128,.25)}.side-progress i{display:block;width:100%;height:3%;background:var(--accent);transition:height .5s var(--ease)}
.chapter-nav{position:fixed;z-index:115;left:18px;top:35%;display:flex;flex-direction:column;gap:10px}.chapter-nav a{color:inherit;text-decoration:none;font-size:11px;opacity:.38}.chapter-nav a.active{color:var(--accent);opacity:1}.page-menu{position:fixed;inset:0 0 0 auto;width:min(520px,92vw);z-index:500;background:rgba(8,10,13,.98);color:#fff;transform:translateX(105%);transition:transform .5s var(--ease);padding:24px;overflow:auto}.page-menu.open{transform:none}.page-menu>div{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#080a0d;padding:10px 0 22px}.page-menu button{border:0;background:none;color:#fff;font-size:28px}.page-menu nav{display:grid;gap:2px}.page-menu a{display:grid;grid-template-columns:48px 1fr;gap:12px;text-decoration:none;color:#aab0b7;padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.page-menu a:hover{color:#fff}.page-menu a span{color:var(--accent)}
.stage{position:relative;width:100vw;height:100dvh;overflow:hidden}.scene{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;overflow:hidden;background:var(--paper);color:var(--ink);contain:layout paint}.scene--dark{background:var(--night);color:#f3f4f5}.scene.active{visibility:visible;opacity:1;pointer-events:auto}.scene.preparing{visibility:visible;opacity:0;pointer-events:none}.scene-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.scene-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(223,114,29,.07),transparent 28%),radial-gradient(circle at 78% 20%,rgba(223,114,29,.09),transparent 25%)}.scene--dark .scene-bg::before{background:radial-gradient(circle at 78% 20%,rgba(223,114,29,.12),transparent 26%),linear-gradient(120deg,rgba(255,255,255,.025),transparent 44%)}.scene-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(80,80,80,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(80,80,80,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,black 40%,black 80%,transparent);opacity:.28}.scene--dark .scene-bg::after{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)}.scene-bg i{position:absolute;border:1px solid currentColor;opacity:.08}.scene-bg i:nth-child(1){width:46vw;height:46vw;border-radius:50%;right:-18vw;top:-25vw}.scene-bg i:nth-child(2){width:20vw;height:20vw;right:8vw;bottom:-8vw}.scene-bg i:nth-child(3){left:var(--safe-x);top:18vh;width:58px;height:4px;background:var(--accent);border:0;opacity:1}
.scene-inner{position:absolute;left:var(--safe-x);right:var(--safe-x);top:calc(var(--header-h) + 36px);bottom:calc(var(--footer-h) + 34px);display:grid;grid-template-columns:minmax(330px,42%) minmax(0,1fr);gap:clamp(28px,4vw,82px);align-items:center;min-height:0}.scene-copy{align-self:start;min-width:0;max-width:760px}.kicker{margin:0 0 24px;color:var(--accent);font-size:var(--label);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.title{font-size:var(--title-lg);line-height:1.04;letter-spacing:-.055em;margin:0;text-wrap:balance;max-width:12.5em}.title.title-long{font-size:clamp(36px,3.7vw,70px);max-width:14em}.title em{font-style:normal;color:var(--accent)}.summary{font-size:var(--body);line-height:1.72;color:var(--muted);max-width:50ch;margin:30px 0 0;text-wrap:pretty}.scene--dark .summary{color:#9ba2aa}.scene-visual{height:100%;min-height:0;display:grid;align-items:center;position:relative}.scene-footer{position:absolute;left:0;right:0;bottom:0;height:var(--footer-h);background:rgba(13,16,19,.97);color:#fff;display:flex;align-items:center;gap:16px;padding:0 var(--safe-x);z-index:2}.scene-footer b{font-size:20px}.scene-footer span{color:#b8bdc3;font-size:14px}
.reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity 620ms var(--ease),transform 720ms var(--ease);transition-delay:calc(var(--i,0)*55ms)}.scene.reading .reveal{opacity:1;transform:none}.scene.exiting .scene-copy .reveal{opacity:0;transform:translate3d(-22px,0,0);transition-delay:0ms}.scene.exiting .scene-visual>.reveal,.scene.exiting .scene-visual .reveal{opacity:0;transform:translate3d(22px,0,0);transition-delay:0ms}
.media-photo{display:block;max-width:100%;max-height:100%;object-fit:contain}.media-photo--cover{width:100%;height:100%;object-fit:cover}.metric-card{border-top:1px solid currentColor;padding:14px 6px;display:grid;gap:8px;min-width:0}.metric-card b{color:var(--accent);font-size:12px}.metric-card span{font-size:14px;font-weight:700;overflow-wrap:anywhere}
/* hero */.layout-hero .scene-inner{grid-template-columns:48% 52%;align-items:center}.layout-hero .scene-copy{align-self:center;z-index:5}.layout-hero .title{font-size:clamp(48px,5.4vw,98px)}.layout-hero .scene-visual{position:absolute;inset:0}.layout-hero .scene-bg{background:url('../assets/hero/hero_lunar_background.webp') center/cover no-repeat}.layout-hero .scene-bg::before{background:linear-gradient(90deg,rgba(4,6,8,.88) 0,rgba(4,6,8,.62) 36%,transparent 67%),radial-gradient(circle at 78% 45%,rgba(223,114,29,.14),transparent 24%)}.layout-hero .scene-bg::after{display:none}.layout-hero .scene-visual::before{content:"";position:absolute;inset:-2%;background:url('../assets/hero/hero_astronaut.webp') center/cover no-repeat;transform:translate3d(12%,0,0) scale(1.08);opacity:0;transition:transform 1.25s var(--ease),opacity 1s ease}.layout-hero.reading .scene-visual::before{transform:translate3d(0,0,0) scale(1);opacity:1}.layout-hero .scene-visual::after{content:"";position:absolute;inset:0;background:url('../assets/hero/hero_foreground_rocks.webp') center/cover no-repeat;opacity:.72;transform:translateY(4%);transition:transform 1.35s var(--ease),opacity 1s}.layout-hero.reading .scene-visual::after{transform:none;opacity:.92}.hero-tags{position:absolute;left:0;bottom:4vh;display:flex;gap:10px;z-index:6}.hero-tags span{border:1px solid rgba(255,255,255,.22);padding:9px 13px;color:#d6d9dc;font-size:12px}
/* workspace */.workspace-stage{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px}.workspace-photo{border:1px solid var(--line);overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.16);min-height:0}.workspace-console{position:absolute;right:3%;top:7%;width:42%;height:34%;background:rgba(10,13,16,.92);color:#fff;padding:22px;display:grid;gap:11px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.workspace-console span{font-size:11px;letter-spacing:.12em;color:#aeb5bb}.workspace-console i{height:38%;background:linear-gradient(90deg,var(--accent) 0 36%,#303840 36% 46%,#53606b 46% 70%,#22282e 70%)}.workspace-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
/* generic layouts */.timeline-rail{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.timeline-rail::before{content:"";position:absolute;left:0;right:0;top:34px;height:2px;background:linear-gradient(90deg,var(--accent),rgba(223,114,29,.12))}.timeline-stop{position:relative;padding-top:58px}.timeline-stop::before{content:"";position:absolute;top:27px;left:0;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px rgba(223,114,29,.12)}.timeline-stop b{color:var(--accent)}.timeline-stop span{display:block;font-size:22px;font-weight:800;margin:14px 0}.timeline-stop small{color:var(--muted);line-height:1.6}.team-orbit{position:relative;width:min(72vh,100%);aspect-ratio:1;margin:auto;border:1px solid var(--line);border-radius:50%}.team-orbit::before,.team-orbit::after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;inset:16%}.team-orbit::after{inset:34%}.team-core{position:absolute;inset:39%;display:grid;place-items:center;background:var(--accent);border-radius:50%;color:#fff;font-weight:800;text-align:center}.team-node{position:absolute;left:50%;top:50%;transform:rotate(var(--angle)) translateX(clamp(145px,17vw,250px)) rotate(calc(-1*var(--angle)));transform-origin:0 0;border:1px solid var(--line);background:var(--paper);padding:10px 14px;white-space:nowrap;font-size:13px}.scene--dark .team-node{background:var(--night-2)}.capability-shell{height:100%;display:grid;grid-template-rows:46% 1fr;gap:22px}.capability-image{overflow:hidden}.capability-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.production-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:18px 12px;counter-reset:flow}.production-flow li{position:relative;border-top:2px solid var(--line);padding:22px 10px 8px;min-width:0}.production-flow li::before{content:"";position:absolute;left:0;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(223,114,29,.1)}.production-flow li b{color:var(--accent);font-size:12px}.production-flow li span{display:block;font-size:13px;font-weight:700;margin-top:12px;line-height:1.35}.source-quadrants{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.source-pane{border:1px solid var(--line);min-height:180px;padding:22px;display:flex;flex-direction:column}.source-pane i{font-style:normal;color:var(--accent);font-size:12px}.source-pane b{font-size:24px;margin:auto 0 12px}.source-pane span{color:var(--muted);font-size:13px}.script-sheet{border:1px solid var(--line);padding:20px;background:rgba(255,255,255,.26)}.scene--dark .script-sheet{background:rgba(255,255,255,.03)}.script-head,.script-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:18px;align-items:center}.script-head{color:var(--accent);font-size:11px;padding-bottom:14px;border-bottom:1px solid var(--line)}.script-row{min-height:62px;border-bottom:1px solid var(--line)}.script-row b{color:var(--accent)}.script-row i{height:2px;background:linear-gradient(90deg,var(--accent) 0 44%,var(--line) 44%)}.storyboard-shell{height:100%;display:grid;grid-template-rows:38% 1fr;gap:18px}.storyboard-strip{overflow:hidden;border:1px solid var(--line)}.storyboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.asset-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.asset-card{border:1px solid var(--line);background:transparent;color:inherit;text-align:left;padding:16px;min-height:150px}.asset-card i{display:block;height:78px;background:linear-gradient(135deg,rgba(223,114,29,.16),transparent),repeating-linear-gradient(45deg,var(--line) 0 1px,transparent 1px 10px);margin-bottom:12px}.asset-card b{display:block}.asset-card span{font-size:11px;color:var(--muted)}.spatial-blueprint{position:relative;width:100%;height:100%;border:1px solid var(--line);background:linear-gradient(90deg,transparent 49.8%,var(--line) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,var(--line) 50%,transparent 50.2%)}.spatial-blueprint svg{width:100%;height:100%}.spatial-blueprint path,.spatial-blueprint rect{fill:none;stroke:var(--accent);stroke-width:2}.path-draw{stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 1.2s var(--ease)}.scene.reading .path-draw{stroke-dashoffset:0}.path-draw--thin{stroke-width:1;opacity:.5}.map-label{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);padding:7px 10px;background:var(--night);color:#fff;font-size:12px;white-space:nowrap}.detail-exploded{display:grid;grid-template-columns:44% 1fr;gap:34px;height:100%;align-items:center}.detail-object{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,var(--accent) 0 8%,transparent 9% 28%,var(--line) 29% 30%,transparent 31%)}.detail-object i{position:absolute;width:22%;height:22%;border:1px solid var(--line);border-radius:50%}.detail-object i:nth-child(1){left:10%;top:12%}.detail-object i:nth-child(2){right:8%;top:20%}.detail-object i:nth-child(3){left:18%;bottom:10%}.detail-object i:nth-child(4){right:12%;bottom:13%}.detail-specs{display:grid;gap:10px}.detail-specs article{display:grid;grid-template-columns:42px 90px 1fr;gap:12px;align-items:center}.detail-specs b{color:var(--accent)}.detail-specs em{height:1px;background:var(--line)}.triad-flow,.compare-layout,.triptych-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.triad-panel,.compare-panel,.triptych-card{border:1px solid var(--line);padding:20px;min-height:260px}.triad-panel span,.compare-panel>span,.triptych-card>b{color:var(--accent);font-size:12px}.triad-panel b,.compare-panel>b,.triptych-card>span{display:block;font-size:22px;margin:28px 0 18px}.triad-panel p,.compare-panel p{color:var(--muted);line-height:1.6;font-size:13px}.compare-visual{height:96px;border:1px dashed var(--line);display:flex;align-items:flex-end;gap:7px;padding:12px;margin-top:16px}.compare-visual i{display:block;width:18px;background:var(--accent);height:24%}.compare-visual i:nth-child(2){height:48%}.compare-visual i:nth-child(3){height:70%}.post-timeline{display:grid;gap:12px}.post-track{display:grid;grid-template-columns:50px 120px 1fr;align-items:center;gap:18px}.post-track b{color:var(--accent)}.post-track i{height:22px;background:var(--line);position:relative}.post-track em{position:absolute;inset:0 auto 0 0;width:0;background:var(--accent);transition:width 1s var(--ease);transition-delay:calc(var(--i)*70ms)}.scene.reading .post-track em{width:var(--w)}.cinema-stage{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px}.cinema-screen{border:1px solid var(--line-dark);background:#000;position:relative;padding:0;overflow:hidden}.play-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);color:#fff}.cinema-index{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.decision-stage{height:100%;display:grid;grid-template-rows:58% 1fr;gap:16px}.decision-photo{overflow:hidden}.decision-routes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.route-card{border:1px solid var(--line-dark);padding:18px}.route-card b{color:var(--accent)}.route-card span{display:block;font-size:20px;margin:10px 0}.route-card p{font-size:12px;color:#9ba2aa}.whitebox-scene{height:100%;display:grid;grid-template-rows:1fr auto;gap:18px}.wire-room{position:relative;min-height:0;border:1px solid var(--line-dark);perspective:800px;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.05) 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.05) 32px)}.wire-room>i{position:absolute;border:1px solid rgba(223,114,29,.6);transform:skewY(-18deg)}.wire-room>i:nth-child(1){left:8%;top:12%;width:34%;height:54%}.wire-room>i:nth-child(2){left:48%;top:26%;width:38%;height:52%}.wire-room>i:nth-child(3){left:32%;top:50%;width:18%;height:22%}.wire-room>i:nth-child(4){left:70%;top:8%;width:12%;height:18%}.wire-camera{position:absolute;left:18%;bottom:10%;width:40px;height:28px;border:1px solid #fff}.whitebox-scene ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.whitebox-scene li{border-top:1px solid var(--line-dark);padding-top:10px}.whitebox-scene li b{color:var(--accent);font-size:11px}.whitebox-scene li span{display:block;font-size:12px;margin-top:8px}.triptych-card{position:relative;overflow:hidden}.triptych-card--image{padding:0}.triptych-card--image>b,.triptych-card--image>span{position:absolute;z-index:2;left:18px}.triptych-card--image>b{top:18px}.triptych-card--image>span{top:48px}.wire-mini{height:160px;background:repeating-linear-gradient(0deg,transparent 0 20px,rgba(255,255,255,.07) 21px),repeating-linear-gradient(90deg,transparent 0 20px,rgba(255,255,255,.07) 21px);border:1px solid var(--line-dark)}.motion-mini{display:flex;gap:18px;align-items:center;height:160px}.motion-mini i{width:50px;height:50px;border:1px solid var(--accent);transform:rotate(45deg)}.motion-mini i:nth-child(2){transform:rotate(45deg) translateY(-24px)}.action-path{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}.action-path::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}.action-step{position:relative;background:var(--paper);border:1px solid var(--line);padding:18px;min-height:210px}.scene--dark .action-step{background:var(--night-2)}.action-step b{color:var(--accent)}.action-step span{display:block;margin-top:90px;font-weight:700}.action-step i{position:absolute;right:-8px;top:50%;width:14px;height:14px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);transform:translateY(-50%) rotate(45deg)}.axis-stage{position:relative;height:100%;border:1px solid var(--line);background:linear-gradient(155deg,transparent 48%,var(--line) 49% 50%,transparent 51%),linear-gradient(25deg,transparent 48%,var(--line) 49% 50%,transparent 51%)}.axis-camera{position:absolute;left:6%;bottom:8%;border:1px solid var(--accent);padding:12px}.axis-floor{position:absolute;inset:15%;border:1px solid var(--line);transform:perspective(700px) rotateX(58deg)}.axis-floor i{position:absolute;width:44px;height:78px;border:1px solid currentColor;bottom:20%}.axis-floor i:nth-child(1){left:16%}.axis-floor i:nth-child(2){left:48%}.axis-floor i:nth-child(3){right:12%}.axis-tag{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:var(--night);color:#fff;padding:6px 10px;font-size:12px}.music-profile{height:100%;display:grid;grid-template-columns:40% 1fr;gap:34px;align-items:center}.music-disc{aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#121416 0 4px,#23272b 5px 7px);position:relative;animation:slowSpin 18s linear infinite}.music-disc i{position:absolute;inset:34%;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px rgba(255,255,255,.25)}@keyframes slowSpin{to{transform:rotate(360deg)}}.profile-bars{display:grid;gap:18px}.profile-bars article{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:14px}.profile-bars i,.research-metrics i{height:10px;background:var(--line-dark);position:relative}.profile-bars em,.research-metrics em{position:absolute;inset:0 auto 0 0;width:0;background:var(--accent);transition:width 1s var(--ease);transition-delay:calc(var(--i)*80ms)}.scene.reading .profile-bars em,.scene.reading .research-metrics em{width:var(--w)}.music-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:relative}.music-line{position:absolute;left:0;right:0;top:46%;height:2px;background:linear-gradient(90deg,var(--accent),rgba(223,114,29,.1))}.music-node{position:relative;min-height:240px;border:1px solid var(--line);padding:18px;background:rgba(255,255,255,.25)}.music-node b{color:var(--accent)}.music-node span{position:absolute;bottom:18px;font-weight:700}.music-node i{position:absolute;left:50%;top:46%;width:14px;height:14px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.audio-board{display:grid;gap:12px}.audio-track{display:grid;grid-template-columns:48px 90px 1fr 46px 100px;align-items:center;gap:16px;border:1px solid var(--line-dark);background:transparent;color:inherit;padding:16px;text-align:left}.audio-track b{color:var(--accent)}.audio-track small{color:#7f8790}.waveform{height:40px;display:flex;align-items:center;gap:4px}.waveform em{width:3px;background:#858d95;height:var(--h,50%)}.waveform em:nth-child(3n){height:85%}.waveform em:nth-child(4n){height:35%}.vr-stage{height:100%;display:grid;grid-template-columns:46% 1fr;gap:34px;align-items:center}.vr-portal{aspect-ratio:1;position:relative;display:grid;place-items:center}.vr-portal::before{content:"";position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,rgba(223,114,29,.35),transparent 46%)}.vr-portal i{position:absolute;border:1px solid rgba(223,114,29,.65);border-radius:50%;inset:var(--inset,15%);animation:portalPulse 3s ease-in-out infinite}.vr-portal i:nth-child(2){--inset:28%;animation-delay:.4s}.vr-portal i:nth-child(3){--inset:40%;animation-delay:.8s}@keyframes portalPulse{50%{transform:scale(1.08);opacity:.4}}.vr-cards,.vr-steps{display:grid;gap:12px}.vr-case{height:100%;display:grid;grid-template-rows:1fr auto;gap:16px}.vr-window{border:1px solid var(--line-dark);position:relative;background:radial-gradient(circle at 50% 50%,rgba(223,114,29,.17),transparent 32%),repeating-linear-gradient(90deg,transparent 0 50px,rgba(255,255,255,.04) 51px)}.vr-window span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:50px;color:var(--accent)}.vr-steps{grid-template-columns:repeat(3,1fr)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.archive-card{border:1px solid var(--line);padding:18px}.archive-card>b{color:var(--accent)}.archive-card>span{display:block;font-size:22px;font-weight:800;margin:24px 0}.archive-card>div{height:130px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.archive-card i{background:linear-gradient(135deg,rgba(223,114,29,.2),transparent);border:1px solid var(--line)}.research-dashboard{height:100%;display:grid;grid-template-rows:44% 1fr;gap:18px}.research-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.research-cards article{border:1px dashed var(--line);background:linear-gradient(135deg,rgba(223,114,29,.12),transparent)}.research-metrics{display:grid;gap:12px;align-content:center}.research-metrics article{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.research-metrics i{background:var(--line)}.loop-system{position:relative;height:100%;display:grid;place-items:center}.loop-system svg{position:absolute;inset:0;width:100%;height:100%}.loop-system path{fill:none;stroke:var(--accent);stroke-width:2}.loop-system>span{position:absolute;left:50%;top:50%;transform:rotate(var(--angle)) translateX(clamp(150px,18vw,260px)) rotate(calc(-1*var(--angle)));transform-origin:0 0;background:var(--paper);border:1px solid var(--line);padding:9px 12px;font-size:12px;white-space:nowrap}.loop-system>b{border:1px solid var(--accent);padding:18px 24px}.pillar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.pillar{min-height:310px;border:1px solid var(--line-dark);padding:18px;position:relative}.pillar b{color:var(--accent)}.pillar span{position:absolute;left:18px;bottom:22px;font-size:18px;font-weight:800;writing-mode:vertical-rl}.pillar i{position:absolute;left:50%;bottom:22px;top:60px;width:1px;background:linear-gradient(var(--accent),transparent)}.collab-map{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}.collab-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800;z-index:2}.collab-option{border:1px solid var(--line);min-height:300px;padding:18px}.collab-option b{color:var(--accent)}.collab-option span{display:block;margin-top:210px;font-size:14px;font-weight:700}.roadmap-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative}.roadmap-steps::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--line)}.roadmap-steps li{position:relative;min-height:280px;border:1px solid var(--line);padding:18px;background:rgba(255,255,255,.18)}.roadmap-steps li:nth-child(even){transform:translateY(34px)}.roadmap-steps b{color:var(--accent)}.roadmap-steps span{display:block;margin-top:150px;font-weight:700;font-size:13px}.roadmap-steps i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);left:50%;top:50%;transform:translate(-50%,-50%)}.closing-stage{height:100%;display:grid;grid-template-columns:58% 1fr;gap:22px}.closing-photo{overflow:hidden;opacity:.55}.closing-contact{display:grid;align-content:end;gap:13px}.closing-contact span{border-top:1px solid var(--line-dark);padding-top:12px;color:#aeb5bb}
/* special page fitting */.layout-flow .scene-inner{grid-template-columns:38% 1fr}.layout-research .scene-inner{grid-template-columns:minmax(360px,39%) minmax(0,1fr)}.layout-research .title{font-size:clamp(38px,4.1vw,76px);max-width:10em}.layout-research .summary{max-width:42ch}.layout-compare .scene-inner{grid-template-columns:minmax(360px,39%) minmax(0,1fr)}.layout-compare .title{font-size:clamp(36px,3.7vw,68px)}.layout-closing .scene-inner{grid-template-columns:45% 55%}.layout-closing .title{font-size:clamp(42px,4.8vw,88px)}
/* transitions: one carrier only, no generic extra mask */.transition-stage{position:fixed;inset:0;z-index:800;pointer-events:none;overflow:hidden;display:none}.transition-stage.running{display:block}.transition-stage>*{position:absolute}.fx-helmet{inset:-20%;background:radial-gradient(ellipse at 72% 42%,#fff 0 2%,rgba(223,114,29,.85) 10%,#090c10 32%,transparent 33%);transform:scale(.05);animation:helmetFx 900ms var(--ease) both}@keyframes helmetFx{45%{transform:scale(5)}100%{transform:scale(8);opacity:0}}.fx-scan{left:-20%;top:0;width:18%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),var(--accent),transparent);filter:none;animation:scanFx 720ms var(--ease) both}@keyframes scanFx{to{transform:translateX(760%)}}.fx-nodes{inset:0;background:#0c1014}.fx-nodes i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);left:var(--x);top:var(--y);animation:nodeFx 760ms var(--ease) both}@keyframes nodeFx{0%{transform:scale(0);opacity:0}45%{transform:scale(8);opacity:1}100%{transform:scale(22);opacity:0}}.fx-flow{left:-10%;right:-10%;top:50%;height:3px;background:var(--accent);animation:flowFx 760ms var(--ease) both}.fx-flow::before{content:"";position:absolute;inset:-60vh 0;background:#f3eee5;transform:scaleX(0);transform-origin:left;animation:flowCover 760ms var(--ease) both}@keyframes flowFx{from{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1)}to{transform:scaleX(0);transform-origin:right}}@keyframes flowCover{45%{transform:scaleX(1)}100%{transform:scaleX(0);transform-origin:right}}.fx-frame{inset:0;border:0 solid var(--accent);animation:frameFx 760ms var(--ease) both}@keyframes frameFx{0%{inset:20%;border-width:2px;background:transparent}46%{inset:0;border-width:34vmax;background:#f4efe6}100%{inset:48%;border-width:0;background:transparent}}.fx-focus{left:50%;top:50%;width:22vmin;height:22vmin;border:2px solid var(--accent);transform:translate(-50%,-50%);animation:focusFx 760ms var(--ease) both}.fx-focus::before,.fx-focus::after{content:"";position:absolute;background:#10151b}.fx-focus::before{width:100vw;height:100vh;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,calc(50% - 11vmin) calc(50% - 11vmin),calc(50% - 11vmin) calc(50% + 11vmin),calc(50% + 11vmin) calc(50% + 11vmin),calc(50% + 11vmin) calc(50% - 11vmin),calc(50% - 11vmin) calc(50% - 11vmin))}@keyframes focusFx{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}48%{transform:translate(-50%,-50%) scale(5);opacity:1}100%{transform:translate(-50%,-50%) scale(9);opacity:0}}.fx-film{inset:0;background:#0a0c0f;display:grid;grid-template-rows:26px 1fr 26px;animation:filmFx 760ms var(--ease) both}.fx-film::before,.fx-film::after{content:"";background:repeating-linear-gradient(90deg,#f5f0e8 0 34px,transparent 34px 52px)}@keyframes filmFx{0%{transform:translateY(-110%)}45%{transform:none}100%{transform:translateY(110%)}}.fx-wire{inset:0;background:#0b0f14;perspective:700px;animation:wireFx 820ms var(--ease) both}.fx-wire::before{content:"";position:absolute;inset:-80%;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(223,114,29,.45) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(223,114,29,.45) 40px);transform:rotateX(68deg) scale(.2);animation:wireGrid 820ms var(--ease) both}@keyframes wireFx{0%,100%{opacity:0}25%,72%{opacity:1}}@keyframes wireGrid{50%{transform:rotateX(68deg) scale(1)}100%{transform:rotateX(68deg) scale(2);opacity:0}}.fx-wave{left:-10%;right:-10%;top:30%;height:40%;display:flex;align-items:center;gap:6px}.fx-wave i{flex:1;background:var(--accent);height:var(--h);animation:waveFx 720ms ease-in-out both}@keyframes waveFx{0%,100%{transform:scaleY(0)}50%{transform:scaleY(7)}}.fx-vinyl{width:92vmin;height:92vmin;border-radius:50%;left:-72vmin;top:50%;transform:translateY(-50%);background:repeating-radial-gradient(circle,#090a0b 0 5px,#202326 6px 8px);box-shadow:0 0 0 1px #333;animation:vinylFx 1050ms cubic-bezier(.7,0,.3,1) both}.fx-vinyl::before{content:"";position:absolute;inset:34%;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px rgba(255,255,255,.22)}@keyframes vinylFx{0%{transform:translateY(-50%) rotate(-120deg) scale(.7)}52%{transform:translate(120vw,-50%) rotate(420deg) scale(4.3)}100%{transform:translate(220vw,-50%) rotate(840deg) scale(1)}}.fx-portal{left:50%;top:50%;width:20vmin;height:20vmin;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 3px var(--accent),0 0 80px rgba(223,114,29,.55);animation:portalFx 820ms var(--ease) both}@keyframes portalFx{0%{transform:translate(-50%,-50%) scale(.05);background:transparent}50%{transform:translate(-50%,-50%) scale(9);background:#0b0e12}100%{transform:translate(-50%,-50%) scale(14);opacity:0}}.fx-data{inset:0;background:#f2ede4;display:flex;align-items:flex-end;gap:2vw;padding:0 8vw}.fx-data i{flex:1;height:var(--h);background:var(--accent);transform-origin:bottom;animation:dataFx 760ms var(--ease) both}@keyframes dataFx{0%,100%{transform:scaleY(0);opacity:0}45%{transform:scaleY(1);opacity:1}}.fx-roadmap{left:-10%;right:-10%;top:50%;height:2px;background:var(--accent);animation:roadFx 760ms var(--ease) both}.fx-roadmap i{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--accent);top:50%;left:var(--x);transform:translate(-50%,-50%)}@keyframes roadFx{0%{transform:scaleX(0)}50%{transform:scaleX(1);box-shadow:0 -50vh 0 50vh #f3eee6,0 50vh 0 50vh #f3eee6}100%{transform:scaleX(0);opacity:0}}.fx-brand{left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);animation:brandFx 760ms var(--ease) both}@keyframes brandFx{0%{transform:translate(-50%,-50%) scale(0)}48%{transform:translate(-50%,-50%) scale(180);background:#0b0e12}100%{transform:translate(-50%,-50%) scale(0);opacity:0}}
.media-modal{position:fixed;inset:0;z-index:1000;background:rgba(5,7,9,.96);color:#fff}.media-modal[hidden]{display:none}.media-modal>button{position:absolute;right:24px;top:18px;z-index:2;border:0;background:none;color:#fff;font-size:34px}.media-modal #mediaCanvas{position:absolute;inset:70px 30px 80px;overflow:hidden;display:grid;place-items:center}.media-modal img{max-width:90%;max-height:90%;transform:translate3d(var(--tx,0),var(--ty,0),0) scale(var(--zoom,1));cursor:grab}.media-tools{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:8px}.media-tools button{border:1px solid rgba(255,255,255,.22);background:#101419;color:#fff;padding:10px 14px}.audio-dock{position:fixed;z-index:900;left:50%;bottom:20px;transform:translateX(-50%);width:min(720px,92vw);background:#101419;color:#fff;border:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:48px 1fr 40px;align-items:center;padding:12px;gap:12px}.audio-dock[hidden]{display:none}.audio-dock button{border:0;background:var(--accent);color:#fff;width:40px;height:40px}.audio-dock div{display:grid;gap:4px}.audio-dock input{width:100%}.toast{position:fixed;left:50%;bottom:24px;z-index:1200;transform:translate(-50%,16px);background:#11161b;color:#fff;padding:12px 16px;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1180px){.scene-inner{grid-template-columns:38% 62%;gap:28px}.title{font-size:clamp(38px,4.8vw,72px)}.summary{font-size:16px}.production-flow{grid-template-columns:repeat(5,minmax(86px,1fr))}.metric-card span{font-size:12px}.team-node{transform:rotate(var(--angle)) translateX(190px) rotate(calc(-1*var(--angle)))}.collab-center{width:120px;height:120px}.collab-option{min-height:250px}.collab-option span{margin-top:160px}.pillar{min-height:260px}}
@media(max-width:900px){:root{--safe-x:28px;--header-h:58px;--footer-h:52px}.chapter-nav{display:none}.scene-inner{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);top:82px;bottom:78px;gap:20px;align-items:start}.scene-copy{max-width:none}.kicker{margin-bottom:10px}.title,.title.title-long{font-size:clamp(34px,7vw,62px);max-width:15em}.summary{margin-top:12px;max-width:65ch;line-height:1.55}.scene-visual{min-height:0}.layout-hero .scene-inner{grid-template-columns:1fr;grid-template-rows:1fr}.layout-hero .scene-copy{align-self:center;max-width:72%}.layout-hero .scene-visual{position:absolute}.workspace-console{display:none}.capability-shell{grid-template-rows:40% 1fr}.capability-list{grid-template-columns:repeat(5,1fr)}.production-flow{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}.source-pane{min-height:110px}.storyboard-shell{grid-template-rows:30% 1fr}.asset-gallery{grid-template-columns:repeat(3,1fr)}.triad-panel,.compare-panel,.triptych-card{min-height:170px}.cinema-index{grid-template-columns:repeat(7,1fr)}.decision-stage{grid-template-rows:45% 1fr}.whitebox-scene ol{grid-template-columns:repeat(5,1fr)}.action-step{min-height:160px}.action-step span{margin-top:55px}.music-node{min-height:160px}.archive-card>span{margin:10px 0}.archive-card>div{height:80px}.pillar{min-height:180px}.pillar span{bottom:12px}.collab-option{min-height:180px}.collab-option span{margin-top:100px}.roadmap-steps li{min-height:170px}.roadmap-steps span{margin-top:70px}.layout-research .scene-inner,.layout-compare .scene-inner,.layout-closing .scene-inner{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}}
@media(max-width:620px){body[data-mode="presentation"] .mode-switch{display:none}.topbar{padding:0 18px}.page-count{margin-left:auto}.brand span{font-size:14px}.menu-btn{left:auto;right:100px}.scene-inner{left:20px;right:20px;top:72px;bottom:66px}.title,.title.title-long{font-size:clamp(30px,10vw,48px);line-height:1.06}.summary{font-size:13px;line-height:1.5}.scene-copy{max-height:38vh}.scene-visual{overflow:auto}.layout-hero .scene-copy{max-width:86%}.layout-hero .scene-bg{background-position:62% center}.hero-tags{flex-wrap:wrap}.timeline-rail{grid-template-columns:1fr;gap:8px}.timeline-rail::before{left:6px;right:auto;top:0;bottom:0;width:1px;height:auto}.timeline-stop{padding:8px 0 8px 30px}.timeline-stop::before{top:14px}.team-orbit{width:74vw}.team-node{font-size:10px;transform:rotate(var(--angle)) translateX(33vw) rotate(calc(-1*var(--angle)));padding:5px 7px}.capability-list{grid-template-columns:repeat(2,1fr);overflow:auto}.production-flow{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(76px,auto);overflow:auto}.source-quadrants{grid-template-columns:1fr}.source-pane{min-height:105px}.script-head,.script-row{grid-template-columns:44px 1fr}.script-row i,.script-head span:nth-child(3){display:none}.storyboard-grid,.asset-gallery{grid-template-columns:repeat(2,1fr)}.detail-exploded{grid-template-columns:1fr}.detail-object{display:none}.triad-flow,.compare-layout,.triptych-stage{grid-template-columns:1fr;overflow:auto}.triad-panel,.compare-panel,.triptych-card{min-height:150px}.post-track{grid-template-columns:36px 90px 1fr}.cinema-index{grid-template-columns:repeat(3,1fr);overflow:auto}.decision-routes{grid-template-columns:1fr}.whitebox-scene ol{grid-template-columns:repeat(2,1fr);overflow:auto}.action-path{grid-template-columns:repeat(5,150px);overflow:auto}.music-profile{grid-template-columns:1fr}.music-disc{display:none}.music-flow{grid-template-columns:repeat(5,150px);overflow:auto}.audio-track{grid-template-columns:34px 70px 1fr 36px}.audio-track small{display:none}.vr-stage{grid-template-columns:1fr}.vr-portal{display:none}.vr-steps,.archive-grid{grid-template-columns:1fr}.archive-grid{overflow:auto}.research-dashboard{grid-template-rows:32% 1fr}.pillar-grid,.collab-map,.roadmap-steps{grid-template-columns:repeat(5,160px);overflow:auto}.collab-center{display:none}.closing-stage{grid-template-columns:1fr}.closing-photo{height:42%}.side-progress{right:6px}.scene-footer{padding:0 20px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.music-disc{animation:none}.transition-stage{display:none!important}}
body[data-mode="free"]{overflow:auto;background:var(--paper)}body[data-mode="free"] .stage{height:auto;overflow:visible;scroll-snap-type:y mandatory}body[data-mode="free"] .scene{position:relative;inset:auto;min-height:100dvh;visibility:visible;opacity:1;pointer-events:auto;scroll-snap-align:start}body[data-mode="free"] .scene .reveal{opacity:1;transform:none}body[data-mode="free"] .transition-stage{display:none!important}


/* ===== v6.0 bidirectional / authentic-media / collision-safe overrides ===== */
.scene-surface{position:absolute;inset:0;overflow:hidden;background:inherit;color:inherit;isolation:isolate}
.scene{contain:layout paint style}
.scene.current,.scene.incoming{visibility:visible;opacity:1;pointer-events:auto}
.scene.incoming{pointer-events:none}
.scene-copy{position:relative;z-index:6;padding-right:clamp(10px,1.4vw,28px)}
.scene-copy::before{content:"";position:absolute;z-index:-1;inset:-18px -34px -18px -22px;background:linear-gradient(90deg,var(--copy-shield) 0%,var(--copy-shield) 78%,transparent 100%);pointer-events:none}
.scene--light{--copy-shield:rgba(245,241,233,.97)}
.scene--dark{--copy-shield:rgba(9,12,16,.97)}
.scene-bg i:nth-child(3){top:calc(var(--header-h) + 22px);left:var(--safe-x);width:58px;height:4px}
.title{position:relative;z-index:3;overflow-wrap:anywhere;word-break:keep-all}
.summary{position:relative;z-index:3}
.scene-visual{z-index:2}
.scene.enter-from-next .scene-copy,.scene.enter-from-next .scene-visual{transform:translate3d(30px,0,0);opacity:0}
.scene.enter-from-prev .scene-copy,.scene.enter-from-prev .scene-visual{transform:translate3d(-30px,0,0);opacity:0}
.scene.exit-to-next .scene-copy{transform:translate3d(-34px,0,0);opacity:0}
.scene.exit-to-next .scene-visual{transform:translate3d(24px,0,0);opacity:0}
.scene.exit-to-prev .scene-copy{transform:translate3d(34px,0,0);opacity:0}
.scene.exit-to-prev .scene-visual{transform:translate3d(-24px,0,0);opacity:0}
.scene .scene-copy,.scene .scene-visual{will-change:transform,opacity}

/* actual hero layers */
.layout-hero .scene-visual::before,.layout-hero .scene-visual::after{display:none!important}
.hero-layer{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;pointer-events:none;will-change:transform,opacity}
.hero-astronaut{z-index:3;opacity:0;transform:translate3d(18vw,1vh,0) scale(1.08)}
.hero-rocks{z-index:4;opacity:0;transform:translate3d(0,6vh,0) scale(1.03)}
.hero-particles{position:absolute;inset:0;z-index:2;pointer-events:none}
.hero-particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.68);left:calc((var(--n,1)*37)%100 * 1%);top:calc((var(--n,1)*53)%100 * 1%);opacity:.25}
.hero-particles i:nth-child(1){left:8%;top:12%}.hero-particles i:nth-child(2){left:18%;top:82%}.hero-particles i:nth-child(3){left:31%;top:21%}.hero-particles i:nth-child(4){left:42%;top:67%}.hero-particles i:nth-child(5){left:55%;top:14%}.hero-particles i:nth-child(6){left:66%;top:48%}.hero-particles i:nth-child(7){left:74%;top:76%}.hero-particles i:nth-child(8){left:84%;top:24%}.hero-particles i:nth-child(9){left:92%;top:62%}.hero-particles i:nth-child(10){left:12%;top:44%}.hero-particles i:nth-child(11){left:26%;top:56%}.hero-particles i:nth-child(12){left:38%;top:88%}.hero-particles i:nth-child(13){left:49%;top:34%}.hero-particles i:nth-child(14){left:61%;top:72%}.hero-particles i:nth-child(15){left:71%;top:6%}.hero-particles i:nth-child(16){left:79%;top:45%}.hero-particles i:nth-child(17){left:88%;top:91%}.hero-particles i:nth-child(18){left:96%;top:33%}
.layout-hero.reading .hero-astronaut{opacity:1;transform:translate3d(0,0,0) scale(1)}
.layout-hero.reading .hero-rocks{opacity:.92;transform:translate3d(0,0,0) scale(1)}
.layout-hero.exit-to-next .hero-astronaut{opacity:0;transform:translate3d(18vw,-2vh,0) scale(1.08)}
.layout-hero.exit-to-next .hero-rocks{opacity:.25;transform:translate3d(0,5vh,0) scale(1.05)}

/* vector workspace and authentic placeholders */
.workspace-stage--vector{grid-template-rows:minmax(0,1fr) auto}
.workspace-room{position:relative;min-height:0;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(223,114,29,.06)),repeating-linear-gradient(90deg,transparent 0 58px,rgba(20,24,28,.05) 59px);perspective:1000px;overflow:hidden}
.workspace-monitor{position:absolute;background:#11161b;border:10px solid #242a30;box-shadow:0 22px 50px rgba(0,0,0,.24);padding:10px;color:#d8dde1}
.workspace-monitor b{position:absolute;left:50%;bottom:-31px;transform:translateX(-50%);font-size:11px;color:#59616a;white-space:nowrap}
.workspace-monitor--main{left:13%;top:10%;width:49%;height:48%;transform:rotateY(5deg)}
.workspace-monitor--edit{right:4%;top:16%;width:36%;height:42%;transform:rotateY(-8deg)}
.monitor-screen{height:100%;background:#0a0d11;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:30px 10px 10px}.monitor-screen i{border:1px solid rgba(223,114,29,.35);background:linear-gradient(135deg,rgba(223,114,29,.22),transparent)}.screen-shot{position:absolute;left:10px;top:8px;color:var(--accent);font-size:10px}.edit-preview{height:55%;background:linear-gradient(135deg,#17202a,#090c10);border:1px solid rgba(255,255,255,.12)}.edit-timeline{height:40%;display:grid;gap:5px;padding-top:10px}.edit-timeline i{background:linear-gradient(90deg,var(--accent) 0 34%,#4f5d6a 34% 62%,#242a30 62%)}
.workspace-desk{position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(#a48b6c,#6f5a43);transform:perspective(900px) rotateX(58deg);transform-origin:bottom}.paper-stack{position:absolute;left:28%;top:10%;width:36%;height:58%;transform:rotate(-4deg)}.paper-stack i{position:absolute;inset:0;background:#f5f1e9;border:1px solid #a8a196;box-shadow:0 6px 18px rgba(0,0,0,.2)}.paper-stack i:nth-child(2){transform:translate(20px,12px) rotate(5deg)}.paper-stack i:nth-child(3){transform:translate(-18px,22px) rotate(-3deg)}.desk-keyboard{position:absolute;right:22%;top:20%;width:26%;height:28%;background:repeating-linear-gradient(90deg,#20262b 0 8px,#0e1114 9px 11px);border:4px solid #111}.desk-cup{position:absolute;right:6%;top:14%;width:62px;height:62px;border-radius:50%;background:#171b1f;box-shadow:inset 0 0 0 10px #282e34}
.capability-shell--vector{grid-template-rows:1fr auto}.capability-core{display:grid;place-items:center;position:relative;border:1px solid var(--line-dark);overflow:hidden}.capability-core b{font-size:clamp(30px,4vw,68px);z-index:2}.capability-core span{position:absolute;bottom:12%;color:#9aa2aa}.capability-rings i{position:absolute;border:1px solid rgba(223,114,29,.45);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);width:18vmin;height:18vmin}.capability-rings i:nth-child(2){width:34vmin;height:34vmin}.capability-rings i:nth-child(3){width:52vmin;height:52vmin}
.storyboard-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px}.storyboard-frame{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,rgba(223,114,29,.1),transparent);min-height:130px}.storyboard-frame span{position:absolute;left:9px;top:8px;color:var(--accent);font-size:11px}.storyboard-frame i{position:absolute;left:14%;right:14%;top:28%;bottom:16%;border:1px solid currentColor;opacity:.22;transform:skewY(-8deg)}
.real-media-slot{height:100%;min-height:240px;border:1px solid var(--line-dark);display:grid;place-items:center;background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,255,255,.025) 19px 20px)}.media-slot-frame{text-align:center;max-width:470px;padding:34px}.media-slot-icon{display:grid;place-items:center;margin:0 auto 20px;width:64px;height:64px;border-radius:50%;border:1px solid var(--accent);color:var(--accent)}.media-slot-frame b{display:block;font-size:24px}.media-slot-frame p{color:#9ba2aa;line-height:1.7}.media-slot-frame small{color:#70777f}.real-media-slot--small{min-height:170px;height:170px}.real-media-slot--small .media-slot-frame{padding:18px}.real-media-slot--small .media-slot-frame b{font-size:16px}.spatial-control-board{position:relative;min-height:0;border:1px solid var(--line-dark);background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.05) 35px),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.05) 35px)}.spatial-control-board svg{width:100%;height:100%}.spatial-control-board path,.spatial-control-board rect,.spatial-control-board circle{fill:none;stroke:var(--accent);stroke-width:2}.control-label{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:#0a0d10;border:1px solid var(--line-dark);padding:6px 9px;font-size:11px}.brand-horizon{position:relative;overflow:hidden;border:1px solid var(--line-dark);background:radial-gradient(circle at 50% 68%,rgba(223,114,29,.24),transparent 24%),#0a0d10}.horizon-grid{position:absolute;inset:42% -20% -30%;transform:perspective(700px) rotateX(64deg);background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(223,114,29,.18) 35px),repeating-linear-gradient(90deg,transparent 0 34px,rgba(223,114,29,.18) 35px)}.horizon-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:8px}.horizon-mark i{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 40px var(--accent)}.horizon-mark b{font-size:clamp(36px,5vw,76px)}.horizon-mark span{letter-spacing:.22em;color:#9aa2aa}

/* transition stage: one dominant mechanism, true direction */
.transition-stage{position:fixed;inset:0;z-index:800;pointer-events:none;visibility:hidden;overflow:hidden;contain:strict}
.transition-stage.running{visibility:visible}
.transition-piece{position:absolute;will-change:transform,opacity,clip-path}
.transition-surface{position:absolute;inset:0;background:var(--transition-bg,#0b0e12)}
.transition-vinyl{width:120vmin;height:120vmin;border-radius:50%;background:repeating-radial-gradient(circle,#070809 0 5px,#202326 6px 8px);box-shadow:inset 0 0 0 1px #41474d}.transition-vinyl::before{content:"";position:absolute;inset:34%;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.transition-portal{width:20vmin;height:20vmin;border-radius:50%;background:#0b0e12;box-shadow:0 0 0 3px var(--accent),0 0 90px rgba(223,114,29,.55)}
.transition-scan{inset:0;background:linear-gradient(90deg,#0b0e12 0 72%,var(--accent) 72% 74%,#f4efe7 74%)}
.transition-flow{height:4px;background:var(--accent);box-shadow:0 0 0 0 var(--paper)}
.transition-film{inset:0;background:#0a0c0f;border-top:28px solid #f5f0e8;border-bottom:28px solid #f5f0e8}
.transition-film::before,.transition-film::after{content:"";position:absolute;left:0;right:0;height:18px;background:repeating-linear-gradient(90deg,#0a0c0f 0 34px,transparent 34px 52px)}.transition-film::before{top:-23px}.transition-film::after{bottom:-23px}
.transition-wire{inset:-60%;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(223,114,29,.45) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(223,114,29,.45) 40px),#0b0f14}
.transition-wave{left:-10%;right:-10%;height:18%;background:repeating-linear-gradient(90deg,var(--accent) 0 5px,transparent 5px 12px),#0b0e12;box-shadow:0 0 0 0 #0b0e12}
.transition-data{inset:0;display:flex;align-items:flex-end;gap:1vw;background:#f2ede4}.transition-data i{flex:1;background:var(--accent);height:var(--bar)}
.transition-nodes{inset:0;background:#0b0e12}.transition-nodes i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);left:var(--x);top:var(--y);box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.transition-focus{inset:0;border:clamp(18px,12vw,220px) solid #0b0e12}
.transition-brand{width:18px;height:18px;border-radius:50%;background:var(--accent)}

/* free mode shares the same page animation model and reverses with scroll */
body[data-mode="free"]{overflow:auto;background:var(--night)}
body[data-mode="free"] .stage{height:auto;overflow:visible;scroll-snap-type:none}
body[data-mode="free"] .scene{position:relative;inset:auto;height:145dvh;visibility:visible;opacity:1;pointer-events:auto;overflow:visible;background:var(--paper);color:var(--ink);contain:layout style}body[data-mode="free"] .scene.scene--dark{background:var(--night);color:#f3f4f5}
body[data-mode="free"] .scene-surface{position:sticky;top:0;height:100dvh;opacity:var(--free-opacity,1);transform:translate3d(0,var(--free-shift,0px),0) scale(var(--free-scale,1));background:inherit;overflow:hidden}
body[data-mode="free"] .scene .reveal{transition:none;opacity:var(--item-opacity,1);transform:translate3d(0,var(--item-shift,0px),0)}
body[data-mode="free"] .transition-stage{display:none!important}
body[data-mode="free"] .layout-hero .hero-astronaut{opacity:var(--hero-opacity,1);transform:translate3d(var(--hero-x,0),var(--hero-y,0),0) scale(var(--hero-scale,1))}
body[data-mode="free"] .layout-hero .hero-rocks{opacity:var(--rocks-opacity,.92);transform:translate3d(0,var(--rocks-y,0),0) scale(1)}

/* collision repair states */
.scene.layout-compact .title{font-size:clamp(34px,3.6vw,66px);max-width:14em}
.scene.layout-compact .summary{font-size:clamp(14px,1.05vw,19px);margin-top:18px}
.scene.layout-tight .scene-inner{grid-template-columns:minmax(300px,38%) minmax(0,1fr);gap:clamp(22px,3vw,54px)}
@media(max-width:1180px){.scene-copy::before{inset:-12px -20px -12px -14px}.real-media-slot{min-height:190px}.workspace-monitor--main{left:6%;width:53%}.workspace-monitor--edit{right:2%;width:39%}}
@media(max-width:900px){body[data-mode="free"] .scene{height:135dvh}.scene-copy::before{background:linear-gradient(180deg,var(--copy-shield) 0%,var(--copy-shield) 86%,transparent 100%);inset:-12px -12px -26px}.workspace-room{min-height:260px}.workspace-monitor--main{left:5%;top:8%;width:55%;height:50%}.workspace-monitor--edit{right:3%;top:12%;width:39%;height:42%}.brand-horizon{min-height:240px}}
@media(max-width:620px){body[data-mode="free"] .scene{height:125dvh}.scene-copy::before{inset:-8px -8px -20px}.workspace-room{min-height:210px}.workspace-monitor{border-width:5px;padding:5px}.workspace-monitor--main{left:3%;width:58%}.workspace-monitor--edit{right:2%;width:39%}.workspace-desk{height:34%}.real-media-slot{min-height:170px}.storyboard-strip{grid-template-columns:repeat(2,1fr);overflow:auto}.spatial-control-board{min-height:210px}.transition-stage{display:none!important}}

#page-26 .title{font-size:clamp(34px,3.2vw,58px);max-width:13em}

/* v7.0 — shared scroll timelines + GPT-style quick navigation */
html,body{overflow-x:clip;max-width:100%}.stage{width:100%;max-width:100%}.chapter-nav{display:none!important}.side-progress{right:4px;top:10vh;bottom:10vh;z-index:451}.side-progress i{transition:height .22s ease}
.quick-nav{position:fixed;z-index:460;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:#f2f3f4;pointer-events:auto}
.quick-nav__rail{width:42px;min-height:176px;padding:16px 10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:10px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(10,12,15,.58);backdrop-filter:blur(18px);box-shadow:0 18px 56px rgba(0,0,0,.22);color:inherit;transition:background .25s ease,border-color .25s ease,transform .25s var(--ease)}
.quick-nav__rail:hover,.quick-nav__rail:focus-visible{background:rgba(10,12,15,.86);border-color:rgba(223,114,29,.58);outline:none;transform:translateX(-3px)}
.quick-nav__bar{display:block;height:2px;width:12px;border-radius:8px;background:rgba(255,255,255,.42);transition:width .26s var(--ease),background .26s ease,opacity .26s ease}.quick-nav__bar:nth-child(2n){width:19px}.quick-nav__bar:nth-child(3n){width:15px}.quick-nav__bar.active{width:24px;background:var(--accent);box-shadow:0 0 18px rgba(223,114,29,.5)}
.quick-nav__panel{position:absolute;right:52px;top:50%;width:min(390px,calc(100vw - 88px));max-height:min(78dvh,820px);overflow:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(180deg,rgba(13,16,20,.97),rgba(7,9,12,.96));box-shadow:0 28px 90px rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;transform:translate(18px,-50%) scale(.985);transform-origin:right center;transition:opacity .24s ease,transform .34s var(--ease),visibility 0s linear .34s;color:#f4f5f6;scrollbar-width:thin;scrollbar-color:rgba(223,114,29,.55) transparent}
.quick-nav:hover .quick-nav__panel,.quick-nav:focus-within .quick-nav__panel,.quick-nav.hovering .quick-nav__panel,.quick-nav.open .quick-nav__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%) scale(1);transition-delay:0s}
.quick-nav__header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:18px;padding:22px 22px 18px;background:linear-gradient(180deg,#0d1014 78%,rgba(13,16,20,0));border-bottom:1px solid rgba(255,255,255,.08)}.quick-nav__header small{color:var(--accent);letter-spacing:.18em;font-size:10px}.quick-nav__header h2{margin:7px 0 4px;font-size:21px;letter-spacing:-.03em}.quick-nav__header p{margin:0;color:#87909a;font-size:12px;line-height:1.55}.quick-nav__header>button{align-self:flex-start;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:transparent;color:#fff;font-size:22px;line-height:1}.quick-nav__header>button:hover,.quick-nav__header>button:focus-visible{border-color:var(--accent);outline:none}
.quick-nav__panel>nav{padding:4px 12px 18px}.quick-nav__group{padding:13px 8px 8px;border-bottom:1px solid rgba(255,255,255,.07)}.quick-nav__group:last-child{border-bottom:0}.quick-nav__group h3{display:flex;align-items:center;gap:12px;margin:0 0 8px;padding:0 7px;color:#9da5ad;font-size:12px;font-weight:500}.quick-nav__group h3 span{font-variant-numeric:tabular-nums;color:#5d646c}.quick-nav__group.active h3 b,.quick-nav__group.active h3 span{color:var(--accent)}.quick-nav__links{display:grid;gap:2px}.quick-nav__links a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:9px 8px;border-radius:10px;color:#aab1b8;text-decoration:none;transition:background .18s ease,color .18s ease}.quick-nav__links a span{font-size:10px;color:#666e77;font-variant-numeric:tabular-nums;padding-top:3px}.quick-nav__links a b{font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.quick-nav__links a:hover,.quick-nav__links a:focus-visible{background:rgba(255,255,255,.07);color:#fff;outline:none}.quick-nav__links a.active{background:linear-gradient(90deg,rgba(223,114,29,.24),rgba(223,114,29,.06));color:#fff}.quick-nav__links a.active span{color:var(--accent)}

body[data-mode="free"]{overflow-y:auto!important;overflow-x:clip!important;background:var(--night);scroll-behavior:auto}body[data-mode="free"] .stage{height:auto!important;overflow:visible!important;isolation:isolate}body[data-mode="free"] .scene{position:relative!important;inset:auto!important;width:100%!important;height:230dvh!important;min-height:0!important;visibility:visible!important;opacity:1!important;pointer-events:auto;overflow:visible!important;contain:none!important;background:transparent!important;color:inherit}body[data-mode="free"] .scene.layout-hero,body[data-mode="free"] .scene.layout-workspace,body[data-mode="free"] .scene.layout-cinema,body[data-mode="free"] .scene.layout-profile,body[data-mode="free"] .scene.layout-vr,body[data-mode="free"] .scene.layout-closing{height:265dvh!important}body[data-mode="free"] .scene-surface{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;height:100dvh!important;max-width:100%!important;overflow:hidden!important;will-change:transform,opacity;background:var(--paper);transform-origin:center center}body[data-mode="free"] .scene.scene--dark .scene-surface{background:var(--night);color:#f3f4f5}body[data-mode="free"] .scene-copy,body[data-mode="free"] .scene-visual,body[data-mode="free"] .scene-bg,body[data-mode="free"] .scene-footer,body[data-mode="free"] .reveal{transition:none!important;will-change:transform,opacity}body[data-mode="free"] .scene .reveal{opacity:0;transform:translate3d(0,20px,0)}body[data-mode="free"] .transition-stage{display:none!important}body[data-mode="free"] .scene.reading .scene-copy,body[data-mode="free"] .scene.reading .scene-visual{filter:none}body[data-mode="free"] .scene.reading .title,body[data-mode="free"] .scene.reading .summary,body[data-mode="free"] .scene.reading .kicker{filter:none}body[data-mode="free"] .scene:not(.reading){pointer-events:none}body[data-mode="free"] .scene.reading{pointer-events:auto}body[data-mode="free"] .scene-surface::after{content:"";position:absolute;inset:auto var(--safe-x) calc(var(--footer-h) + 14px);height:1px;background:linear-gradient(90deg,transparent,rgba(223,114,29,.18),transparent);opacity:calc(var(--line-progress,0)*.8);transform:scaleX(var(--line-progress,0));transform-origin:center;pointer-events:none}
body[data-mode="free"] .timeline-rail::before{transform:scaleX(var(--line-progress,0));transform-origin:left center}body[data-mode="free"] .music-line,body[data-mode="free"] .action-path::before,body[data-mode="free"] .roadmap-steps::before{transform:scaleX(var(--line-progress,0));transform-origin:left center}body[data-mode="free"] .profile-bars em,body[data-mode="free"] .post-track em{transition:none!important;max-width:calc(var(--line-progress,0)*100%)}body[data-mode="free"] .vr-portal i{animation:none!important;transform:scale(calc(.82 + var(--motion-progress,0)*.18));opacity:calc(.25 + var(--motion-progress,0)*.75)}

@media(max-width:900px){.quick-nav{right:10px}.quick-nav__panel{right:48px;width:min(360px,calc(100vw - 74px));max-height:82dvh}.quick-nav__rail{width:38px;padding-inline:8px}.side-progress{display:none}body[data-mode="free"] .scene{height:205dvh!important}body[data-mode="free"] .scene.layout-hero,body[data-mode="free"] .scene.layout-workspace,body[data-mode="free"] .scene.layout-cinema,body[data-mode="free"] .scene.layout-profile,body[data-mode="free"] .scene.layout-vr,body[data-mode="free"] .scene.layout-closing{height:225dvh!important}}
@media(max-width:620px){.quick-nav{right:8px}.quick-nav__rail{min-height:144px;width:36px;border-radius:18px}.quick-nav__panel{position:fixed;right:8px;left:8px;top:64px;width:auto;max-height:calc(100dvh - 78px);transform:translateY(12px) scale(.99);border-radius:16px}.quick-nav:hover .quick-nav__panel{opacity:0;visibility:hidden;pointer-events:none}.quick-nav.open .quick-nav__panel,.quick-nav:focus-within .quick-nav__panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}.quick-nav__header{padding:18px 18px 14px}.quick-nav__panel>nav{padding-inline:8px}body[data-mode="free"] .scene{height:175dvh!important}body[data-mode="free"] .scene.layout-hero,body[data-mode="free"] .scene.layout-workspace,body[data-mode="free"] .scene.layout-cinema,body[data-mode="free"] .scene.layout-profile,body[data-mode="free"] .scene.layout-vr,body[data-mode="free"] .scene.layout-closing{height:195dvh!important}}
body[data-mode="free"] .scene-surface{inset:auto!important;top:0!important;right:auto!important;bottom:auto!important;left:auto!important;display:block!important}
html{overflow-y:auto}body[data-mode="free"]{overflow-y:visible!important;overflow-x:clip!important}
@media(max-width:620px){.quick-nav{top:auto;bottom:74px;transform:none}.quick-nav__panel{position:fixed!important;left:8px!important;right:8px!important;top:64px!important;bottom:auto!important;width:auto!important;max-height:calc(100dvh - 78px)!important}}
@media(max-width:620px){.quick-nav__panel{background:#0b0e12!important}}


/* v8.0 — local navigation scrolling + genuinely free scroll choreography */
.quick-nav__panel{
  overscroll-behavior:contain;
  touch-action:pan-y;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}
.quick-nav__panel [data-page-link]{touch-action:manipulation}
body[data-mode="presentation"] .quick-nav__panel{overflow-y:auto!important}

/* Free mode: shorter section travel, immediate response, no snap or wheel lock. */
body[data-mode="free"] .scene{height:155dvh!important}
body[data-mode="free"] .scene.layout-hero,
body[data-mode="free"] .scene.layout-workspace,
body[data-mode="free"] .scene.layout-cinema,
body[data-mode="free"] .scene.layout-profile,
body[data-mode="free"] .scene.layout-vr,
body[data-mode="free"] .scene.layout-closing{height:175dvh!important}
body[data-mode="free"] .scene-surface{will-change:transform,opacity;backface-visibility:hidden}
body[data-mode="free"] .scene-copy,
body[data-mode="free"] .scene-visual,
body[data-mode="free"] .scene-bg,
body[data-mode="free"] .scene-footer,
body[data-mode="free"] .reveal{will-change:transform,opacity;backface-visibility:hidden}
@media(max-width:900px){
  body[data-mode="free"] .scene{height:148dvh!important}
  body[data-mode="free"] .scene.layout-hero,
  body[data-mode="free"] .scene.layout-workspace,
  body[data-mode="free"] .scene.layout-cinema,
  body[data-mode="free"] .scene.layout-profile,
  body[data-mode="free"] .scene.layout-vr,
  body[data-mode="free"] .scene.layout-closing{height:165dvh!important}
}
@media(max-width:620px){
  body[data-mode="free"] .scene{height:138dvh!important}
  body[data-mode="free"] .scene.layout-hero,
  body[data-mode="free"] .scene.layout-workspace,
  body[data-mode="free"] .scene.layout-cinema,
  body[data-mode="free"] .scene.layout-profile,
  body[data-mode="free"] .scene.layout-vr,
  body[data-mode="free"] .scene.layout-closing{height:152dvh!important}
}

/* ===== v9.0 user-created UE5 film gallery and playable media ===== */
.ue-film-layout{height:100%;min-height:0;display:grid;gap:14px}.ue-film-layout--routes{grid-template-rows:minmax(0,1fr) auto}.ue-film-layout--process{grid-template-rows:minmax(0,1fr) auto}.ue-film-layout--triptych{grid-template-rows:minmax(0,1fr) auto}.ue-film-layout--action{grid-template-rows:minmax(0,1fr) auto}.ue-film-layout--axis{grid-template-rows:minmax(0,1fr)}
.ue-film-card{position:relative;display:block;width:100%;height:100%;min-height:250px;padding:0;overflow:hidden;border:1px solid var(--line-dark);background:#080a0d;color:#fff;text-align:left;cursor:pointer;isolation:isolate}.scene--light .ue-film-card{border-color:rgba(19,24,28,.22);box-shadow:0 24px 70px rgba(24,25,27,.14)}.ue-film-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .45s ease}.ue-film-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,9,.02) 24%,rgba(5,7,9,.86) 100%),linear-gradient(90deg,rgba(5,7,9,.34),transparent 55%);z-index:1}.ue-film-card__meta{position:absolute;z-index:2;left:clamp(18px,2vw,30px);bottom:clamp(17px,2.3vw,30px);display:grid;gap:5px}.ue-film-card__meta small{font-size:10px;letter-spacing:.16em;color:#d78649}.ue-film-card__meta b{font-size:clamp(25px,3vw,46px);line-height:1}.ue-film-card__meta em{font-style:normal;font-size:12px;color:rgba(255,255,255,.72)}.ue-film-card__play{position:absolute;z-index:3;right:clamp(18px,2vw,30px);bottom:clamp(18px,2.3vw,30px);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);background:rgba(5,7,9,.36);backdrop-filter:blur(10px);font-size:17px;transition:transform .35s ease,background .35s ease}.ue-film-card:hover img,.ue-film-card:focus-visible img{transform:scale(1.025);filter:saturate(1.08) contrast(1.03)}.ue-film-card:hover .ue-film-card__play,.ue-film-card:focus-visible .ue-film-card__play{transform:scale(1.09);background:var(--accent)}.ue-film-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ue-process-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ue-process-list li,.ue-stage-strip article{border-top:1px solid currentColor;padding:10px 6px 3px;display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;min-width:0}.ue-process-list b,.ue-stage-strip b,.ue-motion-rail b{color:var(--accent);font-size:11px}.ue-process-list span,.ue-stage-strip span{font-size:12px;font-weight:700}.ue-stage-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ue-motion-rail{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px}.ue-motion-rail>span{border:1px solid var(--line);padding:11px 14px;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700}.ue-motion-rail>i{height:1px;background:linear-gradient(90deg,var(--accent),var(--line))}.ue-film-card__tags{position:absolute;z-index:2;right:22px;top:22px;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:48%}.ue-film-card__tags i{font-style:normal;font-size:10px;letter-spacing:.08em;padding:6px 9px;border:1px solid rgba(255,255,255,.26);background:rgba(5,7,9,.38);backdrop-filter:blur(8px)}
.audio-track--real{border-color:rgba(223,114,29,.62);background:linear-gradient(90deg,rgba(223,114,29,.12),transparent 54%)}.audio-track--real strong{color:var(--accent)}
.video-modal{position:fixed;inset:0;z-index:1100;background:rgba(4,6,8,.96);color:#fff;display:grid;place-items:center;padding:clamp(22px,4vw,64px)}.video-modal[hidden]{display:none}.video-modal>button{position:absolute;right:24px;top:18px;z-index:3;border:0;background:none;color:#fff;font-size:36px;cursor:pointer}.video-modal__shell{width:min(1320px,94vw);display:grid;gap:16px}.video-modal__shell header{display:grid;gap:4px}.video-modal__shell header small{color:var(--accent);letter-spacing:.15em;font-size:10px}.video-modal__shell header h2{font-size:clamp(24px,3vw,42px);margin:0}.video-modal__shell header p{margin:0;color:#949da6;font-size:12px}.video-modal video{display:block;width:100%;max-height:76dvh;background:#000;border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 110px rgba(0,0,0,.5)}
.audio-dock audio{display:none}
@media(max-width:900px){.ue-film-card{min-height:220px}.ue-film-card__play{width:50px;height:50px}.ue-process-list{grid-template-columns:repeat(2,1fr)}.video-modal{padding:18px}.video-modal video{max-height:70dvh}}
@media(max-width:620px){.ue-film-layout{gap:10px}.ue-film-card{min-height:190px}.ue-film-card__meta b{font-size:25px}.ue-film-card__play{width:44px;height:44px;right:14px;bottom:14px}.ue-film-card__meta{left:14px;bottom:14px}.ue-film-card__tags{display:none}.ue-stage-strip{grid-template-columns:1fr}.ue-motion-rail{grid-template-columns:1fr}.ue-motion-rail>i{display:none}.video-modal__shell header p{display:none}.video-modal>button{right:12px;top:8px}}

/* v10 UE5 gallery regrouping */
.ue-gallery-layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.48fr) minmax(0,1fr);gap:14px;align-items:stretch}
.ue-gallery-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0}
.ue-film-card--featured{min-height:430px}
.ue-film-card--small{min-height:205px}
.ue-film-card--small .ue-film-card__meta{left:14px;bottom:14px;gap:4px}
.ue-film-card--small .ue-film-card__meta b{font-size:clamp(20px,2vw,28px)}
.ue-film-card--small .ue-film-card__meta em{font-size:11px;line-height:1.35;max-width:16em}
.ue-film-card--small .ue-film-card__play{width:42px;height:42px;right:14px;bottom:14px;font-size:14px}
.ue-framework-board,.whitebox-placeholder,.motion-placeholder,.axis-placeholder{display:grid;gap:14px;height:100%;align-content:stretch}
.ue-framework-main,.placeholder-panel{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));padding:22px 24px;display:grid;gap:10px;align-content:start}
.scene--light .ue-framework-main,.scene--light .placeholder-panel{border-color:rgba(22,27,31,.14);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,243,234,.76));box-shadow:0 24px 70px rgba(24,25,27,.08)}
.ue-framework-main b,.placeholder-panel b{font-size:22px;line-height:1.15}
.ue-framework-main p,.placeholder-panel p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.ue-framework-tags{display:flex;gap:10px;flex-wrap:wrap}
.ue-framework-tags span{padding:8px 12px;border:1px solid rgba(215,134,73,.35);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#f0c19c;background:rgba(215,134,73,.08)}
.whitebox-canvas,.axis-stage{position:relative;min-height:300px;border:1px solid rgba(255,255,255,.14);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}
.scene--light .whitebox-canvas,.scene--light .axis-stage{border-color:rgba(22,27,31,.14);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(245,239,230,.8))}
.whitebox-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px}
.scene--light .whitebox-grid{background-image:linear-gradient(rgba(14,18,20,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(14,18,20,.07) 1px,transparent 1px)}
.whitebox-node{position:absolute;padding:10px 14px;border:1px solid rgba(215,134,73,.35);background:rgba(11,14,18,.58);color:#fff;font-size:12px;letter-spacing:.05em}
.whitebox-node--a{left:10%;top:14%}.whitebox-node--b{left:46%;top:38%}.whitebox-node--c{left:62%;bottom:18%}.whitebox-node--d{right:10%;top:22%}
.axis-stage{display:block}
.axis-line{position:absolute;left:14%;right:12%;top:50%;height:2px;background:linear-gradient(90deg,var(--accent),rgba(215,134,73,.16))}
.axis-camera,.axis-subject{position:absolute;padding:9px 13px;border:1px solid rgba(215,134,73,.35);background:rgba(11,14,18,.62);color:#fff;font-size:12px}
.axis-camera{left:8%;top:44%}.axis-subject--a{left:37%;top:26%}.axis-subject--b{left:54%;top:56%}.axis-subject--c{right:10%;top:34%}
@media(max-width:1100px){.ue-gallery-layout{grid-template-columns:1fr}.ue-film-card--featured{min-height:330px}.ue-gallery-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ue-gallery-side{grid-template-columns:1fr}.ue-film-card--featured,.ue-film-card--small{min-height:190px}.ue-framework-main,.placeholder-panel{padding:16px}.whitebox-canvas,.axis-stage{min-height:220px}}

/* v9.2 real UE5 / whitebox case integration */
.process-showcase{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);gap:20px;align-items:stretch;height:100%}
.production-flow--extended{grid-template-columns:repeat(6,minmax(0,1fr))}
.process-case-card,.ai-guided-card,.spatial-case,.revision-board__plan,.revision-board__result,.compare-case,.pipeline-card{appearance:none;border:0;padding:0;margin:0;background:none;color:inherit;text-align:left;cursor:pointer}
.process-case-card,.ai-guided-card,.spatial-case,.revision-board__plan,.revision-board__result,.compare-case,.pipeline-card{position:relative;display:block;overflow:hidden;border:1px solid rgba(23,27,31,.12);background:rgba(255,255,255,.82);box-shadow:0 24px 70px rgba(24,25,27,.08)}
.scene--dark .process-case-card,.scene--dark .ai-guided-card,.scene--dark .spatial-case,.scene--dark .revision-board__plan,.scene--dark .revision-board__result,.scene--dark .compare-case,.scene--dark .pipeline-card{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.03);box-shadow:none}
.process-case-card img,.ai-guided-card img,.spatial-case img,.revision-board__plan img,.revision-board__result img,.compare-case img,.pipeline-card img{display:block;width:100%;height:100%;object-fit:cover}
.process-case-card{min-height:360px}
.process-case-card::after,.ai-guided-card::after,.spatial-case::after,.revision-board__plan::after,.revision-board__result::after,.compare-case::after,.pipeline-card::after{content:"点击查看高清";position:absolute;right:14px;top:14px;padding:8px 12px;border-radius:999px;background:rgba(11,14,18,.72);color:#fff;font-size:11px;letter-spacing:.04em;opacity:0;transform:translateY(-4px);transition:.25s}
.process-case-card:hover::after,.ai-guided-card:hover::after,.spatial-case:hover::after,.revision-board__plan:hover::after,.revision-board__result:hover::after,.compare-case:hover::after,.pipeline-card:hover::after{opacity:1;transform:translateY(0)}
.card-caption{position:absolute;left:0;right:0;bottom:0;padding:18px 20px 20px;background:linear-gradient(180deg,rgba(11,14,18,0),rgba(11,14,18,.86));display:grid;gap:6px;color:#fff}
.card-caption small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.card-caption b{font-size:20px;line-height:1.18}
.card-caption em{font-style:normal;color:rgba(255,255,255,.72);font-size:13px;line-height:1.55}
.process-case-card__meta{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(180deg,rgba(11,14,18,0),rgba(11,14,18,.88));display:grid;gap:6px;color:#fff}
.process-case-card__meta small{font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.72)}
.process-case-card__meta b{font-size:22px;line-height:1.18}.process-case-card__meta em{font-size:13px;font-style:normal;color:rgba(255,255,255,.72)}
.ai-guided-layout{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:16px;height:100%}
.ai-guided-card{min-height:320px}
.ai-guided-arrow{align-self:center;justify-self:center;font-size:44px;line-height:1;color:var(--accent);font-weight:700}
.ai-guided-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.scene-chip{position:absolute;top:16px;left:16px;padding:8px 12px;border-radius:999px;background:rgba(215,134,73,.92);color:#fff;font-size:12px;letter-spacing:.05em}
.scene-chip--right{left:auto;right:16px}
.plan-tags{position:absolute;left:16px;top:58px;display:flex;gap:8px;flex-wrap:wrap;max-width:72%}
.plan-tags span{padding:6px 10px;background:rgba(11,14,18,.68);backdrop-filter:blur(8px);color:#fff;font-size:11px;border-radius:999px;border:1px solid rgba(255,255,255,.16)}
.spatial-case-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:16px;height:100%}
.spatial-case{min-height:300px}
.spatial-case-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.revision-board{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);grid-template-rows:minmax(0,1fr) auto;gap:16px;height:100%}
.revision-board__plan{grid-row:1 / span 2;min-height:420px}
.revision-board__result{min-height:235px}
.revision-board__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.annotation-group{position:absolute;display:grid;gap:6px;padding:12px 14px;background:rgba(11,14,18,.62);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14)}
.annotation-group b{font-size:13px;color:#fff}.annotation-group span{font-size:12px;color:rgba(255,255,255,.82)}
.annotation-group--keep{left:18px;top:18px;max-width:160px}.annotation-group--change{right:18px;bottom:120px;max-width:160px}
.compare-case-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:16px;height:100%}
.compare-case{min-height:360px}.compare-case__line{grid-column:1/-1;display:flex;align-items:center;gap:14px;color:var(--accent);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.compare-case__line i{flex:1;height:2px;background:linear-gradient(90deg,rgba(215,134,73,.28),var(--accent),rgba(215,134,73,.28))}
.ue-pipeline-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;height:100%}
.pipeline-card{min-height:240px}
.pipeline-card__num{position:absolute;left:16px;top:16px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(215,134,73,.96);color:#fff;font-weight:700;font-size:14px;box-shadow:0 12px 24px rgba(215,134,73,.26)}
.metric-card b{word-break:break-all}
@media(max-width:1180px){.process-showcase,.revision-board{grid-template-columns:1fr}.production-flow--extended{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-guided-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 50px minmax(0,1fr) auto}.ai-guided-arrow{transform:rotate(90deg)}.ai-guided-points,.spatial-case-points,.revision-board__steps{grid-template-columns:1fr}.spatial-case-layout,.compare-case-split,.ue-pipeline-gallery{grid-template-columns:1fr}.revision-board__plan{grid-row:auto;min-height:320px}.revision-board__result{min-height:220px}}
@media(max-width:720px){.production-flow--extended{grid-template-columns:repeat(3,minmax(0,1fr))}.process-case-card,.ai-guided-card,.spatial-case,.revision-board__plan,.revision-board__result,.compare-case,.pipeline-card{min-height:220px}.card-caption b,.process-case-card__meta b{font-size:17px}.card-caption em{font-size:12px}.annotation-group{position:static;margin:10px;max-width:none}.annotation-group--change{margin-top:8px}}

/* v10.0 《救命血》第一场真实案例系统 */
.layout-story-arc .scene-inner,.layout-role-continuity .scene-inner,.layout-project-hub .scene-inner{grid-template-columns:minmax(300px,34%) minmax(0,1fr)}
.layout-s004-case .scene-inner{grid-template-columns:minmax(300px,32%) minmax(0,1fr)}
.s01-flow-board,.s01-script-layout,.s01-shot-design,.s01-space-board,.s004-case,.s01-project-hub,.s01-continuity{height:100%;min-height:0}
.s01-flow-board{display:grid;grid-template-rows:minmax(0,1fr) 150px;gap:14px}
.s01-flow-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-content:center}
.s01-flow-grid li{position:relative;min-height:92px;border:1px solid rgba(18,22,26,.14);padding:14px;background:rgba(255,255,255,.68);display:grid;align-content:space-between}
.s01-flow-grid li::after{content:"";position:absolute;right:-9px;top:50%;width:9px;height:1px;background:var(--accent)}
.s01-flow-grid li:nth-child(6)::after,.s01-flow-grid li:last-child::after{display:none}
.s01-flow-grid li b{font-size:11px;color:var(--accent)}.s01-flow-grid li span{font-size:13px;font-weight:700;line-height:1.3}.s01-flow-grid .s01-flow-key{border-color:var(--accent);box-shadow:inset 0 0 0 1px rgba(223,114,29,.22)}
.s01-evidence-strip{display:grid;grid-template-columns:.72fr .85fr repeat(3,1fr);gap:8px;min-height:0}
.s01-evidence-strip article,.s01-evidence-strip button{border:1px solid rgba(18,22,26,.14);background:#fff;min-width:0;overflow:hidden;position:relative;padding:0;text-align:left}
.s01-evidence-strip article{padding:14px;display:grid;align-content:end}.s01-evidence-strip small{color:var(--accent);font-size:10px}.s01-evidence-strip strong{font-size:13px}.s01-evidence-strip img{width:100%;height:100%;object-fit:cover;display:block}.s01-evidence-strip button span{position:absolute;left:8px;bottom:8px;background:rgba(9,12,16,.76);color:#fff;padding:5px 8px;font-size:10px}
.s01-story-arc{position:relative;height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;align-content:center}
.s01-story-line{position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);z-index:0}
.s01-story-card{position:relative;z-index:1;border:0;padding:0;overflow:hidden;background:#111820;color:#fff;text-align:left;min-height:180px}.s01-story-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--ease)}.s01-story-card:hover img{transform:scale(1.035)}.s01-story-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,9,12,.9))}.s01-story-card span{position:absolute;left:14px;bottom:13px;z-index:2;display:grid;gap:4px}.s01-story-card small{color:var(--accent);font-size:10px}.s01-story-card b{font-size:16px}
.s01-script-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:16px;align-items:stretch}.s01-script-overview,.s01-shot-script{border:1px solid rgba(20,24,28,.14);background:rgba(255,255,255,.82);box-shadow:0 20px 60px rgba(18,22,28,.08);padding:20px;min-height:0}.s01-script-overview header{display:grid;gap:6px;border-bottom:1px solid rgba(20,24,28,.12);padding-bottom:14px}.s01-script-overview header small{color:var(--accent);font-size:10px;letter-spacing:.12em}.s01-script-overview header b{font-size:24px}.s01-script-overview header span{color:var(--muted);font-size:12px}.s01-script-overview ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}.s01-script-overview li{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:8px;border-top:1px solid rgba(20,24,28,.1)}.s01-script-overview li b{color:var(--accent);font-size:11px}.s01-script-overview li span{font-size:12px;font-weight:700}.s01-script-overview li em{font-style:normal;color:var(--muted);font-size:10px}.s01-shot-script{display:grid;align-content:start;gap:14px}.s01-shot-script header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid var(--accent);padding-bottom:12px}.s01-shot-script header span{color:var(--accent);font-weight:800}.s01-shot-script header b{font-size:14px}.s01-shot-script dl{margin:0;display:grid;gap:10px}.s01-shot-script dl div{display:grid;grid-template-columns:70px 1fr;gap:10px;padding-top:10px;border-top:1px solid rgba(20,24,28,.1)}.s01-shot-script dt{font-size:11px;color:var(--accent);font-weight:800}.s01-shot-script dd{margin:0;font-size:12px;line-height:1.6;color:#454c53}
.s01-shot-design{display:grid;grid-template-rows:145px minmax(0,1fr);gap:12px}.s01-shot-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.s01-shot-chain button{border:0;padding:0;position:relative;overflow:hidden;background:#151b22}.s01-shot-chain img{width:100%;height:100%;object-fit:cover;display:block}.s01-shot-chain span{position:absolute;left:8px;top:8px;background:rgba(8,11,15,.76);color:#fff;padding:5px 8px;font-size:10px}.s01-shot-annotation{position:relative;overflow:hidden;border:1px solid rgba(16,20,24,.14);background:#111820}.s01-shot-annotation>button{border:0;padding:0;width:100%;height:100%;display:block}.s01-shot-annotation img{width:100%;height:100%;object-fit:cover;display:block}.s01-tag{position:absolute;z-index:3;background:rgba(9,12,16,.82);color:#fff;border-left:3px solid var(--accent);padding:7px 10px;font-size:10px;box-shadow:0 8px 20px rgba(0,0,0,.18)}.tag-owner{left:4%;top:13%}.tag-cat{left:34%;bottom:14%}.tag-doctor{right:25%;top:14%}.tag-nurse{right:3%;bottom:19%}.s01-focus-ring{position:absolute;left:37%;top:45%;width:22%;height:25%;border:1px solid var(--accent);pointer-events:none}
.s01-role-grid{height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.s01-role-card{display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto 1fr;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);overflow:hidden;min-height:0}.s01-role-card>button{grid-row:1/3;border:0;padding:0;overflow:hidden}.s01-role-card>button img{width:100%;height:100%;object-fit:cover;display:block}.s01-role-card header{padding:14px 14px 8px;display:grid;gap:4px}.s01-role-card header b{font-size:20px}.s01-role-card header span{font-size:10px;color:#9ca4ad}.s01-role-card>div{padding:6px 12px 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:0}.s01-role-card>div button{border:0;padding:0;overflow:hidden;background:#111}.s01-role-card>div img{width:100%;height:100%;object-fit:cover;display:block}
.s01-space-board{display:grid;grid-template-rows:minmax(0,1fr) 120px auto;gap:10px}.s01-space-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0}.s01-space-pair button{border:1px solid rgba(255,255,255,.12);padding:0;position:relative;overflow:hidden;background:#111}.s01-space-pair img{width:100%;height:100%;object-fit:cover;display:block}.s01-space-pair span{position:absolute;left:10px;bottom:10px;background:rgba(7,10,14,.8);color:#fff;padding:6px 9px;font-size:10px}.s01-camera-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.s01-camera-strip button{border:0;padding:0;position:relative;overflow:hidden}.s01-camera-strip img{width:100%;height:100%;object-fit:cover;display:block}.s01-camera-strip small{position:absolute;left:6px;top:6px;background:rgba(8,11,15,.74);color:#fff;padding:3px 5px}.s01-space-legend{display:flex;gap:8px;flex-wrap:wrap}.s01-space-legend span{border:1px solid rgba(255,255,255,.14);padding:6px 9px;font-size:10px;color:#b9c0c7}
.s01-prop-grid{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.s01-prop-card{border:1px solid rgba(20,24,28,.14);background:rgba(255,255,255,.82);padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0}.s01-prop-card header{display:grid;gap:5px}.s01-prop-card header b{font-size:21px}.s01-prop-card header span{font-size:11px;color:var(--muted)}.s01-prop-card>div{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;min-height:0}.s01-prop-card button{position:relative;border:0;padding:0;overflow:hidden;background:#111}.s01-prop-card img{width:100%;height:100%;object-fit:cover;display:block}.s01-prop-card small{position:absolute;left:7px;top:7px;background:rgba(8,11,15,.72);color:#fff;padding:3px 5px}
.s004-case{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.s004-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.s004-tabs button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#9ba4ad;padding:9px 7px;display:grid;gap:3px;text-align:left}.s004-tabs button b{font-size:10px;color:var(--accent)}.s004-tabs button span{font-size:11px;font-weight:700}.s004-tabs button.active{border-color:var(--accent);background:rgba(223,114,29,.1);color:#fff}.s004-panels{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0c1117}.s004-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(16px);transition:opacity .35s var(--ease),transform .45s var(--ease);display:grid;place-items:stretch}.s004-panel.active{opacity:1;visibility:visible;transform:none}.s004-panel>button{position:relative;border:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0b0f14}.s004-panel img{width:100%;height:100%;object-fit:cover;display:block}.s004-panel-label{position:absolute;left:14px;bottom:14px;background:rgba(8,11,15,.78);color:#fff;padding:7px 10px;font-size:11px}.s004-doc{padding:clamp(26px,4vw,56px);display:grid;align-content:center;gap:14px}.s004-doc small{color:var(--accent);letter-spacing:.12em}.s004-doc h3{font-size:clamp(28px,3vw,50px);line-height:1.1;margin:0;max-width:13em}.s004-doc p{color:#a6aeb6;line-height:1.7;max-width:52ch}.s004-panel .s01-shot-script{margin:clamp(18px,3vw,46px);color:#12161a}.s004-video-card{position:relative}.s004-video-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,8,12,.88))}.s004-video-card i{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-style:normal}.s004-video-card span{position:absolute;left:20px;bottom:18px;z-index:2;color:#fff;display:grid;gap:5px}.s004-video-card small{color:#b8c0c8}.s004-conclusion{display:flex;align-items:center;gap:9px;color:#aeb6bf;font-size:10px}.s004-conclusion i{flex:1;height:1px;background:linear-gradient(90deg,rgba(223,114,29,.2),var(--accent))}
.s01-project-hub{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px}.s01-project-cover{position:relative;border:1px solid rgba(255,255,255,.12);padding:0;overflow:hidden;background:#111}.s01-project-cover img{width:100%;height:100%;object-fit:cover;display:block}.s01-project-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(6,9,13,.9))}.s01-project-cover>span{position:absolute;left:22px;bottom:18px;z-index:2;color:#fff;display:grid;gap:5px}.s01-project-cover small{color:var(--accent);letter-spacing:.1em}.s01-project-cover b{font-size:24px}.s01-project-cover em{font-style:normal;color:#c0c7ce;font-size:12px}.s01-project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.s01-project-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.s01-project-actions button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#fff;padding:13px 16px;display:flex;justify-content:space-between;align-items:center}.s01-project-actions button:hover{border-color:var(--accent)}
.s01-continuity{display:grid;grid-template-rows:165px minmax(0,1fr);gap:12px}.s01-continuity-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.s01-continuity-top button{border:0;padding:0;position:relative;overflow:hidden;background:#111}.s01-continuity-top img{width:100%;height:100%;object-fit:cover;display:block}.s01-continuity-top span{position:absolute;left:8px;bottom:8px;background:rgba(8,11,15,.75);color:#fff;padding:5px 8px;font-size:10px}.s01-long-shot{position:relative;overflow:hidden;border:1px solid rgba(20,24,28,.14)}.s01-long-shot>button{width:100%;height:100%;border:0;padding:0}.s01-long-shot img{width:100%;height:100%;object-fit:cover;display:block}.s01-route{position:absolute;left:4%;right:4%;bottom:12px;height:42px;display:flex;align-items:center;gap:5px;background:rgba(245,241,233,.82);padding:8px 10px}.s01-route span{font-size:9px;font-weight:700;white-space:nowrap}.s01-route i{flex:1;height:2px;background:var(--accent)}
/* Full Scene 01 browser */
.scene01-drawer{position:fixed;inset:0;z-index:760;background:rgba(4,7,10,.86);backdrop-filter:blur(10px);padding:clamp(12px,2vw,28px);color:#f4f6f8}.scene01-drawer[hidden]{display:none}.scene01-drawer__shell{height:100%;background:#0c1117;border:1px solid rgba(255,255,255,.14);display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.scene01-drawer__shell>header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.scene01-drawer__shell>header small{color:var(--accent);letter-spacing:.12em}.scene01-drawer__shell>header h2{font-size:clamp(28px,3vw,48px);margin:5px 0}.scene01-drawer__shell>header p{margin:0;color:#9da6af}.scene01-drawer__shell>header button{border:1px solid rgba(255,255,255,.18);background:none;color:#fff;width:42px;height:42px;font-size:28px}.scene01-segments{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.scene01-segments button{border:0;background:#111820;color:#9ea7b0;text-align:left;padding:12px;display:grid;gap:4px;min-width:0}.scene01-segments button b{font-size:10px;color:var(--accent)}.scene01-segments button span{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene01-segments button small{font-size:9px;color:#717b85}.scene01-segments button.active{background:#1b2027;color:#fff;box-shadow:inset 0 -3px var(--accent)}.scene01-browser{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:0}.scene01-shot-list{overflow-y:auto;padding:10px;border-right:1px solid rgba(255,255,255,.12);overscroll-behavior:contain}.scene01-shot{width:100%;border:1px solid transparent;background:transparent;color:#fff;display:grid;grid-template-columns:92px 1fr;gap:10px;padding:8px;text-align:left;margin-bottom:6px}.scene01-shot img{width:92px;height:58px;object-fit:cover}.scene01-shot span{display:grid;align-content:center;gap:3px}.scene01-shot b{font-size:11px;color:var(--accent)}.scene01-shot small{font-size:9px;color:#77818b}.scene01-shot em{font-style:normal;font-size:11px}.scene01-shot.active{border-color:var(--accent);background:rgba(223,114,29,.08)}.scene01-detail{overflow-y:auto;padding:18px 20px;overscroll-behavior:contain}.scene01-detail>header{display:flex;justify-content:space-between}.scene01-detail>header small{color:var(--accent)}.scene01-detail h3{font-size:30px;margin:4px 0}.scene01-detail>header p{margin:0;color:#9ca5ae}.scene01-detail__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);grid-template-rows:minmax(320px,55vh) auto;gap:14px;margin-top:14px}.scene01-main-frame{position:relative;border:0;padding:0;overflow:hidden;background:#080b0f}.scene01-main-frame img{width:100%;height:100%;object-fit:contain}.scene01-main-frame span{position:absolute;left:12px;bottom:12px;background:rgba(7,10,14,.78);color:#fff;padding:7px 10px;font-size:10px}.scene01-script-card{background:#f1ede6;color:#15191d;padding:18px;overflow-y:auto}.scene01-script-card dl{margin:0;display:grid;gap:14px}.scene01-script-card div{border-top:1px solid rgba(20,24,28,.14);padding-top:10px}.scene01-script-card dt{color:var(--accent);font-weight:800;font-size:11px}.scene01-script-card dd{margin:5px 0 0;font-size:12px;line-height:1.65}.scene01-evidence-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scene01-evidence,.scene01-missing{min-height:160px;border:1px solid rgba(255,255,255,.12);background:#111820;position:relative;overflow:hidden;color:#fff}.scene01-evidence{padding:0}.scene01-evidence img{width:100%;height:100%;object-fit:cover;display:block}.scene01-evidence>span{position:absolute;left:10px;bottom:10px;background:rgba(7,10,14,.78);padding:6px 9px}.scene01-evidence>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;width:52px;height:52px;border-radius:50%;background:var(--accent);display:grid;place-items:center}.scene01-missing{display:grid;place-items:center;align-content:center;gap:5px;color:#6f7983}.scene01-detail__empty{height:100%;display:grid;place-items:center;align-content:center;color:#77818b}.scene01-detail__empty b{font-size:26px}
@media(max-width:1250px){.s01-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.s01-evidence-strip{grid-template-columns:repeat(3,1fr)}.s01-script-layout{grid-template-columns:1fr}.s01-story-card{min-height:145px}.s01-role-card{grid-template-columns:38% 1fr}.scene01-segments{grid-template-columns:repeat(3,1fr)}.scene01-browser{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:880px){.layout-story-arc .scene-inner,.layout-role-continuity .scene-inner,.layout-project-hub .scene-inner,.layout-s004-case .scene-inner{grid-template-columns:1fr}.s01-flow-board{grid-template-rows:auto auto}.s01-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.s01-story-arc,.s01-role-grid,.s01-prop-grid{grid-template-columns:1fr;grid-template-rows:none;overflow-y:auto}.s01-shot-chain{grid-template-columns:repeat(2,1fr)}.s01-shot-design{grid-template-rows:220px 420px}.s01-space-pair,.s01-continuity-top{grid-template-columns:1fr}.s01-camera-strip{grid-template-columns:repeat(2,1fr)}.s004-tabs{grid-template-columns:repeat(3,1fr)}.s004-conclusion{display:none}.scene01-browser{grid-template-columns:1fr;grid-template-rows:150px minmax(0,1fr)}.scene01-shot-list{display:flex;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.scene01-shot{min-width:220px}.scene01-detail__grid{grid-template-columns:1fr;grid-template-rows:320px auto auto}.scene01-evidence-grid{grid-column:auto}.scene01-segments{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.s01-flow-grid{grid-template-columns:repeat(2,1fr)}.s01-evidence-strip{grid-template-columns:repeat(2,1fr)}.s01-story-arc{grid-template-columns:1fr}.s01-script-overview li{grid-template-columns:28px 1fr}.s01-script-overview li em{grid-column:2}.s01-shot-script dl div{grid-template-columns:1fr}.s01-role-card{grid-template-columns:1fr;grid-template-rows:180px auto 90px}.s01-role-card>button{grid-row:auto}.s01-prop-grid{display:block}.s01-prop-card{margin-bottom:10px;height:430px}.s004-tabs{grid-template-columns:repeat(2,1fr)}.s01-project-actions{grid-template-columns:1fr}.scene01-drawer{padding:0}.scene01-drawer__shell>header{padding:14px}.scene01-segments{display:flex;overflow-x:auto}.scene01-segments button{min-width:170px}.scene01-detail{padding:12px}.scene01-detail__grid{grid-template-rows:240px auto auto}.scene01-evidence-grid{grid-template-columns:1fr}.scene01-detail h3{font-size:24px}}

/* Reading-state hard lock: completed presentation pages must never remain half visible. */
body[data-mode="presentation"] .scene.settled .reveal{transition:none!important;opacity:1!important;transform:none!important}
body[data-mode="presentation"] .scene.settled .scene-copy,body[data-mode="presentation"] .scene.settled .scene-visual{transition:none!important;opacity:1!important;transform:none!important;filter:none!important}


/* ===== v11 content upgrade: script / asset / harbor pages ===== */
.doc-preview-card,.story-beat,.script-media-card,.script-video-card,.asset-role-main,.asset-role-views button,.space-asset-card,.space-control-main,.prop-asset-card,.need-whitebox-card,.whitebox-media-card,.harbor-gallery-card{appearance:none;border:0;padding:0;margin:0;background:none;color:inherit;text-align:left;cursor:pointer}
.doc-preview-card img,.story-beat img,.script-media-card img,.script-video-card img,.asset-role-main img,.asset-role-views button img,.space-asset-card img,.space-control-main img,.prop-asset-card img,.need-whitebox-card img,.whitebox-media-card img,.harbor-gallery-card img{display:block;width:100%;height:100%;object-fit:cover}
.story-doc-layout,.script-visual-layout,.space-asset-layout,.whitebox-process-layout{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.35fr);gap:18px;height:100%;min-height:0;align-items:stretch}
.doc-preview-card,.script-breakdown-board,.space-control-case,.need-whitebox-layout,.whitebox-process-media{min-height:0}
.doc-preview-card,.script-video-card,.script-media-card,.space-asset-card,.space-control-main,.prop-asset-card,.need-whitebox-card,.whitebox-media-card,.harbor-gallery-card,.asset-role-card{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));overflow:hidden;position:relative}
.scene--light .doc-preview-card,.scene--light .script-video-card,.scene--light .script-media-card,.scene--light .space-asset-card,.scene--light .space-control-main,.scene--light .prop-asset-card,.scene--light .need-whitebox-card,.scene--light .whitebox-media-card,.scene--light .harbor-gallery-card,.scene--light .asset-role-card{border-color:rgba(23,29,33,.14);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,242,233,.82));box-shadow:0 20px 60px rgba(20,23,26,.08)}
.doc-preview-card img{object-fit:contain;background:#fff}.doc-preview-card .card-caption,.script-media-card .card-caption,.space-control-main .card-caption,.need-whitebox-card .card-caption,.whitebox-media-card .card-caption{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:4px;padding:14px 15px;background:linear-gradient(180deg,rgba(6,8,10,.04),rgba(6,8,10,.82));color:#fff}.doc-preview-card .card-caption small,.script-media-card .card-caption small,.space-control-main .card-caption small,.need-whitebox-card .card-caption small,.whitebox-media-card .card-caption small{color:#f0a466;letter-spacing:.14em;font-size:10px}.doc-preview-card .card-caption b,.script-media-card .card-caption b,.space-control-main .card-caption b,.need-whitebox-card .card-caption b,.whitebox-media-card .card-caption b{font-size:18px;line-height:1.2}.doc-preview-card .card-caption em,.script-media-card .card-caption em,.space-control-main .card-caption em,.need-whitebox-card .card-caption em,.whitebox-media-card .card-caption em{font-style:normal;color:rgba(255,255,255,.78);font-size:12px;line-height:1.45}
.story-beat-board{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0}.story-beat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0}.story-beat{display:grid;grid-template-rows:150px auto;min-height:0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}.story-beat span{display:grid;gap:4px;padding:14px}.story-beat small,.space-asset-card small,.prop-asset-card small,.harbor-gallery-card small{color:var(--accent);letter-spacing:.12em;font-size:10px}.story-beat b,.space-asset-card b,.prop-asset-card b,.harbor-gallery-card b{font-size:16px;line-height:1.2}.story-beat em,.space-asset-card em,.prop-asset-card em,.harbor-gallery-card em{font-style:normal;color:#aab1b9;font-size:12px;line-height:1.45}.story-note-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.story-note-strip article,.script-breakdown-meta article,.space-control-notes article,.whitebox-process-steps article{border-top:1px solid currentColor;padding:12px 6px 0;display:grid;gap:7px}.story-note-strip b,.script-breakdown-meta b,.space-control-notes b,.whitebox-process-steps b{font-size:13px;color:var(--accent)}.story-note-strip span,.script-breakdown-meta span,.space-control-notes span,.whitebox-process-steps span{font-size:13px;font-weight:700}.story-note-strip article span{color:#cbd0d5}
.script-visual-layout{grid-template-columns:minmax(300px,1fr) minmax(0,1.25fr)}.script-breakdown-board{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;min-height:0}.script-breakdown-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.script-breakdown-grid{display:grid;grid-template-columns:minmax(240px,.9fr) repeat(2,minmax(0,1fr));gap:12px;min-height:0}.script-text-card{border:1px solid rgba(255,255,255,.12);padding:18px;background:rgba(255,255,255,.03)}.scene--light .script-text-card{border-color:rgba(23,29,33,.14);background:rgba(255,255,255,.8)}.script-text-card header{display:grid;gap:5px;margin-bottom:12px}.script-text-card small{color:var(--accent);letter-spacing:.12em;font-size:10px}.script-text-card b{font-size:18px}.script-text-card dl{margin:0;display:grid;gap:12px}.script-text-card dt{font-size:12px;color:var(--accent);margin-bottom:4px}.script-text-card dd{margin:0;font-size:13px;line-height:1.6;color:#c3c9cf}.scene--light .script-text-card dd{color:#4e5861}.script-media-card{min-height:0}.script-media-card img{height:100%;object-fit:cover}.script-video-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(220px,.8fr) 58px;align-items:stretch;min-height:164px}.script-video-card img{height:100%}.script-video-card span{display:grid;gap:6px;padding:18px 18px 18px 16px;align-content: center}.script-video-card small{font-size:10px;color:var(--accent);letter-spacing:.14em}.script-video-card b{font-size:20px;line-height:1.15}.script-video-card em{font-style:normal;font-size:12px;color:#aab1b9;line-height:1.5}.scene--light .script-video-card em{color:#5a636c}.script-video-card i,.whitebox-media-card i{display:grid;place-items:center;font-style:normal;font-size:18px;color:#fff;background:rgba(223,114,29,.92)}
.asset-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:100%;align-content:start;overflow:auto;padding-right:4px}.asset-role-card{display:grid;grid-template-rows:210px auto auto;gap:0}.asset-role-main{display:block;overflow:hidden;background:rgba(255,255,255,.03)}.asset-role-main img{object-fit:contain;padding:8px}.asset-role-card header{padding:12px 14px 10px;display:grid;gap:4px}.asset-role-card header b{font-size:18px}.asset-role-card header span{font-size:12px;color:#aeb6bd;line-height:1.45}.scene--light .asset-role-card header span{color:#5f6972}.asset-role-views{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px 14px}.asset-role-views button{height:86px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}.scene--light .asset-role-views button{border-color:rgba(23,29,33,.14);background:rgba(255,255,255,.75)}.asset-role-views button img{object-fit:contain;padding:4px}
.space-asset-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}.space-asset-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0}.space-asset-card{display:grid;grid-template-rows:1fr auto;min-height:0}.space-asset-card span{display:grid;gap:4px;padding:12px 14px;background:rgba(6,8,10,.5)}.scene--light .space-asset-card span{background:rgba(255,255,255,.82)}.space-control-case{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}.space-control-main{min-height:0}.space-control-main img{height:100%;object-fit:cover}.space-control-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.prop-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:100%;align-content:start;overflow:auto;padding-right:4px}.prop-asset-card{display:grid;grid-template-rows:190px auto;min-height:0}.prop-asset-card span{display:grid;gap:4px;padding:14px}.scene--light .prop-asset-card em{color:#5c6570}
.need-whitebox-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:14px;height:100%}.need-whitebox-card{min-height:0}.need-whitebox-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.need-whitebox-points article{border:1px solid rgba(255,255,255,.14);padding:16px 18px;background:rgba(255,255,255,.03)}.need-whitebox-points b{display:block;margin-bottom:10px;font-size:16px}.need-whitebox-points ul{margin:0;padding-left:18px;color:#c6ccd2;font-size:13px;line-height:1.75}.scene--light .need-whitebox-points article{border-color:rgba(23,29,33,.14);background:rgba(255,255,255,.78)}.scene--light .need-whitebox-points ul{color:#505a63}
.whitebox-process-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.whitebox-process-steps{display:grid;grid-template-columns:1fr;gap:12px}.whitebox-process-steps article{padding-right:6px}.whitebox-process-steps small{color:#9fa8af;font-size:12px;line-height:1.6}.whitebox-process-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.whitebox-media-card{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;position:relative}.whitebox-media-card img{height:100%}.whitebox-media-card i{position:absolute;right:16px;bottom:16px;width:46px;height:46px;border-radius:50%;background:rgba(223,114,29,.95)}
.harbor-gallery-grid{display:grid;grid-template-columns:1.18fr repeat(4,minmax(0,1fr));gap:12px;height:100%;min-height:0}.harbor-gallery-card{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}.harbor-gallery-card--whitebox{grid-row:1}.harbor-gallery-card span{display:grid;gap:4px;padding:12px 14px}.harbor-gallery-card img{height:100%}.scene--dark .harbor-gallery-card span{background:rgba(6,8,10,.62)}.scene--light .harbor-gallery-card span{background:rgba(255,255,255,.84)}.scene--light .harbor-gallery-card em{color:#5c6570}
@media(max-width:1280px){.story-doc-layout,.script-visual-layout,.space-asset-layout,.whitebox-process-layout{grid-template-columns:1fr}.asset-role-grid,.prop-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.harbor-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.harbor-gallery-card--whitebox{grid-column:1/-1}.script-breakdown-grid{grid-template-columns:1fr 1fr}.script-text-card{grid-column:1/-1}}
@media(max-width:900px){.story-beat-grid,.script-breakdown-meta,.space-control-notes,.whitebox-process-media,.need-whitebox-points{grid-template-columns:1fr 1fr}.asset-role-grid,.prop-asset-grid,.space-asset-library,.harbor-gallery-grid{grid-template-columns:1fr 1fr}.script-video-card{grid-template-columns:1fr}.script-video-card i{display:none}}
@media(max-width:620px){.story-beat-grid,.story-note-strip,.script-breakdown-meta,.script-breakdown-grid,.space-control-notes,.need-whitebox-layout,.need-whitebox-points,.whitebox-process-media,.asset-role-grid,.prop-asset-grid,.space-asset-library,.harbor-gallery-grid{grid-template-columns:1fr}.prop-asset-card,.asset-role-card,.story-beat{grid-template-rows:auto auto}.asset-role-card{grid-template-rows:auto auto auto}.asset-role-views button{height:72px}.script-video-card span{padding:14px}}

/* v11.1 S01-009 whitebox K-frame camera control */
.camera-control-layout{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:16px;height:100%;min-height:0;align-items:stretch}
.camera-control-card{appearance:none;border:1px solid rgba(255,255,255,.14);padding:0;margin:0;background:rgba(255,255,255,.03);color:inherit;text-align:left;cursor:pointer;position:relative;overflow:hidden;min-height:0}
.camera-control-card img{display:block;width:100%;height:100%;object-fit:cover}
.camera-control-card .card-caption{position:absolute;left:16px;right:16px;bottom:16px;padding:14px 16px;display:grid;gap:5px;background:linear-gradient(180deg,rgba(7,9,12,.02),rgba(7,9,12,.86));color:#fff}
.camera-control-card .card-caption small{color:var(--accent);font-size:10px;letter-spacing:.13em}
.camera-control-card .card-caption b{font-size:20px;line-height:1.18}
.camera-control-card .card-caption em{font-style:normal;font-size:12px;line-height:1.45;color:rgba(255,255,255,.76)}
.camera-play{position:absolute;right:18px;top:18px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(223,114,29,.94);color:#fff;font-style:normal;font-size:16px;box-shadow:0 12px 32px rgba(0,0,0,.24)}
.camera-control-link{align-self:center;display:grid;gap:9px;text-align:center;color:#c5ccd2;font-size:11px;letter-spacing:.08em}
.camera-control-link i{height:2px;background:linear-gradient(90deg,rgba(223,114,29,.16),var(--accent),rgba(223,114,29,.16))}
.camera-control-link b{font-size:12px;line-height:1.35;color:var(--accent)}
.camera-path-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.camera-path-strip article{border-top:1px solid rgba(255,255,255,.18);padding:12px 6px 0;display:grid;gap:6px}
.camera-path-strip b{font-size:13px;color:var(--accent)}
.camera-path-strip span{font-size:12px;line-height:1.55;color:#aeb6bd}
.scene--light .camera-control-card{border-color:rgba(23,29,33,.14);background:rgba(255,255,255,.8)}
.scene--light .camera-path-strip article{border-top-color:rgba(23,29,33,.18)}
.scene--light .camera-path-strip span{color:#55606a}
@media(max-width:1000px){.camera-control-layout{grid-template-columns:1fr;grid-template-rows:auto 46px auto auto}.camera-control-link{transform:none}.camera-control-link i{width:2px;height:24px;justify-self:center}.camera-path-strip{grid-column:1;grid-template-columns:1fr}.camera-control-card{min-height:290px}}

/* ===== v12.0 content remap / real asset integration ===== */
#page-01.layout-compact .title,#page-01.layout-tight .title,#page-01 .title{font-size:clamp(48px,5.4vw,98px)!important;max-width:12.5em!important}
#page-01.layout-compact .summary,#page-01.layout-tight .summary{font-size:var(--body);margin-top:30px}

.workspace-real{height:100%;display:grid;grid-template-rows:minmax(0,1fr) 150px;gap:14px;min-height:0}.workspace-real button{appearance:none;border:0;background:none;color:inherit;padding:0;cursor:pointer;text-align:left}.workspace-real__monitors{display:grid;grid-template-columns:1.08fr .92fr;gap:14px;min-height:0}.workspace-real__main,.workspace-real__edit{border:1px solid rgba(29,35,41,.14);background:#0e1114;box-shadow:0 24px 60px rgba(23,26,30,.14);min-height:0;overflow:hidden;position:relative}.workspace-real__main img{width:100%;height:100%;object-fit:cover;display:block}.workspace-label{position:absolute;left:14px;top:14px;z-index:2;padding:7px 10px;background:rgba(10,13,16,.72);color:#fff;font-size:11px;letter-spacing:.06em}.workspace-real__edit{display:grid;grid-template-rows:44px minmax(0,1fr) 92px}.workspace-real__edit header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.workspace-real__edit header b{font-size:13px}.workspace-real__edit header span{font-size:10px;color:#9299a1}.workspace-preview{min-height:0}.workspace-preview img{width:100%;height:100%;object-fit:cover;display:block}.workspace-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:12px 10px 10px;position:relative;background:#181c20}.workspace-timeline button{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09)}.workspace-timeline img{width:100%;height:100%;object-fit:cover;display:block}.workspace-timeline small{position:absolute;left:5px;bottom:4px;background:rgba(0,0,0,.62);color:#fff;padding:2px 4px;font-size:9px}.workspace-timeline .playhead{position:absolute;left:49%;top:6px;bottom:6px;width:1px;background:var(--accent);z-index:3}.workspace-real__desk{display:grid;grid-template-columns:1fr 1fr .72fr;gap:12px}.workspace-real__desk button{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:center;border:1px solid rgba(29,35,41,.12);background:rgba(255,255,255,.74);padding:8px}.workspace-real__desk img{width:104px;height:116px;object-fit:contain;background:#fff;display:block}.workspace-real__desk span{display:grid;gap:5px}.workspace-real__desk small{font-size:10px;color:var(--accent);letter-spacing:.08em}.workspace-real__desk b{font-size:14px;line-height:1.25}.workspace-real__note{border-left:2px solid var(--accent);padding:14px 14px 14px 18px;display:grid;align-content:center;gap:6px;background:rgba(223,114,29,.06)}.workspace-real__note b{font-size:16px}.workspace-real__note span{font-size:12px;color:#65707a}

.capability-media-shell{height:100%;display:grid;grid-template-rows:minmax(0,1fr) 92px;gap:14px}.capability-media-core{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0b0d10}.capability-media-core video{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}.capability-media-core::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,8,.6),transparent 50%,rgba(4,6,8,.16))}.capability-media-copy{position:absolute;left:22px;bottom:22px;z-index:2;display:grid;gap:5px;max-width:65%}.capability-media-copy small{font-size:10px;color:#f0a466;letter-spacing:.12em}.capability-media-copy b{font-size:24px;color:#fff}.capability-media-copy span{font-size:12px;line-height:1.5;color:#c6ccd1}.capability-media-core>button{position:absolute;right:22px;bottom:22px;z-index:3;width:52px;height:52px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:18px;cursor:pointer}.capability-media-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.capability-media-list .metric-card{min-height:0;padding:12px 14px}

.real-flow-board{height:100%;display:grid;grid-template-rows:minmax(0,1fr) 138px;gap:12px;min-height:0}.real-flow-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;min-height:0}.real-flow-card{appearance:none;border:1px solid rgba(28,34,39,.12);padding:0;background:#fff;cursor:pointer;text-align:left;display:grid;grid-template-rows:minmax(0,1fr) 62px;min-height:0;overflow:hidden}.real-flow-card img{width:100%;height:100%;object-fit:cover;display:block}.real-flow-card span{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;padding:8px 9px;align-items:center;column-gap:7px}.real-flow-card b{grid-row:1/3;color:var(--accent);font-size:13px}.real-flow-card strong{font-size:12px;line-height:1.2}.real-flow-card small{font-size:9px;color:#6b747c;line-height:1.25}.real-flow-card:nth-child(7),.real-flow-card:nth-child(8),.real-flow-card:nth-child(9),.real-flow-card:nth-child(10),.real-flow-card:nth-child(11){grid-column:span 1}.real-flow-evidence{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.real-flow-evidence button{appearance:none;border:1px solid rgba(28,34,39,.12);background:#fff;display:grid;grid-template-columns:96px 1fr;gap:10px;padding:7px;text-align:left;cursor:pointer}.real-flow-evidence img{width:96px;height:108px;object-fit:cover;display:block}.real-flow-evidence span{display:grid;align-content:center;gap:4px}.real-flow-evidence small{font-size:9px;color:var(--accent)}.real-flow-evidence b{font-size:12px;line-height:1.3}

.revision-case-grid{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:14px}.revision-case-card{appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);overflow:hidden;cursor:pointer;padding:0;text-align:left;display:grid;grid-template-rows:minmax(0,1fr) auto}.revision-case-card img{width:100%;height:100%;object-fit:cover;display:block}.revision-case-card span{display:grid;gap:4px;padding:13px 14px}.revision-case-card small{font-size:10px;color:var(--accent);letter-spacing:.09em}.revision-case-card b{font-size:15px;color:#fff}.revision-case-notes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.revision-case-notes article{border-top:1px solid rgba(255,255,255,.2);padding-top:10px;display:grid;gap:5px}.revision-case-notes b{color:var(--accent);font-size:12px}.revision-case-notes span{font-size:12px;color:#aeb5bc;line-height:1.5}

.s01-project-hub--featured{grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.s01-featured-head{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;min-height:0}.s01-featured-head .s01-project-cover{min-height:190px}.s01-featured-head .s01-project-meta{grid-template-columns:1fr;gap:8px}.s01-featured-head .metric-card{min-height:0;padding:10px 12px}.s01-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:0}.s01-featured-grid button{appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);padding:0;cursor:pointer;text-align:left;display:grid;grid-template-columns:120px 1fr;min-height:92px;overflow:hidden}.s01-featured-grid img{width:120px;height:100%;object-fit:cover;display:block}.s01-featured-grid span{display:grid;align-content:center;padding:10px;gap:4px}.s01-featured-grid b{font-size:12px;color:#fff}.s01-featured-grid small{font-size:10px;color:#9ba3aa}.s01-project-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.why-whitebox-case{height:100%;display:grid;grid-template-columns:1fr 120px 1fr;grid-template-rows:minmax(0,1fr) auto;gap:14px}.why-whitebox-case>button{appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);padding:0;cursor:pointer;text-align:left;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.why-whitebox-case>button img{width:100%;height:100%;object-fit:cover;display:block}.why-whitebox-case>button span{display:grid;gap:4px;padding:12px 14px}.why-whitebox-case small{font-size:10px;color:var(--accent)}.why-whitebox-case b{font-size:15px;color:#fff}.why-whitebox-arrow{display:grid;place-items:center;align-content:center;text-align:center;gap:8px}.why-whitebox-arrow b{font-size:11px;color:var(--accent)}.why-whitebox-arrow span{font-size:34px}.why-whitebox-arrow small{color:#939ba3;line-height:1.4}.why-whitebox-points{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.why-whitebox-points article{border-top:1px solid rgba(255,255,255,.18);padding-top:10px;display:grid;gap:6px}.why-whitebox-points b{font-size:12px;color:var(--accent)}.why-whitebox-points span{font-size:12px;color:#acb3ba;line-height:1.5}

.camera-case-four{height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:minmax(0,1fr) auto;gap:12px}.camera-case-four>button{appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);padding:0;cursor:pointer;text-align:left;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;position:relative}.camera-case-four>button img{width:100%;height:100%;object-fit:cover;display:block}.camera-case-four>button span{display:grid;gap:4px;padding:12px 13px}.camera-case-four small{font-size:9px;color:var(--accent);letter-spacing:.08em}.camera-case-four b{font-size:13px;color:#fff}.camera-case-four>button i{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-style:normal}.camera-case-four .camera-path-strip{grid-column:1/-1}

.arc-path-case{height:100%;display:grid;grid-template-columns:1fr 120px 1fr;grid-template-rows:minmax(0,1fr) 150px;gap:14px}.arc-path-case>button{appearance:none;border:1px solid rgba(30,36,41,.13);background:#fff;padding:0;cursor:pointer;text-align:left;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.arc-path-case img{width:100%;height:100%;object-fit:cover;display:block}.arc-path-case span{display:grid;gap:4px;padding:11px 13px}.arc-path-case small{font-size:10px;color:var(--accent)}.arc-path-case b{font-size:14px}.arc-path-line{display:grid;place-items:center;align-content:center;gap:10px;color:var(--accent);text-align:center}.arc-path-line i{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.arc-path-final{grid-column:1/-1;display:grid!important;grid-template-columns:220px 1fr!important;grid-template-rows:1fr!important}.arc-path-final img{width:220px!important;height:150px!important}.arc-path-final span{align-content:center}

.continuity-pairs{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}.continuity-pair{border:1px solid rgba(30,36,41,.13);background:rgba(255,255,255,.78);padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:0}.continuity-pair header{display:flex;justify-content:space-between;align-items:end}.continuity-pair header b{font-size:18px;color:var(--accent)}.continuity-pair header span{font-size:11px;color:#68727b}.continuity-pair>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}.continuity-pair button{appearance:none;border:0;padding:0;background:#111;cursor:pointer;position:relative;overflow:hidden}.continuity-pair button img{width:100%;height:100%;object-fit:cover;display:block}.continuity-pair button small{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.65);color:#fff;padding:4px 6px;font-size:9px}.continuity-pair p{margin:0;font-size:11px;line-height:1.55;color:#5b6670}

.scene01-shot.has-reference::after{content:"白膜";position:absolute;right:8px;top:8px;background:var(--accent);color:#fff;font-size:9px;padding:3px 5px}.scene01-reference-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.scene01-evidence-grid .scene01-reference-stack{grid-column:1/-1}.scene01-revision-evidence{border-color:rgba(223,114,29,.48)!important}

@media(max-width:1280px){.workspace-real{grid-template-rows:minmax(0,1fr) 130px}.real-flow-grid{grid-template-columns:repeat(4,1fr)}.s01-featured-grid{grid-template-columns:repeat(2,1fr)}.camera-case-four{grid-template-columns:repeat(2,1fr)}.camera-case-four .camera-path-strip{grid-column:1/-1}.continuity-pairs{grid-template-columns:1fr}}
@media(max-width:900px){.workspace-real__monitors{grid-template-columns:1fr}.workspace-real__edit{display:none}.workspace-real__desk{grid-template-columns:1fr 1fr}.workspace-real__note{display:none}.capability-media-list{grid-template-columns:repeat(3,1fr);overflow:auto}.real-flow-grid{grid-template-columns:repeat(3,1fr)}.real-flow-evidence{grid-template-columns:1fr 1fr}.revision-case-grid{grid-template-columns:1fr 1fr}.revision-case-notes{grid-column:1/-1}.s01-featured-head{grid-template-columns:1fr}.s01-featured-head .s01-project-meta{grid-template-columns:repeat(3,1fr)}.why-whitebox-case{grid-template-columns:1fr}.why-whitebox-arrow{transform:rotate(90deg);min-height:60px}.why-whitebox-points{grid-column:1}.arc-path-case{grid-template-columns:1fr;grid-template-rows:auto}.arc-path-line{min-height:60px;transform:rotate(90deg)}.arc-path-final{grid-column:1;grid-template-columns:1fr!important}.arc-path-final img{width:100%!important;height:220px!important}}
@media(max-width:620px){#page-01 .title{font-size:clamp(38px,11vw,58px)!important}.workspace-real{grid-template-rows:minmax(0,1fr) auto}.workspace-real__desk{grid-template-columns:1fr}.capability-media-list{grid-template-columns:1fr 1fr}.real-flow-grid,.real-flow-evidence,.revision-case-grid,.s01-featured-grid,.camera-case-four{grid-template-columns:1fr}.revision-case-notes,.why-whitebox-points{grid-template-columns:1fr}.s01-project-actions{grid-template-columns:1fr}.s01-featured-head .s01-project-meta{grid-template-columns:1fr 1fr 1fr}.continuity-pair>div{grid-template-columns:1fr}.scene01-reference-stack{grid-template-columns:1fr}}
.scene-asset-gallery{height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.scene-asset-gallery button{appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);padding:0;cursor:pointer;text-align:left;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.scene-asset-gallery img{width:100%;height:100%;object-fit:cover;display:block}.scene-asset-gallery span{display:grid;gap:3px;padding:10px 12px}.scene-asset-gallery small{font-size:9px;color:var(--accent);letter-spacing:.09em}.scene-asset-gallery b{font-size:13px;color:#fff}.scene--light .scene-asset-gallery button{border-color:rgba(30,36,41,.13);background:#fff}.scene--light .scene-asset-gallery b{color:#252a2f}@media(max-width:900px){.scene-asset-gallery{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}@media(max-width:620px){.scene-asset-gallery{grid-template-columns:1fr}}
.script-three-step{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;gap:6px;border-top:1px solid rgba(255,255,255,.14);padding-top:12px}.scene--light .script-three-step{border-color:rgba(30,36,41,.14)}.script-three-step span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.script-three-step span b{color:var(--accent)}.script-three-step i{height:1px;background:linear-gradient(90deg,rgba(223,114,29,.2),var(--accent),rgba(223,114,29,.2))}@media(max-width:620px){.script-three-step{grid-template-columns:1fr}.script-three-step i{height:20px;width:1px;justify-self:center}}

/* ===== v12.1 VR graduation walkthrough integration ===== */
.vr-showcase{height:100%;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);gap:16px;min-height:0}.vr-showcase__video{position:relative;overflow:hidden;border:1px solid var(--line-dark);padding:0;background:#050607;color:#fff;text-align:left;cursor:pointer;min-height:0}.vr-showcase__video img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.vr-showcase__video:hover img{transform:scale(1.025)}.vr-showcase__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,rgba(0,0,0,.78) 100%)}.vr-showcase__meta{position:absolute;left:22px;right:88px;bottom:20px;z-index:2;display:grid;gap:5px}.vr-showcase__meta small{font-size:10px;letter-spacing:.14em;color:#f0a466}.vr-showcase__meta b{font-size:clamp(20px,2vw,30px);line-height:1.15}.vr-showcase__meta em{font-style:normal;color:rgba(255,255,255,.76);font-size:12px;line-height:1.45}.vr-showcase__play{position:absolute;right:22px;bottom:22px;z-index:3;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.32);backdrop-filter:blur(8px)}.vr-showcase__facts{display:grid;grid-template-rows:repeat(3,1fr);gap:12px}.vr-showcase__facts .metric-card{min-height:0;display:flex;flex-direction:column;justify-content:space-between}.archive-grid--media{grid-template-columns:1.45fr .78fr .78fr;gap:14px}.archive-card--video{position:relative;overflow:hidden;padding:0;border:1px solid var(--line);background:#050607;color:#fff;text-align:left;cursor:pointer;min-height:0}.archive-card--video img{display:block;width:100%;height:100%;object-fit:cover;min-height:260px}.archive-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.82) 100%)}.archive-card__media-meta{position:absolute;left:18px;right:70px;bottom:18px;z-index:2;display:grid;gap:4px}.archive-card__media-meta small{font-size:10px;letter-spacing:.13em;color:#f0a466}.archive-card__media-meta b{font-size:24px}.archive-card__media-meta em{font-style:normal;font-size:12px;color:rgba(255,255,255,.76)}.archive-card__play{position:absolute;right:18px;bottom:18px;z-index:3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.28)}.archive-grid--media>.archive-card:not(.archive-card--video){display:flex;flex-direction:column}.archive-grid--media>.archive-card:not(.archive-card--video)>small{display:block;margin-top:auto;padding-top:14px;color:var(--muted);font-size:12px;line-height:1.55}.archive-grid--media>.archive-card:not(.archive-card--video)>div{margin-top:16px}
@media(max-width:900px){.vr-showcase{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.vr-showcase__facts{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.archive-grid--media{grid-template-columns:1fr 1fr}.archive-card--video{grid-column:1/-1}.archive-card--video img{min-height:220px}}
@media(max-width:620px){.vr-showcase__facts,.archive-grid--media{grid-template-columns:1fr}.archive-card--video{grid-column:auto}.vr-showcase__meta{right:70px;left:14px;bottom:14px}.vr-showcase__play{right:14px;bottom:14px;width:44px;height:44px}.archive-card--video img{min-height:190px}}

/* ===== v12.2 music demo / source-backed analysis ===== */
.music-capability-map{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:14px 16px;align-items:stretch}
.music-capability-feature,.music-capability-card,.music-analysis-doc,.music-track-feature,.music-track-card{appearance:none;border:0;margin:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.music-capability-feature{position:relative;overflow:hidden;border:1px solid var(--line-dark);background:linear-gradient(145deg,rgba(223,114,29,.17),rgba(255,255,255,.025) 42%,rgba(255,255,255,.01));padding:24px;display:grid;align-content:end;gap:11px}
.music-capability-feature::before{content:"";position:absolute;right:-7%;top:-8%;width:260px;height:260px;border-radius:50%;border:1px solid rgba(223,114,29,.34);box-shadow:0 0 0 34px rgba(223,114,29,.035),0 0 0 72px rgba(223,114,29,.02)}
.music-capability-index{position:absolute;top:20px;left:24px;color:var(--accent);font-size:10px;letter-spacing:.16em;font-weight:800}
.music-capability-feature>b{font-size:clamp(25px,2vw,38px);letter-spacing:-.04em;position:relative}.music-capability-feature>p{margin:0;color:#c6cbd0;font-size:13px;position:relative}.music-capability-feature>small{color:#8f979f;line-height:1.5;position:relative}.music-capability-feature>em{font-style:normal;font-size:13px;line-height:1.6;color:#e6e8ea;border-top:1px solid rgba(255,255,255,.12);padding-top:10px;position:relative}.music-analysis-link{color:var(--accent);font-size:11px;position:relative}
.music-capability-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0}.music-capability-card{border-top:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);padding:16px 12px;display:grid;grid-template-rows:auto auto auto 34px auto;gap:7px;min-height:0}.music-capability-card>span{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.12em}.music-capability-card>b{font-size:18px;line-height:1.18}.music-capability-card>p{margin:0;color:#aeb4ba;font-size:11px;line-height:1.4}.music-capability-card>small{color:#777f87;font-size:10px;line-height:1.4}
.music-capability-axis{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid rgba(255,255,255,.18);padding-top:12px}.music-capability-axis span{display:grid;gap:3px;color:#929aa2;font-size:11px}.music-capability-axis b{color:#f1f2f3;font-size:12px}
.real-waveform{display:flex;align-items:center;gap:2px;height:44px;overflow:hidden;position:relative}.real-waveform em{display:block;flex:1;min-width:1px;max-width:4px;height:var(--h);background:linear-gradient(180deg,var(--accent-soft),var(--accent));opacity:.86;border-radius:2px}.real-waveform.compact{height:38px;max-width:92%}.real-waveform.mini{height:28px}.real-waveform.mini em{opacity:.58}

.music-analysis-stage{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto;gap:12px}.music-analysis-case{display:grid;grid-template-columns:minmax(155px,.42fr) minmax(0,1fr);gap:16px;min-height:0;border-top:1px solid var(--line);padding-top:10px}.music-analysis-doc{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);min-height:0}.music-analysis-doc img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}.music-analysis-doc span{position:absolute;left:0;right:0;bottom:0;padding:9px 10px;background:rgba(9,12,16,.86);color:#fff;font-size:10px;letter-spacing:.04em}.music-analysis-copy{min-width:0;display:grid;grid-template-columns:minmax(126px,.32fr) 1fr;gap:14px;align-items:start}.music-analysis-copy header{display:grid;gap:5px;padding-top:4px}.music-analysis-copy header small{color:var(--accent);font-size:9px;letter-spacing:.14em}.music-analysis-copy header b{font-size:17px;line-height:1.18}.music-analysis-copy header em{font-style:normal;color:var(--muted);font-size:10px;line-height:1.4}.music-cue-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.music-cue-list li{display:grid;grid-template-columns:67px 1fr;gap:8px;border-left:2px solid var(--accent);padding:4px 0 4px 8px;min-width:0}.music-cue-list time{font-size:9px;color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums}.music-cue-list div{display:grid;gap:2px}.music-cue-list b{font-size:10px;line-height:1.3}.music-cue-list span{font-size:9px;color:var(--muted);line-height:1.35}.music-cue-list--emotion{grid-template-columns:repeat(2,minmax(0,1fr))}.music-workflow-strip{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:9px}.music-workflow-strip span{display:flex;gap:5px;align-items:center;font-size:9px;white-space:nowrap}.music-workflow-strip b{color:var(--accent);font-size:9px}.music-workflow-strip i{height:1px;background:linear-gradient(90deg,var(--accent),var(--line));min-width:10px}

.music-demo-showcase{height:100%;min-height:0;display:grid;grid-template-rows:minmax(190px,.92fr) minmax(0,1.18fr);gap:14px}.music-track-feature{position:relative;overflow:hidden;border:1px solid rgba(223,114,29,.55);background:linear-gradient(100deg,rgba(223,114,29,.17),rgba(255,255,255,.035) 48%,rgba(255,255,255,.015));padding:18px 20px;display:grid;grid-template-columns:170px minmax(0,1fr) 130px;grid-template-rows:auto 1fr auto;gap:9px 18px}.music-track-feature::after{content:"";position:absolute;right:-75px;top:-90px;width:280px;height:280px;border:1px solid rgba(223,114,29,.25);border-radius:50%;box-shadow:0 0 0 40px rgba(223,114,29,.03),0 0 0 80px rgba(223,114,29,.02)}
.music-track-head{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.music-track-head>b{color:var(--accent);font-size:17px}.music-track-head>small{font-size:9px;letter-spacing:.13em;color:#8e969e}.music-track-head>strong{margin-left:auto;width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:12px}.music-track-title{grid-column:1;grid-row:2;display:grid;align-content:center;gap:7px;position:relative;z-index:1}.music-track-title>b{font-size:clamp(21px,1.7vw,30px);line-height:1.08}.music-track-title>em{font-style:normal;color:#aab1b8;font-size:10px;line-height:1.5}.music-track-feature>.real-waveform{grid-column:2;grid-row:1/3;height:92px;align-self:center;position:relative;z-index:1}.music-track-feature>.music-track-tags{grid-column:3;grid-row:1;align-self:start}.music-track-feature>.music-track-desc{grid-column:3;grid-row:2;align-self:center}.music-track-tags{display:flex;gap:5px;flex-wrap:wrap;position:relative;z-index:1}.music-track-tags i{font-style:normal;border:1px solid rgba(255,255,255,.16);padding:4px 6px;color:#bdc3c8;font-size:8px}.music-track-desc{font-size:10px;line-height:1.5;color:#a8afb6;position:relative;z-index:1}.music-track-duration{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:7px;font-size:9px;color:#777f87;position:relative;z-index:1}
.music-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0}.music-track-card{border-top:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.018);padding:11px 12px;display:grid;grid-template-columns:105px minmax(0,1fr);grid-template-rows:auto auto auto;gap:7px 12px;min-height:0}.music-track-card .music-track-head{grid-column:1/-1}.music-track-card .music-track-head>strong{width:26px;height:26px}.music-track-card .music-track-title{grid-column:1;grid-row:2}.music-track-card .music-track-title>b{font-size:14px}.music-track-card .music-track-title>em{font-size:8px}.music-track-card>.real-waveform{grid-column:2;grid-row:2;height:44px;align-self:center}.music-track-card .music-track-tags{grid-column:1/2;grid-row:3}.music-track-card .music-track-tags i{padding:2px 4px;font-size:7px}.music-track-card .music-track-desc{grid-column:2;grid-row:3;font-size:8px;line-height:1.4}.music-track-card .music-track-duration{display:none}.music-track-feature.playing,.music-track-card.playing{border-color:var(--accent);background:linear-gradient(90deg,rgba(223,114,29,.16),rgba(255,255,255,.025))}.music-track-feature.playing .music-track-head>strong,.music-track-card.playing .music-track-head>strong{background:var(--accent);color:#fff;border-color:var(--accent)}

.audio-dock{width:min(780px,94vw);grid-template-columns:48px 1fr 40px}.audio-dock__body{display:grid!important;gap:7px!important}.audio-dock__head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px!important}.audio-dock__head b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-dock__head span{grid-column:1;color:#9da4ab;font-size:10px}.audio-dock__head time{grid-column:2;grid-row:1/3;align-self:center;color:#b8bec4;font-size:10px;font-variant-numeric:tabular-nums}.audio-dock input{accent-color:var(--accent)}

@media(max-width:1180px){
 .music-capability-map{grid-template-columns:.9fr 1.1fr}.music-capability-feature{padding:18px}.music-capability-card{padding:12px 9px}.music-capability-feature>em{font-size:11px}
 .music-analysis-copy{grid-template-columns:105px 1fr}.music-cue-list li{grid-template-columns:60px 1fr}.music-cue-list span{font-size:8px}
 .music-track-feature{grid-template-columns:145px minmax(0,1fr) 112px;padding:15px}.music-track-feature>.real-waveform{height:74px}
}
@media(max-width:900px){
 .music-capability-map{grid-template-columns:1fr 1.35fr;gap:10px}.music-capability-axis{display:none}.music-capability-feature>small{display:none}.music-capability-feature>em{font-size:10px}.music-capability-card>small{display:none}.music-capability-card{grid-template-rows:auto auto auto 25px}
 .music-analysis-stage{grid-template-rows:1fr 1fr auto}.music-analysis-case{grid-template-columns:130px 1fr}.music-analysis-copy{grid-template-columns:96px 1fr}.music-cue-list{gap:4px}.music-cue-list li{grid-template-columns:52px 1fr;padding-left:5px}.music-cue-list span{display:none}.music-cue-list b{font-size:9px}
 .music-track-feature{grid-template-columns:130px 1fr;grid-template-rows:auto 1fr auto}.music-track-feature>.real-waveform{grid-column:2;grid-row:1/3}.music-track-feature>.music-track-tags,.music-track-feature>.music-track-desc{display:none}.music-track-grid{gap:8px}.music-track-card{grid-template-columns:95px 1fr}.music-track-card .music-track-desc{display:none}.music-track-card .music-track-tags{grid-column:1/-1}.music-demo-showcase{grid-template-rows:minmax(150px,.75fr) minmax(0,1.25fr)}
}
@media(max-width:620px){
 .music-capability-map{grid-template-columns:1fr;grid-template-rows:auto auto;overflow:auto}.music-capability-feature{min-height:230px}.music-capability-secondary{grid-template-columns:1fr 1fr}.music-capability-card{min-height:130px}.music-capability-feature>em{display:none}
 .music-analysis-stage{height:auto;overflow:auto}.music-analysis-case{grid-template-columns:95px minmax(0,1fr);min-height:190px}.music-analysis-copy{grid-template-columns:1fr}.music-analysis-copy header em{display:none}.music-cue-list{grid-template-columns:1fr}.music-cue-list li:nth-child(n+4){display:none}.music-workflow-strip{grid-template-columns:repeat(5,1fr);gap:4px}.music-workflow-strip i{display:none}.music-workflow-strip span{display:grid;text-align:center;white-space:normal;font-size:8px}.music-workflow-strip b{display:block}
 .music-demo-showcase{height:auto;overflow:auto;grid-template-rows:auto auto}.music-track-feature{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:14px}.music-track-feature>.real-waveform{grid-column:1;grid-row:2;height:55px}.music-track-title{grid-column:1!important;grid-row:auto!important}.music-track-feature>.music-track-duration{grid-column:1}.music-track-grid{grid-template-columns:1fr}.music-track-card{min-height:118px}.audio-dock__head span{display:none}.audio-dock__head time{grid-row:1}
}
@media(max-width:620px){
 .layout-audio .scene-visual{align-items:start}
 .layout-audio .music-demo-showcase{align-self:start;width:100%}
}

/* ===== v12.3 · 赤峰道历史文化街区活化利用更新项目 ===== */
.layout-chifeng-intro .scene-inner{grid-template-columns:minmax(340px,35%) minmax(0,1fr);gap:clamp(28px,3.4vw,62px)}
.layout-field-validation .scene-inner{grid-template-columns:minmax(320px,31%) minmax(0,1fr);gap:clamp(24px,3vw,52px)}
.layout-project-evidence .scene-inner{grid-template-columns:minmax(340px,34%) minmax(0,1fr);gap:clamp(26px,3vw,58px)}
.layout-chifeng-intro .title,.layout-project-evidence .title{font-size:clamp(36px,3.45vw,64px);max-width:13.8em}
.chifeng-project-tags,.field-validation-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chifeng-project-tags span,.field-validation-badges span{border:1px solid rgba(223,114,29,.38);padding:7px 10px;font-size:11px;line-height:1;color:#d9dde1;background:rgba(223,114,29,.055)}
.chifeng-project-alias,.roadshow-source{margin:16px 0 0;font-size:12px;line-height:1.55;color:#8f98a1}.chifeng-project-alias b{color:#f0a466;font-weight:700}.scene--light .roadshow-source{color:#6a6f75}.roadshow-source{padding-left:12px;border-left:2px solid var(--accent)}
.chifeng-intro-board{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(170px,.55fr);grid-template-rows:minmax(0,1fr) 142px;gap:14px}
.chifeng-intro-video,.chifeng-evidence-card,.field-card,.project-evidence-main,.roadshow-live-card,.project-source-card{appearance:none;border:0;padding:0;margin:0;background:#050607;color:#fff;text-align:left;cursor:pointer;position:relative;overflow:hidden}
.chifeng-intro-video{grid-column:1;grid-row:1;border:1px solid rgba(255,255,255,.14)}.chifeng-intro-video img,.chifeng-evidence-card img,.field-card img,.project-evidence-main img,.roadshow-live-card img,.project-source-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease),filter .45s ease}.chifeng-intro-video:hover img,.chifeng-evidence-card:hover img,.field-card:hover img,.project-evidence-main:hover img,.roadshow-live-card:hover img,.project-source-card:hover img{transform:scale(1.024)}
.chifeng-intro-video__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 30%,rgba(0,0,0,.86) 100%)}.chifeng-intro-video__meta{position:absolute;left:22px;right:86px;bottom:20px;z-index:2;display:grid;gap:5px}.chifeng-intro-video__meta small,.chifeng-evidence-card small,.field-card small,.project-evidence-main small,.roadshow-live-card small,.project-source-card small{font-size:9px;letter-spacing:.13em;color:#f0a466}.chifeng-intro-video__meta b{font-size:clamp(20px,1.8vw,29px);line-height:1.12}.chifeng-intro-video__meta em{font-style:normal;font-size:12px;color:rgba(255,255,255,.72)}.chifeng-intro-video__play{position:absolute;right:22px;bottom:22px;z-index:3;width:50px;height:50px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.3);backdrop-filter:blur(8px)}
.chifeng-intro-facts{grid-column:2;grid-row:1;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:9px}.chifeng-intro-facts article{border-top:1px solid rgba(255,255,255,.2);padding:10px 8px 8px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto 1fr;column-gap:8px}.chifeng-intro-facts b{grid-row:1/3;color:var(--accent);font-size:17px}.chifeng-intro-facts span{font-weight:800;font-size:13px}.chifeng-intro-facts small{margin-top:5px;color:#8f98a1;font-size:10px;line-height:1.45}.chifeng-intro-evidence{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chifeng-evidence-card{border:1px solid rgba(255,255,255,.13)}.chifeng-evidence-card::after,.field-card::after,.project-source-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.88) 100%);pointer-events:none}.chifeng-evidence-card span,.field-card span,.project-source-card span{position:absolute;z-index:2;left:13px;right:13px;bottom:11px;display:grid;gap:3px}.chifeng-evidence-card b,.project-source-card b{font-size:13px;line-height:1.25}
.field-validation-badges{margin-top:20px}.field-gallery{height:100%;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:11px}.field-card{border:1px solid rgba(255,255,255,.12);min-height:0}.field-card--featured{border-color:rgba(223,114,29,.72);box-shadow:inset 0 0 0 1px rgba(223,114,29,.15)}.field-card span{left:12px;right:12px;bottom:10px;gap:2px}.field-card b{font-size:13px;line-height:1.25}.field-card em{font-style:normal;font-size:10px;line-height:1.38;color:rgba(255,255,255,.72);max-width:34ch}.field-card::after{background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.84) 100%)}
.project-route-mini{margin-top:22px;display:grid;grid-template-columns:auto 14px auto 14px auto 14px auto 14px auto;gap:4px;align-items:center}.project-route-mini>span{display:grid;gap:3px}.project-route-mini b{font-size:18px;color:var(--accent)}.project-route-mini em{font-style:normal;font-size:9px;color:#6e747a;white-space:nowrap}.project-route-mini>i{font-style:normal;color:#b0b4b8;font-size:11px}.project-evidence-board{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(230px,.78fr);grid-template-rows:minmax(0,1fr) 145px;gap:12px}.project-evidence-main{grid-column:1;grid-row:1;border:1px solid rgba(28,33,36,.16);background:#111}.roadshow-live-card{grid-column:2;grid-row:1;border:1px solid rgba(28,33,36,.16)}.project-evidence-main::after,.roadshow-live-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.87) 100%);pointer-events:none}.project-evidence-main span,.roadshow-live-card span{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;display:grid;gap:4px}.project-evidence-main b{font-size:16px;line-height:1.25}.project-evidence-main em,.roadshow-live-card em{font-style:normal;font-size:10px;line-height:1.45;color:rgba(255,255,255,.72)}.roadshow-live-card b{font-size:16px;line-height:1.2}.roadshow-live-card img{object-position:center 35%}.project-evidence-strip{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr .78fr;gap:10px}.project-source-card{border:1px solid rgba(28,33,36,.15)}.project-source-card span{left:10px;right:10px;bottom:8px}.project-source-card b{font-size:11px}.project-source-card:last-child img{object-fit:cover;object-position:center}.scene--light .project-source-card,.scene--light .project-evidence-main,.scene--light .roadshow-live-card{box-shadow:0 12px 34px rgba(28,31,34,.08)}
.layout-chifeng-intro.reading .chifeng-intro-video,.layout-field-validation.reading .field-card,.layout-project-evidence.reading .project-evidence-main,.layout-project-evidence.reading .roadshow-live-card{animation:chifengSettle .72s var(--ease) both}@keyframes chifengSettle{from{clip-path:inset(0 0 12% 0);transform:translateY(12px)}to{clip-path:inset(0);transform:none}}
@media(max-width:1180px){.layout-chifeng-intro .scene-inner,.layout-field-validation .scene-inner,.layout-project-evidence .scene-inner{grid-template-columns:minmax(300px,36%) minmax(0,1fr)}.chifeng-intro-board{grid-template-columns:minmax(0,1.25fr) minmax(150px,.55fr);grid-template-rows:minmax(0,1fr) 126px}.field-gallery{gap:8px}.field-card em{display:none}.project-evidence-board{grid-template-rows:minmax(0,1fr) 128px}.project-route-mini em{font-size:8px}}
@media(max-width:900px){.layout-chifeng-intro .scene-inner,.layout-field-validation .scene-inner,.layout-project-evidence .scene-inner{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.layout-chifeng-intro .scene-copy,.layout-field-validation .scene-copy,.layout-project-evidence .scene-copy{max-height:none}.chifeng-project-tags,.field-validation-badges{margin-top:12px}.chifeng-intro-board{grid-template-columns:minmax(0,1fr) 180px;grid-template-rows:minmax(0,1fr) 112px}.field-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.project-route-mini{display:none}.project-evidence-board{grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr);grid-template-rows:minmax(0,1fr) 116px}}
@media(max-width:620px){.layout-chifeng-intro .scene-visual,.layout-field-validation .scene-visual,.layout-project-evidence .scene-visual{overflow-y:auto}.chifeng-project-tags,.field-validation-badges{gap:5px}.chifeng-project-tags span,.field-validation-badges span{font-size:9px;padding:6px 7px}.chifeng-project-alias,.roadshow-source{font-size:10px;margin-top:10px}.chifeng-intro-board{height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:230px auto auto}.chifeng-intro-video{grid-column:1;grid-row:1}.chifeng-intro-facts{grid-column:1;grid-row:2;grid-template-columns:repeat(2,1fr);grid-template-rows:none}.chifeng-intro-facts article{min-height:78px}.chifeng-intro-evidence{grid-column:1;grid-row:3;grid-template-columns:1fr}.chifeng-evidence-card{height:110px}.field-gallery{height:auto;grid-template-columns:1fr;grid-template-rows:none}.field-card{height:210px}.field-card em{display:block}.project-evidence-board{height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:none}.project-evidence-main,.roadshow-live-card,.project-evidence-strip{grid-column:1;grid-row:auto}.project-evidence-main{height:230px}.roadshow-live-card{height:230px}.project-evidence-strip{grid-template-columns:1fr}.project-source-card{height:130px}}
/* v12.3 evidence fidelity: document/roadshow source images are shown whole rather than aggressively cropped. */
.project-evidence-main img{object-fit:contain;background:#f4eee4}
.roadshow-live-card img{object-fit:contain;object-position:center;background:#101216}
.project-source-card:not(:last-child) img{object-fit:contain;background:#0b0c0e}

/* ===== v12.4 商业合作 + VR项目重组 ===== */
.commercial-tags,.vr-overview-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.commercial-tags span,.vr-overview-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.16);font-size:11px;letter-spacing:.05em;color:#d8dde2;background:rgba(255,255,255,.035)}
.scene--light .commercial-tags span,.scene--light .vr-overview-tags span{border-color:rgba(22,27,31,.14);color:#46505a;background:rgba(255,255,255,.7)}
.commercial-project-shell,.commercial-animation-shell{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:14px;min-height:0}
.commercial-media-placeholder,.commercial-animation-hero{position:relative;min-height:0;border:1px solid rgba(255,255,255,.14);overflow:hidden;background:
 radial-gradient(circle at 75% 20%,rgba(229,129,48,.18),transparent 36%),
 linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.01));display:grid;align-content:end;padding:28px}
.scene--light .commercial-animation-hero{border-color:rgba(20,25,29,.14);background:radial-gradient(circle at 75% 20%,rgba(218,119,41,.12),transparent 36%),linear-gradient(135deg,rgba(255,255,255,.95),rgba(243,238,229,.78))}
.commercial-placeholder-mark{position:absolute;right:-1vw;top:4%;font-size:clamp(42px,7vw,110px);font-weight:900;letter-spacing:-.06em;color:rgba(255,255,255,.045);white-space:nowrap}
.scene--light .commercial-placeholder-mark{color:rgba(20,25,29,.055)}
.commercial-placeholder-copy,.commercial-animation-hero>div:not(.commercial-placeholder-mark){position:relative;z-index:2;display:grid;gap:6px;max-width:680px}
.commercial-placeholder-copy small,.commercial-animation-hero small{color:#e38a46;letter-spacing:.15em;font-size:10px}
.commercial-placeholder-copy b,.commercial-animation-hero b{font-size:clamp(20px,2vw,32px);line-height:1.15}
.commercial-placeholder-copy em,.commercial-animation-hero em{font-style:normal;color:#aab2ba;font-size:13px;line-height:1.6}
.scene--light .commercial-animation-hero em{color:#59636b}
.commercial-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.commercial-proof-grid article{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;border-top:1px solid rgba(255,255,255,.15);padding:12px 4px 2px}
.commercial-proof-grid article b{grid-row:1/3;font-size:22px;color:#e38a46}.commercial-proof-grid article span{font-weight:700;font-size:14px}.commercial-proof-grid article small{font-size:11px;color:#9fa8b0;line-height:1.5}
.commercial-note{margin:0;font-size:11px;color:#8f989f;line-height:1.5}
.commercial-shot-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.commercial-shot-strip span{border-top:1px solid rgba(20,25,29,.18);padding-top:10px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.commercial-shot-strip b{color:#d8782f;font-size:18px}.commercial-shot-strip em{font-style:normal;font-size:12px;color:#515b63}

.vr-project-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;height:calc(100% - 96px);min-height:0}
.vr-project-overview-card{appearance:none;border:1px solid rgba(255,255,255,.14);padding:0;background:#111;color:#fff;position:relative;overflow:hidden;cursor:pointer;min-height:0;text-align:left}
.vr-project-overview-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.vr-project-overview-card:hover img{transform:scale(1.025)}
.vr-project-overview-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,8,.04),rgba(5,7,8,.16) 42%,rgba(5,7,8,.9))}
.vr-project-overview-meta{position:absolute;left:20px;right:60px;bottom:20px;display:grid;gap:5px}.vr-project-overview-meta small{font-size:10px;letter-spacing:.14em;color:#ef9d58}.vr-project-overview-meta b{font-size:clamp(18px,1.8vw,28px);line-height:1.2}.vr-project-overview-meta em{font-style:normal;font-size:12px;color:rgba(255,255,255,.76)}
.vr-project-overview-card>i{position:absolute;right:20px;bottom:20px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#df792e;font-style:normal}
.vr-overview-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.vr-overview-compare article{border-top:1px solid rgba(255,255,255,.16);padding-top:10px;display:flex;gap:12px}.vr-overview-compare b{font-size:13px;color:#ec9854;white-space:nowrap}.vr-overview-compare span{font-size:12px;color:#aeb6bd;line-height:1.5}

.ww2-project-facts{display:grid;gap:8px;margin-top:16px}.ww2-project-facts span{font-size:12px;color:#c5cbd1}.ww2-project-facts b{display:inline-block;min-width:42px;color:#e68b47}
.ww2-case-layout{height:100%;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0}
.ww2-main-video{appearance:none;border:1px solid rgba(255,255,255,.14);padding:0;background:#101112;color:#fff;position:relative;overflow:hidden;cursor:pointer;text-align:left;min-height:0}
.ww2-main-video img{width:100%;height:100%;object-fit:cover;display:block}.ww2-main-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12) 48%,rgba(0,0,0,.86))}.ww2-main-meta{position:absolute;left:18px;right:70px;bottom:18px;display:grid;gap:5px}.ww2-main-meta small{color:#f09c56;letter-spacing:.12em;font-size:10px}.ww2-main-meta b{font-size:24px}.ww2-main-meta em{font-size:12px;color:rgba(255,255,255,.76);font-style:normal}.ww2-main-video>i{position:absolute;right:18px;bottom:18px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#df792e;font-style:normal}
.ww2-keyframes{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-height:0}.ww2-keyframes button{appearance:none;border:1px solid rgba(255,255,255,.12);padding:0;background:#111;color:#fff;display:grid;grid-template-columns:1fr 138px;overflow:hidden;cursor:pointer;text-align:left}.ww2-keyframes img{width:100%;height:100%;object-fit:cover;display:block}.ww2-keyframes span{padding:12px;display:grid;align-content:end;gap:4px;background:rgba(255,255,255,.035)}.ww2-keyframes small{color:#e28a47}.ww2-keyframes b{font-size:13px;line-height:1.35}
.ww2-production-notes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ww2-production-notes article{border-top:1px solid rgba(255,255,255,.15);padding:10px 4px 0;display:grid;gap:5px}.ww2-production-notes b{color:#e78e49;font-size:13px}.ww2-production-notes span{font-size:11px;color:#a8b0b7;line-height:1.55}

.chifeng-consolidated-layout{height:100%;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);grid-template-rows:minmax(0,1fr) 112px;gap:14px;min-height:0}
.chifeng-consolidated-video{appearance:none;border:1px solid rgba(22,28,32,.14);padding:0;background:#131516;position:relative;overflow:hidden;cursor:pointer;color:#fff;text-align:left;min-height:0}.chifeng-consolidated-video img{width:100%;height:100%;object-fit:cover;display:block}.chifeng-consolidated-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(3,5,6,.84))}.chifeng-consolidated-video>span:not(.chifeng-consolidated-shade){position:absolute;left:18px;right:70px;bottom:18px;display:grid;gap:4px}.chifeng-consolidated-video small{color:#ed944f;font-size:10px;letter-spacing:.13em}.chifeng-consolidated-video b{font-size:22px}.chifeng-consolidated-video em{font-size:12px;color:rgba(255,255,255,.75);font-style:normal}.chifeng-consolidated-video>i{position:absolute;right:18px;bottom:18px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#df792e;font-style:normal}
.chifeng-consolidated-proof{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-height:0}.chifeng-consolidated-proof button{appearance:none;border:1px solid rgba(24,29,33,.14);padding:0;background:#fff;display:grid;grid-template-columns:1fr 132px;overflow:hidden;cursor:pointer;text-align:left;color:#20262a}.chifeng-consolidated-proof img{width:100%;height:100%;object-fit:cover;display:block}.chifeng-consolidated-proof span{display:grid;align-content:end;gap:4px;padding:10px}.chifeng-consolidated-proof small{font-size:9px;letter-spacing:.11em;color:#c46c2a}.chifeng-consolidated-proof b{font-size:12px;line-height:1.35}
.chifeng-field-mini{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0}.chifeng-field-mini button{appearance:none;border:1px solid rgba(23,28,32,.13);padding:0;overflow:hidden;background:#fff;cursor:pointer;position:relative;min-width:0}.chifeng-field-mini img{width:100%;height:100%;object-fit:cover;display:block}.chifeng-field-mini span{position:absolute;left:6px;right:6px;bottom:6px;background:rgba(10,12,13,.7);color:#fff;padding:4px 6px;font-size:9px;text-align:center}

@media(max-width:1280px){
 .vr-project-overview-grid{height:auto;min-height:420px}.ww2-case-layout{grid-template-columns:1fr 320px}.chifeng-consolidated-layout{grid-template-columns:1.25fr .75fr}.commercial-media-placeholder,.commercial-animation-hero{min-height:390px}
}
@media(max-width:900px){
 .commercial-proof-grid,.ww2-production-notes{grid-template-columns:1fr}.commercial-shot-strip{grid-template-columns:1fr 1fr}.vr-project-overview-grid{grid-template-columns:1fr}.vr-overview-compare{grid-template-columns:1fr}.ww2-case-layout,.chifeng-consolidated-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}.ww2-main-video{min-height:330px}.ww2-keyframes{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.ww2-keyframes button{grid-template-columns:1fr;grid-template-rows:160px auto}.chifeng-consolidated-video{min-height:330px}.chifeng-consolidated-proof{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.chifeng-consolidated-proof button{grid-template-columns:1fr;grid-template-rows:140px auto}.chifeng-field-mini{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
 .commercial-shot-strip,.vr-project-overview-grid,.ww2-keyframes,.chifeng-consolidated-proof,.chifeng-field-mini{grid-template-columns:1fr}.commercial-media-placeholder,.commercial-animation-hero{min-height:300px}.vr-project-overview-card{min-height:290px}.ww2-keyframes button,.chifeng-consolidated-proof button{grid-template-rows:190px auto}.chifeng-field-mini button{height:150px}
}

/* ===== v12.5 commercial real-project media ===== */
.commercial-real-case{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1.18fr) auto auto;gap:12px}
.commercial-real-hero,.commercial-frame{appearance:none;border:0;margin:0;padding:0;color:inherit;text-align:left;cursor:pointer;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025)}
.scene--light .commercial-real-hero,.scene--light .commercial-frame{border-color:rgba(22,28,32,.14);background:rgba(255,255,255,.8);box-shadow:0 18px 48px rgba(30,34,38,.08)}
.commercial-real-hero{display:block;min-height:0}.commercial-real-hero>img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.002);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .45s ease}.commercial-real-hero:hover>img{transform:scale(1.025);filter:brightness(.92)}
.commercial-real-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;gap:4px;padding:38px 22px 18px;color:#fff;background:linear-gradient(180deg,transparent,rgba(4,6,8,.86))}.commercial-real-overlay small{font-size:10px;letter-spacing:.14em;color:#f0a36a}.commercial-real-overlay b{font-size:clamp(18px,1.7vw,28px);line-height:1.15}.commercial-real-overlay em{font-style:normal;font-size:12px;color:rgba(255,255,255,.78)}
.commercial-play{position:absolute;z-index:3;right:20px;top:20px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:16px;color:#fff;background:rgba(224,118,38,.92);box-shadow:0 12px 28px rgba(0,0,0,.25)}
.commercial-real-frames{display:grid;gap:10px;min-height:0}.commercial-real-frames--three{grid-template-columns:repeat(3,minmax(0,1fr))}.commercial-real-frames--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.commercial-frame{display:grid;grid-template-rows:118px auto;min-width:0}.commercial-frame>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.commercial-frame:hover>img{transform:scale(1.035)}.commercial-frame>span{display:grid;gap:3px;padding:9px 10px 10px}.commercial-frame small{font-size:9px;letter-spacing:.12em;color:#e38a46}.commercial-frame b{font-size:13px;line-height:1.2}.commercial-frame em{font-style:normal;font-size:10px;line-height:1.45;color:#9fa8b0}.scene--light .commercial-frame em{color:#59636b}
.commercial-real-case--cangyuan .commercial-real-hero{min-height:300px}.commercial-real-case--shooter .commercial-real-hero{min-height:300px}
@media(max-width:1280px){.commercial-real-frames--four{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-frame{grid-template-rows:105px auto}.commercial-real-case{grid-template-rows:minmax(300px,1fr) auto auto}}
@media(max-width:900px){.commercial-real-frames--three{grid-template-columns:1fr 1fr 1fr}.commercial-frame{grid-template-rows:100px auto}.commercial-real-overlay{padding:34px 16px 14px}.commercial-play{width:42px;height:42px}}
@media(max-width:620px){.commercial-real-frames--three,.commercial-real-frames--four{grid-template-columns:1fr}.commercial-frame{grid-template-columns:145px 1fr;grid-template-rows:110px}.commercial-real-case{grid-template-rows:auto auto auto}.commercial-real-hero{min-height:260px}.commercial-frame>span{align-content:center}.commercial-note{font-size:11px}}

/* ===== v12.7 运营研究与自研栏目真实材料接入 ===== */
.layout-ops-research .scene-inner,
.layout-ops-series .scene-inner{grid-template-columns:minmax(320px,34%) minmax(0,1fr);gap:clamp(26px,3.2vw,58px)}
.layout-ops-research .title,
.layout-ops-series .title{font-size:clamp(36px,3.8vw,70px);max-width:11.2em}
.ops-source-note{margin-top:18px;display:inline-flex;border:1px solid rgba(31,42,49,.18);padding:8px 11px;font-size:11px;letter-spacing:.08em;color:#56616a;background:rgba(255,255,255,.58)}
.ops-research-board{height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0}
.ops-study-card{min-height:0;border:1px solid rgba(26,35,41,.14);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,241,234,.9));box-shadow:0 22px 58px rgba(20,24,28,.08);padding:18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;overflow:hidden;position:relative}
.ops-study-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent);opacity:.8}
.ops-study-card header{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:12px;align-items:start}.ops-study-card header small{font-size:9px;letter-spacing:.14em;color:var(--accent);font-weight:800}.ops-study-card header h3{font-size:26px;margin:4px 0 2px;letter-spacing:-.03em}.ops-study-card header p{margin:0;font-size:11px;line-height:1.45;color:#68727a}
.ops-report-thumb{appearance:none;border:1px solid rgba(26,35,41,.15);padding:0;background:#fff;height:92px;overflow:hidden;cursor:pointer;box-shadow:0 8px 22px rgba(20,24,28,.06)}.ops-report-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.ops-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:start}.ops-kpi-grid div{padding:12px;border:1px solid rgba(26,35,41,.11);background:rgba(255,255,255,.7);min-height:108px;display:grid;grid-template-rows:auto auto 1fr;gap:3px}.ops-kpi-grid b{font-size:27px;line-height:1;color:#1d252a;letter-spacing:-.04em}.ops-kpi-grid strong{font-size:12px;color:var(--accent)}.ops-kpi-grid span{font-size:10px;line-height:1.45;color:#69727a;align-self:end}
.ops-insight-line{display:flex;flex-wrap:wrap;gap:6px}.ops-insight-line span{font-size:9px;padding:6px 8px;border:1px solid rgba(26,35,41,.14);color:#59636b;background:rgba(255,255,255,.6)}
.ops-study-card blockquote{margin:0;padding:11px 12px;border-left:3px solid var(--accent);background:rgba(223,114,29,.07);font-size:13px;line-height:1.35;font-weight:750;color:#263039}
.ops-research-conclusion{grid-column:1/-1;border-top:1px solid rgba(26,35,41,.18);padding:13px 2px 0;display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:4px;align-items:center}.ops-research-conclusion p{margin:0;grid-row:1/3;font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:800;writing-mode:vertical-rl}.ops-research-conclusion h3{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.02em}.ops-research-conclusion h3 i{font-style:normal;color:var(--accent);padding:0 6px}.ops-research-conclusion span{font-size:11px;color:#657078}

.ops-series-name{margin-top:20px;padding:13px 15px;border-left:3px solid var(--accent);background:rgba(223,114,29,.06);display:grid;gap:4px}.ops-series-name small{font-size:9px;letter-spacing:.14em;color:var(--accent);font-weight:800}.ops-series-name strong{font-size:18px;line-height:1.3}.ops-series-name span{font-size:11px;color:#68727a}
.ops-series-board{height:100%;display:grid;grid-template-columns:180px minmax(0,1fr);gap:15px;min-height:0}.ops-plan-preview{appearance:none;border:1px solid rgba(26,35,41,.14);padding:0;background:#fff;cursor:pointer;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;box-shadow:0 18px 50px rgba(20,24,28,.08)}.ops-plan-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.ops-plan-preview span{display:grid;gap:3px;padding:11px 12px;background:#20272c;color:#fff}.ops-plan-preview small{font-size:8px;letter-spacing:.13em;color:#f1a46a}.ops-plan-preview b{font-size:14px}.ops-plan-preview em{font-style:normal;font-size:9px;line-height:1.4;color:#c7cdd1}
.ops-series-method{display:grid;grid-template-rows:auto auto auto 1fr;gap:12px;min-height:0}
.ops-hook-flow{display:grid;grid-template-columns:repeat(7,auto);align-items:stretch;gap:6px}.ops-hook-flow article{min-width:0;border:1px solid rgba(26,35,41,.13);background:rgba(255,255,255,.72);padding:10px;display:grid;gap:3px;align-content:start}.ops-hook-flow>b{}.ops-hook-flow article b{font-size:9px;color:var(--accent)}.ops-hook-flow article strong{font-size:12px;line-height:1.2}.ops-hook-flow article span{font-size:9px;line-height:1.35;color:#66717a}.ops-hook-flow>i{font-style:normal;display:grid;place-items:center;color:var(--accent);font-size:14px}
.ops-role-triad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ops-role-triad article{border-top:3px solid var(--accent);background:#1f272c;color:#fff;padding:11px 12px;display:grid;gap:3px}.ops-role-triad small{font-size:8px;letter-spacing:.12em;color:#f0a36a}.ops-role-triad b{font-size:16px}.ops-role-triad span{font-size:9px;line-height:1.45;color:#c3c9ce}
.ops-ratio-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:center;border:1px solid rgba(26,35,41,.13);padding:10px 12px;background:rgba(255,255,255,.66)}.ops-ratio-label{display:grid;gap:3px}.ops-ratio-label b{font-size:12px}.ops-ratio-label span{font-size:9px;color:#68727a}.ops-ratio-bar{display:flex;height:36px;overflow:hidden;background:#e5e1da}.ops-ratio-bar i{width:var(--w);font-style:normal;display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff;white-space:nowrap}.ops-ratio-bar i:nth-child(1){background:#232b30}.ops-ratio-bar i:nth-child(2){background:#846752}.ops-ratio-bar i:nth-child(3){background:var(--accent)}
.ops-publish-loop{display:grid;grid-template-columns:repeat(7,auto);gap:6px;align-items:center;min-height:0}.ops-publish-loop div{min-width:0;border-bottom:1px solid rgba(26,35,41,.18);padding:8px 7px;display:grid;gap:3px}.ops-publish-loop b{font-size:11px}.ops-publish-loop span{font-size:9px;line-height:1.35;color:#657078}.ops-publish-loop>i{font-style:normal;color:var(--accent);font-size:13px}

@media(max-width:1180px){
 .layout-ops-research .scene-inner,.layout-ops-series .scene-inner{grid-template-columns:minmax(290px,34%) minmax(0,1fr);gap:24px}
 .ops-study-card{padding:14px}.ops-kpi-grid div{min-height:94px;padding:10px}.ops-kpi-grid b{font-size:23px}.ops-study-card header{grid-template-columns:minmax(0,1fr) 72px}.ops-report-thumb{height:80px}
 .ops-series-board{grid-template-columns:150px minmax(0,1fr)}.ops-hook-flow article span{display:none}.ops-publish-loop div span{display:none}
}
@media(max-width:900px){
 .layout-ops-research .scene-inner,.layout-ops-series .scene-inner{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
 .ops-research-board{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-study-card{overflow:auto}.ops-kpi-grid div{min-height:88px}.ops-research-conclusion{padding-top:8px}
 .ops-series-board{grid-template-columns:150px minmax(0,1fr)}.ops-hook-flow article{padding:8px}.ops-role-triad article{padding:9px}.ops-ratio-card{grid-template-columns:130px minmax(0,1fr)}
}
@media(max-width:620px){
 .layout-ops-research .scene-visual,.layout-ops-series .scene-visual{overflow:auto}
 .ops-research-board{height:auto;grid-template-columns:1fr;grid-template-rows:none}.ops-research-conclusion{grid-column:auto}.ops-study-card{min-height:500px}.ops-research-conclusion p{writing-mode:initial;grid-row:auto}.ops-research-conclusion{grid-template-columns:1fr}.ops-research-conclusion h3{font-size:16px}
 .ops-series-board{height:auto;grid-template-columns:1fr}.ops-plan-preview{height:240px}.ops-series-method{grid-template-rows:none}.ops-hook-flow{grid-template-columns:1fr}.ops-hook-flow>i{transform:rotate(90deg)}.ops-role-triad{grid-template-columns:1fr}.ops-ratio-card{grid-template-columns:1fr}.ops-publish-loop{grid-template-columns:1fr}.ops-publish-loop>i{transform:rotate(90deg);justify-self:center}
}