@charset "UTF-8";
:root{--paper:#efeee8;--ink:#202e32;--muted:#667074;--line:#d3d7d1;--coral:#ff8f75;--cyan:#8fe2d8;--studio:#142a32;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,.main-view:focus-visible{outline:3px solid #ee7758;outline-offset:5px}button{color:inherit}button:hover{filter:brightness(1.07)}.site-header{height:82px;margin:0 3.6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:760;letter-spacing:-1px}.brand-type{font-size:11px;letter-spacing:1px;font-weight:500;margin-left:12px;border-left:1px solid #b8bfbb;padding-left:20px}.brand-icon{position:relative;width:25px;height:25px;display:block}.brand-icon i{position:absolute;width:17px;height:17px;border:1.8px solid var(--ink);border-radius:50%;top:0;left:0}.brand-icon i:nth-child(2){left:8px;top:3px}.brand-icon i:nth-child(3){left:3px;top:9px}.author{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}.author strong{font-weight:600;color:var(--ink)}.author>span{margin-left:13px;font-size:18px}main{max-width:1800px;margin:auto}.hero{padding:0 3.6%}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;padding:29px 0 25px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;margin:0 0 11px;display:flex;align-items:center;gap:9px}.eyebrow>span{display:block;width:6px;height:6px;background:#e2785c;border-radius:50%}h1{font-size:clamp(28px,3.05vw,52px);letter-spacing:-1.8px;line-height:1.3;margin:0;font-weight:620}.mobile-br{display:none}.intro-aside{width:375px;flex-shrink:0}.intro-aside>p{font-size:12px;line-height:1.9;color:#626d6d;margin:0 0 12px}.intro-actions{display:flex;gap:25px}.text-button{border:0;background:none;padding:0;min-height:26px;font-size:12px;font-weight:650;display:flex;gap:14px;align-items:center}.text-button.secondary{color:#6a7676;font-weight:500}.text-button span{font-size:18px}.studio{height:574px;position:relative;background:var(--studio);border-radius:15px;isolation:isolate;overflow:hidden;box-shadow:0 25px 50px -32px #19353f88}.studio canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}.studio-top{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none}.live-label{font-size:10px;color:#b2c4c9;letter-spacing:.6px;display:flex;gap:8px;align-items:center}.live-label i{width:5px;height:5px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 3px #ff8f7513}.studio-number{font-size:9px;letter-spacing:2px;color:#80999e}.main-view{position:absolute;inset:0 0 148px;touch-action:pan-y;cursor:grab;outline-offset:-5px!important}.main-view:active{cursor:grabbing}.scene-label{position:absolute;top:11%;left:20%;display:flex;align-items:flex-start;gap:8px;pointer-events:none;z-index:2;color:#dae7e6;transform:translate(-50%,-100%);white-space:nowrap}.scene-label>b{font-size:9px;border:1px solid #536e75;border-radius:50%;width:21px;height:21px;display:flex;align-items:center;justify-content:center;color:#9db5bb}.scene-label>span{font-size:13px;font-weight:600;letter-spacing:1px}.scene-label small{display:block;font-size:9px;font-weight:400;letter-spacing:0;color:#7d9a9f;margin-top:4px}.input-label>b{border-color:#a36859;color:var(--coral)}.output-label>span{color:var(--cyan)}.output-label>b{color:var(--cyan);border-color:#468378}.camera-tag{position:absolute;width:27px;height:27px;border:1px solid #b28f7c80;border-radius:50%;background:#1d3039cf;color:#cab9a7;transform:translate(-50%,-50%);font-size:10px;z-index:4;padding:0}.camera-tag::after{content:"";position:absolute;inset:-9px;border-radius:50%}.camera-tag.selected{background:var(--coral);border-color:var(--coral);color:#243238;box-shadow:0 0 0 4px #ff8f7517}.camera-tag:focus-visible{outline-offset:10px}.orbit-hint{position:absolute;right:26px;bottom:11px;color:#759096;font-size:9px;display:flex;align-items:center;gap:8px;pointer-events:none}.orbit-hint>span{font-size:19px;line-height:1}.studio-bottom{position:absolute;bottom:0;left:0;right:0;padding:15px 24px 20px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,1fr);gap:36px;background:linear-gradient(180deg,#11262e20,#10232b70);border-top:1px solid #67828a20;z-index:2;height:148px}.feed-caption{display:flex;justify-content:space-between;font-size:9px;color:#adbfbe;line-height:1;margin-bottom:9px;letter-spacing:.5px}.feed-note{color:#728f94;letter-spacing:0}.feeds{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.feed{border:1px solid #5570774d;position:relative;height:87px;border-radius:6px;background:transparent;overflow:hidden;color:#a7bdbf;padding:0;min-width:0}.feed.selected{border-color:var(--coral)}.feed-render{position:absolute;inset:1px 1px 21px;display:block;border-radius:5px;pointer-events:none}.feed-title{display:flex;gap:7px;align-items:center;text-align:left;position:absolute;bottom:0;left:0;right:0;height:21px;background:#1a333b;font-size:8px;padding:0 7px}.feed-title b{font-weight:650;font-size:9px;color:#d5e1dc}.feed-title i{font-size:7px;font-style:normal;margin-left:auto;color:var(--coral);visibility:hidden}.feed.selected .feed-title i{visibility:visible}.controls{padding-top:0}.action-row{display:flex;border:1px solid #4c666c;border-radius:7px;overflow:hidden;height:35px}.action-row button{flex:1;font-size:11px;border:0;background:transparent;color:#b7c9c9}.action-row button+button{border-left:1px solid #38535b}.action-row button.active{background:#e9e8dc;color:#253a40}.play-row{display:flex;gap:18px;align-items:center;margin-top:10px}.play-row>button{display:flex;gap:7px;align-items:center;background:none;border:0;color:#b7ccca;font-size:10px;padding:0;min-height:26px;white-space:nowrap}.play-icon{font-size:14px;color:#d6e5df;width:13px}.play-row>button:nth-child(2)>span{font-size:18px}.play-row>button:last-child{margin-left:auto}.switch{width:25px;height:13px;background:#3a545c;display:block;border-radius:10px;position:relative}.switch::after{content:"";position:absolute;width:9px;height:9px;left:2px;top:2px;border-radius:50%;background:#94acb0;transition:transform .2s}.play-row>button[aria-pressed=true] .switch{background:#8a5f51}.play-row>button[aria-pressed=true] .switch::after{transform:translateX(12px);background:var(--coral)}.control-note{font-size:9px;line-height:1.5;color:#78969b;margin:9px 0 0}.flow-note{position:absolute;right:24px;top:55px;width:260px;background:#e9eee5ed;padding:18px 20px;border-radius:7px;box-shadow:0 8px 20px #00121a33;z-index:5;cursor:default}.flow-note b{font-size:13px;letter-spacing:.5px}.flow-note p{font-size:10px;color:#566667;line-height:1.8;margin:9px 0 0}.flow-note button{position:absolute;right:5px;top:3px;border:0;background:none;font-size:18px;color:#567070;min-width:30px;min-height:30px}.fallback{position:absolute;inset:0;padding:70px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d2e2dd;z-index:1;background:#152c34}.fallback[hidden]{display:none}.fallback-diagram{display:flex;gap:18px;align-items:center}.fallback-diagram>span{text-align:center;font-size:18px;border:1px solid #607d81;padding:18px;border-radius:12px}.fallback-diagram small{font-size:10px}.fallback>p{font-size:12px;line-height:2;max-width:600px;text-align:center}.failed .scene-label,.failed .camera-tags,.failed .orbit-hint{display:none}.failed .feed-render{background:repeating-linear-gradient(45deg,#1b343c,#1b343c 5px,#203b43 5px,#203b43 6px)}
.editorial{margin:0 7.4%;border-top:1px solid var(--line);padding:58px 0;display:grid;grid-template-columns:145px minmax(0,1fr) minmax(0,1fr);gap:36px}.motivation{margin-top:76px}.section-index{font-size:9px;letter-spacing:1.5px;color:#7c8985;padding-top:7px}.editorial h2{font-size:30px;line-height:1.65;letter-spacing:-.7px;font-weight:550;margin:0}.section-copy{font-size:13px;line-height:2.1;color:#64716f;padding-top:4px}.section-copy p{margin:0 0 15px}.small-tag{display:block;font-size:10px;border-top:1px solid #d9dcd4;padding-top:16px;margin-top:24px;color:#8b928c}.body-mark{display:flex;gap:5px;height:26px;align-items:center;margin-top:25px}.body-mark>span{width:19px;height:19px;border:1px solid #a6b5aa;border-radius:50%}.body-mark>span:nth-child(2){margin-left:-11px}.body-mark>span:nth-child(3){margin-left:-11px;background:#d9ded0}.process{grid-template-columns:145px 1fr}.process-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.process-heading p{font-size:11px;color:#82908b;margin:0 0 12px}.steps{grid-column:2;list-style:none;padding:0;margin:2px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.steps li{position:relative;border-top:1px solid #a7b4ac;padding-top:12px}.steps li>span{font-size:9px;color:#7d8e85;letter-spacing:1px}.steps li:not(:last-child):after{content:"→";position:absolute;right:0;top:60px;color:#a7b4ac}.steps h3{font-weight:550;font-size:14px;margin:12px 0 7px}.steps p{font-size:11px;line-height:1.9;color:#76867f;margin:0}.step-icon{height:45px;margin-top:12px;font-size:33px;color:#547d71;line-height:45px;display:flex;gap:6px;align-items:center}.step-icon i{font-size:16px;font-style:normal}.joint-icon{font-size:46px;font-family:serif}.space-icon{position:relative;font-size:47px}.space-icon i{position:absolute;font-size:47px;left:12px;top:4px;opacity:.5}.follow-icon{font-size:46px}.reality{padding-bottom:65px}.reality-copy{font-size:12px;line-height:2;color:#74807b;max-width:370px;margin:21px 0 0}.status-box{background:#e5e7de;border:1px solid #d8dcd1;padding:23px 25px;border-radius:3px}.status-title{font-size:11px;display:flex;gap:9px;align-items:center}.status-title>span{width:6px;height:6px;border-radius:50%;background:#bb8d6a}.status-box>p{font-size:11px;line-height:2;color:#78847b;margin:18px 0 20px}summary{font-size:10px;cursor:pointer;list-style:none;border-top:1px solid #cbd1c5;padding-top:13px;display:flex;justify-content:space-between;gap:12px;align-items:center}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;font-weight:300;line-height:20px}.detail-content{font-size:10px;line-height:2;color:#738078}.detail-content>p{margin-bottom:0}details[open] summary>span{transform:rotate(45deg)}footer{margin:0 3.6%;border-top:1px solid var(--line);padding:29px 0 35px;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:19px;gap:0}.footer-dot{color:#bb806b}footer p{font-size:10px;color:#8a928b}footer>a:last-child{font-size:10px;color:#627169}
@media(min-width:1600px){.studio{height:660px}.main-view{bottom:160px}.studio-bottom{height:160px}.feed{height:97px}}
@media(max-width:1000px){.intro-aside{width:300px}.intro-actions{gap:15px}.text-button{font-size:10px;gap:6px}.studio-bottom{grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr);gap:20px}.editorial{grid-template-columns:100px 1fr 1fr;gap:25px;margin-left:5%;margin-right:5%}.process{grid-template-columns:100px 1fr}.editorial h2{font-size:25px}.play-row{gap:13px}.feed-title{gap:4px;padding:0 5px}}
@media(max-width:700px){.site-header{height:64px;margin:0 20px}.brand{font-size:21px;gap:8px}.brand-type{display:none}.author{font-size:9px;gap:4px}.author>span{margin-left:4px;font-size:15px}.hero{padding:0 12px}.intro{display:block;padding:24px 8px 20px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:11px}h1{font-size:33px;letter-spacing:-1px;line-height:1.35}.mobile-br{display:block}.intro-aside{width:auto}.intro-aside>p{font-size:11px;line-height:1.9;margin:13px 0 11px;max-width:350px}.intro-actions{gap:25px}.text-button{font-size:10px;gap:10px;min-height:32px}.text-button>span{font-size:16px}.studio{height:538px;border-radius:11px;box-shadow:0 13px 30px -23px #133b45aa}.studio-top{top:15px;left:16px;right:16px}.live-label{font-size:8px;gap:6px}.studio-number{font-size:7px;letter-spacing:1px}.main-view{bottom:212px}.scene-label{gap:5px}.scene-label>b{width:16px;height:16px;font-size:7px}.scene-label>span{font-size:10px;letter-spacing:.3px}.scene-label small{font-size:7px;margin-top:3px}.camera-tag{width:23px;height:23px;font-size:9px}.camera-tag::after{inset:-10px}.orbit-hint{bottom:6px;right:14px;font-size:7px;gap:5px}.orbit-hint>span{font-size:15px}.studio-bottom{height:212px;display:flex;flex-direction:column;padding:11px 13px 13px;gap:12px}.feed-caption{font-size:8px;margin-bottom:7px}.feed-note{font-size:7px}.feeds{gap:5px}.feed{height:68px}.feed-render{bottom:19px}.feed-title{font-size:7px;height:19px;padding:0 4px;gap:4px}.feed-title b{font-size:8px}.feed-title i{font-size:6px}.controls{padding-top:0}.action-row{height:33px}.action-row button{font-size:10px}.play-row{margin-top:3px;gap:22px}.play-row>button{font-size:9px;min-height:32px}.play-row>button:last-child{margin-left:auto}.control-note{font-size:8px;margin:1px 0 0;line-height:1.45}.desktop-only{display:none}.flow-note{top:45px;right:12px;width:220px;padding:15px 17px}.flow-note b{font-size:11px}.flow-note p{font-size:9px}.editorial{margin:0 25px;padding:35px 0;display:block}.motivation{margin-top:43px}.section-index{font-size:8px;margin-bottom:20px;padding:0;letter-spacing:1.5px}.editorial h2{font-size:26px;line-height:1.6}.body-mark{display:none}.section-copy{font-size:12px;padding-top:20px;line-height:2}.section-copy p{margin-bottom:12px}.small-tag{font-size:9px;padding-top:15px;margin-top:20px}.process-heading{display:block}.process-heading h2{font-size:23px}.process-heading p{font-size:10px;margin:10px 0 24px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:26px 25px;margin:0}.steps li>span{font-size:8px}.steps h3{font-size:13px;margin-top:7px}.steps p{font-size:10px}.step-icon{margin-top:6px;height:35px}.steps li:after{display:none}.reality-copy{font-size:11px;margin:16px 0 23px}.status-box{padding:21px}.status-title{font-size:10px}.status-box>p{font-size:10px}footer{margin:0 20px;padding:24px 0;flex-wrap:wrap;gap:15px}footer .brand{font-size:18px}footer p{order:3;width:100%;font-size:9px;margin:0}footer>a:last-child{font-size:9px}.fallback{padding:55px 12px 25px}.fallback-diagram{gap:6px}.fallback-diagram>span{font-size:13px;padding:10px 8px;border-radius:8px}.fallback-diagram small{font-size:7px}.fallback-diagram>b{font-size:10px}.fallback>p{font-size:10px}}

/* Camera configuration is interactive, not a claimed hardware limit. */
.camera-count{display:flex;align-items:center;gap:5px;pointer-events:auto;color:#9cb6b7;font-size:10px}.camera-count>span:first-child{margin-right:7px;letter-spacing:1px}.camera-count>span:last-child{margin-left:3px}.camera-count button{height:28px;width:30px;border:1px solid #526c72;border-radius:5px;background:#1e3941;color:#c1d2cd;font-size:11px}.camera-count button.active{background:#eea58c;border-color:#eea58c;color:#223b40}.camera-count button:focus-visible{outline-offset:3px}.coverage-note{position:absolute;bottom:14px;left:25px;font-size:10px;color:#9eb8b5;pointer-events:none}.feed[hidden],.camera-tag[hidden]{display:none}.scene-label{background:#19333bda;border:1px solid #68868b24;border-radius:7px;padding:7px 10px}.studio-top{top:15px}.camera-count button{position:relative}.camera-count button:after{position:absolute;content:"";inset:-6px -3px}.scene-label>span{font-size:14px}.scene-label small{font-size:9px}.scene-label>b{font-size:10px}
@media(max-width:700px){.intro{padding-top:19px;padding-bottom:14px}.intro-aside>p{margin-top:10px}.eyebrow{font-size:8px;letter-spacing:1px}.studio-top{top:10px;left:13px;right:13px}.camera-count{font-size:8px;gap:4px}.camera-count>span:first-child{font-size:8px;letter-spacing:0;margin-right:3px}.camera-count button{width:32px;height:32px;font-size:10px}.camera-count{gap:9px}.camera-count button:after{inset:-6px -6px}.camera-count>span:last-child{margin-left:0}.scene-label{padding:5px 6px;gap:4px;border-radius:5px}.scene-label>span{font-size:10px}.scene-label small{font-size:7px}.scene-label>b{font-size:7px}.coverage-note{bottom:24px;left:14px;font-size:8px;max-width:240px}.orbit-hint{bottom:7px}.feed{height:70px}.studio{height:540px}.main-view{bottom:214px}.studio-bottom{height:214px}.action-row{height:34px}.action-row button{position:relative}.action-row button:after{content:"";position:absolute;inset:-5px 0}.play-row>button{min-height:36px;position:relative}.play-row>button:after{content:"";position:absolute;inset:-4px -6px}.control-note{margin-top:0}.feed-title i{display:none}}


/* Short, interruptible feedback. State updates do not wait for animation. */
:root{--ease:cubic-bezier(.16,.82,.24,1)}
button{transition:background-color 160ms var(--ease),border-color 160ms var(--ease),color 160ms var(--ease),box-shadow 160ms var(--ease),filter 120ms}.text-button{transition:color 180ms var(--ease),transform 150ms var(--ease)}.text-button:hover{color:#b26f55}.text-button:hover>span{transform:translateX(3px)}.text-button>span{transition:transform 180ms var(--ease)}button:active{filter:brightness(.94)}.text-button:active{transform:translateY(1px)}.action-row button:active{box-shadow:inset 0 0 0 2px #81989280}.play-row button:active{transform:translateY(1px)}.switch::after{transition:transform 180ms var(--ease),background-color 160ms var(--ease)}.switch{transition:background-color 180ms var(--ease)}.play-icon{transition:color 160ms}.play-row button:hover .play-icon{color:var(--coral)}
.count-options{position:relative;display:flex;gap:5px;isolation:isolate}.count-indicator{position:absolute;left:0;top:0;width:30px;height:28px;border-radius:5px;background:#eea58c;transform:translateX(70px);transition:transform 220ms var(--ease);z-index:-1}.camera-count button{background:transparent}.camera-count button.active{background:transparent;border-color:transparent}.camera-count button:hover,.camera-count button:focus-visible{border-color:#e3b09a}.camera-count button:active{box-shadow:inset 0 0 0 2px #233c4050}.feeds{position:relative}.feed{transform-origin:0 0;transition:border-color 160ms var(--ease),box-shadow 160ms var(--ease)}.feed:hover,.feed:focus-visible,.feed.hovered{border-color:#d3b4a2;box-shadow:0 0 0 1px #d3b4a235}.camera-tag{transition:background-color 150ms var(--ease),border-color 150ms var(--ease),box-shadow 150ms var(--ease),color 150ms var(--ease)}.camera-tag:hover,.camera-tag:focus-visible,.camera-tag.hovered{border-color:#f5cbb1;box-shadow:0 0 0 5px #e9b59620}.feed-ghost{position:absolute;pointer-events:none;z-index:8;border:1px solid #728b8b;border-radius:6px;overflow:hidden;background:#1e3941}.feed-ghost canvas{position:absolute;z-index:0;display:block;inset:0;width:100%;height:calc(100% - 21px)}.feed-ghost .feed-title{z-index:1}.feed-arrival-veil{position:absolute;inset:1px 1px 21px;background:#1c3740;z-index:1;pointer-events:none}.flow-note{animation:note-in 200ms var(--ease)}@keyframes note-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.count-options{gap:9px}.count-indicator{width:32px;height:32px;transform:translateX(80px)}.feed-ghost canvas{height:calc(100% - 19px)}.feed-arrival-veil{bottom:19px}}


/* Crisp HTML masks; no blur filters or transformed WebGL canvas. */
.title-mask{display:inline-block;overflow:visible;vertical-align:bottom;line-height:1.35}.title-mask>span{display:inline-block}.studio canvas{image-rendering:auto}.scene-label{background:#16323bee;border-color:#78969238}.scene-label small{color:#a9c0be}.studio{height:604px}.main-view{bottom:178px}.studio-bottom{height:178px;padding-top:16px}.feed{height:112px}.feed-render{bottom:24px}.feed-title{height:24px;font-size:9px}.feed-title b{font-size:10px}.feed-caption{font-size:10px;margin-bottom:10px}.feed-ghost canvas{height:calc(100% - 24px)}.feed-arrival-veil{bottom:24px}.controls{padding-top:6px}.action-row{height:38px}.action-row button{font-size:12px}.play-row>button{font-size:11px;min-height:30px}.control-note{font-size:10px;margin-top:10px}.coverage-note{color:#b3ccc7}.orbit-hint{color:#9cb6b7}.live-label{color:#c5d7d3}
@media(max-width:700px){.intro{padding-top:15px;padding-bottom:10px}.intro-aside>p{margin-top:8px}h1{font-size:31px;line-height:1.32}.title-mask{line-height:1.32}.studio{height:558px}.main-view{bottom:232px}.studio-bottom{height:232px;padding-top:12px;gap:11px}.feed{height:88px}.feed-render{bottom:21px}.feed-title{height:21px;font-size:8px}.feed-title b{font-size:9px}.feed-caption{font-size:8px;margin-bottom:7px}.feed-note{font-size:7px}.feed-ghost canvas{height:calc(100% - 21px)}.feed-arrival-veil{bottom:21px}.controls{padding-top:0}.action-row{height:34px}.action-row button{font-size:11px}.play-row>button{font-size:10px;min-height:36px}.control-note{font-size:8px;margin-top:0}.scene-label small{font-size:7px}.studio-top{top:10px}.coverage-note{font-size:8px}}


/* Continuous native-scroll feedback, separate from entrance transforms. */
.site-header{position:sticky;top:0;z-index:20;height:82px;background:color-mix(in srgb,var(--paper) calc(var(--nav-progress,0)*96%),transparent);border-bottom-color:color-mix(in srgb,#8faaa0 calc(var(--nav-progress,0)*65%),var(--line));box-shadow:0 5px 18px rgb(15 42 40 / calc(var(--nav-progress,0)*.04))}.site-header>.brand{transform:scale(calc(1 - var(--nav-progress,0)*.08));transform-origin:left center}.site-header>.author{opacity:calc(1 - var(--nav-progress,0)*.15)}.site-header.is-scrolled{background:#efeee8f5}.reading-progress{height:2px;position:fixed;inset:0 0 auto;z-index:30;pointer-events:none;background:transparent}.reading-progress>span{display:block;width:100%;height:100%;background:#bd8066;transform:scaleX(0);transform-origin:left center}.steps li{--reading:0}.steps li::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:#4f8d7b;transform-origin:left;transform:scaleX(var(--reading,0))}.steps li h3{color:color-mix(in srgb,#315e51 calc(var(--reading,0)*100%),var(--ink))}.steps .step-icon{color:color-mix(in srgb,#224d40 calc(var(--reading,0)*100%),#77958a)}
@media(max-width:700px){.site-header{height:64px;top:0}.site-header.is-scrolled{background:#efeee8f5}}
@media(prefers-reduced-motion:reduce){.site-header>.brand{transform:none}.site-header.is-scrolled{backdrop-filter:none}}


/* Scroll-driven spatial layers. Text and hit targets do not inherit these transforms. */
.editorial{position:relative;isolation:isolate}.editorial::before{content:"";position:absolute;inset:31px 0 24px 14%;z-index:-2;pointer-events:none;background:linear-gradient(110deg,#d9e1d94d,transparent 78%);border-left:1px solid #9eb2a54d;border-radius:2px;transform:translateX(calc(var(--art-x,0px)*.8));clip-path:inset(0 calc((1 - var(--scrub,.5))*30%) 0 0)}.scroll-art{position:absolute;left:-13px;top:82px;width:156px;height:180px;overflow:visible;fill:none;stroke:#759889;stroke-width:1.05;opacity:.66;pointer-events:none;z-index:-1;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0)}.scroll-art .art-orbit{transform-origin:100px 100px;transform:rotate(var(--art-angle,0deg))}.scroll-art .art-core{fill:#bd8c72;stroke:#bd8c72}.scroll-art .art-satellite{fill:var(--paper);stroke:#527968}.scroll-art .art-layers{transform:translateY(var(--art-spread,0px));stroke:#b49b83}.process-art{top:115px}.reality-art{top:85px}.steps .step-icon{transform:translate3d(0,var(--icon-lift,0px),0);transform-origin:center}.steps li::before{height:3px}.footer-orbit{position:absolute;width:250px;height:140px;left:40%;top:0;pointer-events:none;z-index:-1;transform:translateX(var(--footer-travel,0px)) rotate(var(--footer-orbit,0deg));opacity:.38}.footer-orbit i{position:absolute;inset:15px;border:1px solid #91a89c;border-radius:50%}.footer-orbit i:nth-child(2){transform:rotate(60deg)}.footer-orbit i:nth-child(3){transform:rotate(120deg)}footer{position:relative;isolation:isolate;overflow:hidden;min-height:130px}
@media(max-width:1000px){.scroll-art{left:-20px;width:115px;opacity:.48}}
@media(max-width:700px){.editorial::before{inset:28px 0 15px 0;background:linear-gradient(110deg,#d9e1d930,transparent 80%);border-left:0}.scroll-art{left:auto;right:0;top:0;width:112px;height:120px;opacity:.42;z-index:-1}.process-art{top:17px}.reality-art{top:5px}.steps .step-icon{transform:translate3d(0,calc(var(--icon-lift,0px)*.7),0)}.footer-orbit{left:35%;width:190px;height:130px}footer{min-height:140px}}
@media(prefers-reduced-motion:reduce){.editorial::before,.scroll-art,.scroll-art .art-orbit,.scroll-art .art-layers,.steps .step-icon,.footer-orbit{transform:none!important}.editorial::before{clip-path:none}}


/* OP01: the existing explanation owns a lower strip; the stage keeps its full viewport. */
.studio{--flow-space:0px;height:calc(604px + var(--flow-space))}.studio:has(> .flow-note:not([hidden])){--flow-space:56px}.main-view{bottom:calc(178px + var(--flow-space))}
.studio>.flow-note{left:0;right:0;top:auto;bottom:178px;width:auto;height:var(--flow-space);padding:10px 54px 10px 25px;border-radius:0;border-top:1px solid #6c8f8b40;border-bottom:1px solid #6c8f8b30;box-shadow:none;background:#1c363e;display:flex;align-items:center;gap:22px;z-index:3}.studio>.flow-note[hidden]{display:none}.studio>.flow-note b{font-size:12px;color:#b5e2d4;flex-shrink:0;letter-spacing:.3px}.studio>.flow-note p{margin:0;font-size:11px;line-height:1.65;color:#cad9d3}.studio>.flow-note button{right:15px;top:50%;transform:translateY(-50%);color:#c1d7d2;width:30px;height:30px}
/* OP02: only camera directions and the current action prompt gain one pixel and contrast. */
.feed-title{font-size:10px;color:#d2dfd9}.control-note{font-size:11px;color:#b2c8c5}
@media(max-width:700px){.studio{height:calc(558px + var(--flow-space))}.studio:has(> .flow-note:not([hidden])){--flow-space:84px}.main-view{bottom:calc(232px + var(--flow-space))}.studio>.flow-note{bottom:232px;padding:10px 46px 10px 14px;display:block}.studio>.flow-note b{font-size:11px;line-height:1.5}.studio>.flow-note p{font-size:10px;line-height:1.7;margin-top:5px}.studio>.flow-note button{right:10px}.feed-title{font-size:9px}.control-note{font-size:9px;line-height:1.45}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}