@font-face{font-family:Jost;src:url('fonts/JostMedium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{color-scheme:dark;--ink:#0b1736;--panel:#102346;--line:#304466;--mint:#91efc8;--coral:#ef956e;--text:#f3f3e5;--muted:#b1c0ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--text);font:16px/1.65 Jost,'Avenir Next','PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:6px}a:hover{color:var(--mint)}button:disabled{cursor:default}::selection{background:var(--mint);color:var(--ink)}.wrap{max-width:1240px;width:calc(100% - 112px);margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--mint);color:var(--ink);padding:14px}.skip:focus{top:12px}.masthead{display:flex;align-items:center;min-height:106px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;font:500 11px/1.2 Jost,sans-serif;letter-spacing:.11em}.brand-mark{font:44px/1 Georgia,serif;color:var(--mint)}.masthead nav{display:flex;gap:28px;font-size:12px}.languages{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.languages button{border:0;padding:8px 10px;font-size:11px;color:#b8c9d9;background:transparent;min-height:36px}.languages button[aria-pressed=true]{color:var(--ink);background:var(--mint)}.hero{display:grid;grid-template-columns:.97fr 1.03fr;gap:45px;align-items:center;padding-block:72px 60px}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--mint);margin:0 0 28px}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(48px,5.25vw,80px);line-height:1.05;letter-spacing:-.05em;font-weight:500;margin:0 0 29px}.hero h1 span{display:block}.mint{color:var(--mint)}.deck{max-width:440px;font-size:17px;line-height:1.75;color:#c3d1da;margin:0}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:var(--mint);color:var(--ink);font-size:12px;padding:13px 20px;border:1px solid var(--mint);border-radius:4px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#b4fad9;color:var(--ink);transform:translateY(-2px)}.text-link{font-size:12px;border-bottom:1px solid #6e9a9b;padding-block:6px}.hero-note{font-size:8px;letter-spacing:.13em;color:#819aad;margin:36px 0 0}.hero-art{margin:0;position:relative}.hero-art:before{content:'';position:absolute;inset:7% 5% 15%;border-radius:50%;box-shadow:0 0 100px #2a799324;z-index:-1}.hero-art img{display:block;width:100%;height:auto}.hero-art figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8ba7b9;padding-top:13px}.palette{border-block:1px solid var(--line);background:#112541}.palette>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;font-size:9px;letter-spacing:.13em}.swatches{display:flex;gap:7px}.swatches i{height:23px;width:33px;background:var(--swatch);border-radius:2px}.section{padding-block:88px;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-head .eyebrow{margin-bottom:16px}h2{font-size:clamp(30px,3.4vw,47px);line-height:1.18;letter-spacing:-.035em;font-weight:500;max-width:750px;margin:0}h3{font-size:21px;letter-spacing:-.01em;font-weight:500;line-height:1.35;margin:12px 0}.final-screening{padding-inline:0}.final-screening .film-meta{font-size:11px;color:#a6bbc7;white-space:nowrap;margin:0 0 7px}.final-screening .film-stage{border:1px solid #416485;border-radius:7px;background:#050b1c;box-shadow:0 20px 60px #040b1a70}.final-screening video{max-height:76svh}.final-screening .film-actions{border-color:var(--line);gap:20px}.final-screening .film-actions a{color:#b8cdda;font-size:12px}.audio-label{font-size:8px;letter-spacing:.08em;color:#92aabf;margin-left:auto}.film-status{font-size:13px}.chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin:24px 0 16px}.chapters button{background:none;border:0;border-top:2px solid #304c69;color:#b4c8d5;text-align:left;padding:12px 0;font-size:12px;line-height:1.4}.chapters button:hover,.chapters button[aria-current=true]{border-color:var(--mint);color:var(--mint)}.chapters b{font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;display:block;color:#839daf;margin-bottom:9px}.transcript{font-size:12px;color:#a9bfcc}.transcript summary{cursor:pointer;padding-block:10px;width:fit-content}.transcript>div{columns:2;column-gap:44px;padding-top:15px;line-height:1.9}.transcript p{break-inside:avoid;margin-top:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.principles .index{font-size:10px;letter-spacing:.12em;color:var(--mint);margin:22px 0 0}.principles article>p:last-child,.notes-grid p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.specimen{height:190px;position:relative;overflow:hidden;background:#132951;border-radius:5px}.depth i,.depth b,.depth span{position:absolute;width:120%;height:100%;left:-10%;top:40%;border-radius:50%;background:#28608e;transform:rotate(-15deg)}.depth b{top:62%;background:#379e9b;transform:rotate(12deg)}.depth span{top:86%;background:#0a4354;transform:rotate(-15deg)}.performance i{position:absolute;left:calc(50% - 36px);top:44px;width:74px;height:100px;border-radius:46% 46% 24% 24%;background:var(--coral);transform:rotate(-8deg);box-shadow:10px 5px 0 #d37370}.performance b{position:absolute;left:calc(50% - 15px);top:80px;width:5px;height:9px;border-radius:50%;background:var(--ink);box-shadow:19px 0 var(--ink)}.performance span{position:absolute;left:calc(50% + 28px);top:93px;width:49px;height:10px;background:var(--coral);border-radius:12px;transform-origin:0 50%;transform:rotate(-36deg)}.light{background:radial-gradient(ellipse,#1d706b 0, #162c55 50%,#132951 75%)}.light i{position:absolute;left:calc(50% - 47px);top:47px;border:2px solid #80e8c1;border-radius:50%;width:94px;height:94px;box-shadow:0 0 18px #7af5b533,inset 0 0 20px #7af5b533}.light b{position:absolute;left:calc(50% - 28px);top:66px;width:56px;height:56px;border-radius:50%;background:var(--coral)}.light span{position:absolute;left:calc(50% - 10px);top:84px;width:20px;height:20px;background:#ffe5ab;border-radius:50%}.layer-section{background:#d7eddd;color:#102f44;padding-block:85px}.layer-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:78px;align-items:center}.layer-grid .eyebrow{color:#407a71;margin-bottom:20px}.layer-grid h2{max-width:430px}.layer-grid p:not(.eyebrow){font-size:15px;color:#3c655f;line-height:1.8;margin:24px 0}.layer-controls{display:flex;gap:10px;margin-top:30px}.layer-controls button{border:1px solid #80aaa0;background:transparent;color:#3a6b63;flex:1;font-size:12px;padding:11px 8px;border-radius:4px}.layer-controls b{display:block;font-size:10px;font-weight:500}.layer-controls button[aria-pressed=true]{background:#102f44;border-color:#102f44;color:#c5efd7}.layer-controls button:focus-visible{outline-color:#102f44}.layer-grid .lab-note{font-size:9px!important;letter-spacing:.06em;margin:18px 0 0!important}.layer-canvas{background:#101b3b;border-radius:7px;overflow:hidden;box-shadow:14px 14px 0 #1b64591c}.layer-canvas>svg{display:block;width:100%;height:auto}.layer-canvas .scene-subject,.layer-canvas .scene-light{transition:opacity .65s ease}.layer-canvas[data-phase="0"] .scene-subject,.layer-canvas[data-phase="0"] .scene-light,.layer-canvas[data-phase="1"] .scene-light{opacity:0}.lab-caption{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-top:1px solid #304466;font-size:10px;letter-spacing:.08em;color:#a9c9ce}.lab-caption>span:last-child{color:var(--mint);font-size:20px;line-height:1}.create-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.workflow article{display:flex;gap:23px;border-top:1px solid var(--line);padding:24px 0}.workflow article>b{font-size:12px;font-weight:500;line-height:2.1;color:var(--coral)}.workflow h3{font-size:18px;margin:0 0 10px}.workflow p{color:var(--muted);font-size:14px;margin:0}.prompt-panel{border:1px solid #41647b;border-radius:6px;padding:30px;background:#112343;align-self:start}.prompt-panel .eyebrow{margin:0 0 10px}.toolkit-note{font-size:11px;line-height:1.8;color:#9bb4c5;margin:22px 0 0}.build-links{display:flex;gap:20px 32px;flex-wrap:wrap;margin-top:36px;font-size:12px;color:var(--mint)}.build-links a{padding-bottom:4px;border-bottom:1px solid #3c656c}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}.note-symbol{font-size:45px;line-height:1.2;color:var(--mint)}.notes-grid article:nth-child(2) .note-symbol{color:var(--coral)}.notes-grid article:nth-child(3) .note-symbol{color:#ffe5ab}.notes-grid h3{margin:20px 0 14px}.sources{display:grid;grid-template-columns:1fr 1fr;gap:85px}.sources .eyebrow{margin-bottom:18px}.sources h2{font-size:35px}.sources p:not(.eyebrow){font-size:14px;color:var(--muted);margin:22px 0 0}.source-row{display:block;padding:18px 0;border-top:1px solid var(--line);font-size:13px}footer{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-block:42px;font-size:11px;color:#92aabd}footer .brand{color:var(--text)}footer p{margin:0}html[lang=zh-CN] h1{font-size:clamp(42px,4.7vw,70px);line-height:1.22;letter-spacing:-.04em}html[lang=zh-CN] h2{line-height:1.4}html[lang=zh-CN] .eyebrow{letter-spacing:.1em}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero{gap:30px}.masthead nav{gap:22px}.deck{font-size:16px}.hero-actions{gap:18px}.hero-note{letter-spacing:.08em}.layer-grid,.create-grid{gap:40px}.audio-label{margin-left:0;width:100%}.principles,.notes-grid{gap:28px}.chapters{gap:14px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;gap:36px;padding-block:48px}.hero-copy{max-width:580px}.hero h1,html[lang=zh-CN] h1{font-size:clamp(46px,9vw,66px)}.hero-art{width:min(100%,590px);margin:auto}.hero-note{margin-top:25px}.section,.layer-section{padding-block:60px}.section-head{display:block;margin-bottom:30px}.final-screening .film-meta{margin-top:18px}.final-screening video{max-height:none}.chapters{grid-template-columns:repeat(3,1fr)}.layer-grid,.create-grid{grid-template-columns:1fr;gap:35px}.layer-grid>div:first-child{max-width:540px}.layer-controls{max-width:420px}.layer-canvas{max-width:590px;width:100%;margin-inline:auto}.sources{grid-template-columns:1fr;gap:35px}.palette>.wrap{font-size:8px;letter-spacing:.04em}.swatches{gap:5px}.swatches i{width:25px;height:21px}.principles{gap:20px}.principles h3,.notes-grid h3{font-size:19px}.specimen{height:170px}footer{flex-wrap:wrap}}
@media(max-width:540px){.masthead .brand{font-size:10px;gap:9px}.brand-mark{font-size:36px}.masthead nav{font-size:11px}.studio-header-actions{gap:9px}.languages button{padding:8px}.hero{padding-block:40px 30px;gap:32px}.hero .eyebrow{font-size:8px}.hero .deck{font-size:15px}.hero-actions{gap:20px}.hero .button{padding:12px 15px;font-size:11px}.hero-art figcaption{font-size:9px}.hero-note{font-size:8px;letter-spacing:.04em}.palette>.wrap{min-height:62px}.palette>.wrap>span{max-width:175px;font-size:8px}.swatches i{width:19px;height:22px}.principles,.notes-grid{grid-template-columns:1fr;gap:35px}.specimen{height:190px}.principles h3,.notes-grid h3{font-size:22px}.chapters{grid-template-columns:repeat(2,1fr);gap:14px 22px}.transcript>div{columns:1}.prompt-panel{padding:20px}.film-actions .button{width:100%}.final-screening .film-actions{gap:16px 22px}.audio-label{font-size:8px}.final-screening h2{font-size:32px}.lab-caption{font-size:8px;padding:14px 18px}.layer-canvas{box-shadow:7px 7px 0 #1b64591c}.sources h2{font-size:30px}footer{align-items:start;gap:28px}footer p{max-width:220px}footer>a:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}