*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#17104a;color:#f4f0e5;font-family:"Avenir Next","Trebuchet MS","PingFang SC",sans-serif;line-height:1.65;--screen-accent:#9cf0ca;--screen-on-accent:#17104a}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffe27b;outline-offset:6px}::selection{background:#ff878c;color:#17104a}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-80px;left:20px;background:#ffe27b;color:#17104a;padding:12px;z-index:10}.skip:focus{top:12px}.masthead{min-height:108px;display:flex;align-items:center;border-bottom:1px solid #504175;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;line-height:1.25;letter-spacing:.06em}.brand svg{width:31px;height:36px}.masthead nav{display:flex;gap:30px;font-size:13px}.masthead nav a:hover,.text-link:hover{color:#9cf0ca}.languages{display:flex;gap:3px}.languages button{border:0;background:transparent;color:#b8add2;padding:9px 10px;font-size:12px;font-weight:700;border-radius:4px}.languages button[aria-pressed=true]{background:#9cf0ca;color:#17104a}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;padding-block:80px 62px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;margin:0 0 26px;display:flex;align-items:center;gap:10px;color:#beb4d6}.live-dot{width:7px;height:7px;background:#ff878c;border-radius:50%;display:inline-block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,5.4vw,78px);line-height:1.02;letter-spacing:-.06em;font-weight:800;margin:0 0 30px}h1>span{display:block}.mint{color:#9cf0ca}.deck{font-size:18px;line-height:1.7;max-width:470px;color:#c9c0dc;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;background:#9cf0ca;color:#17104a;border:1px solid #9cf0ca;border-radius:6px;padding:14px 22px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{background:#b7ffdc;transform:translateY(-2px)}.text-link{border-bottom:1px solid #8d7faf;font-size:13px;padding-block:8px}.hero-note{font-size:9px;color:#a99ac5;letter-spacing:.13em;margin:42px 0 0}.hero-art{margin:0;min-width:0}.hero-art img{display:block;width:100%;height:auto}.hero-art figcaption{display:flex;justify-content:space-between;font-size:10px;color:#a99ac5;padding:0 24px}.palette-strip{background:#2b205e;border-block:1px solid #483773}.palette-strip>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:20px;font-size:10px;letter-spacing:.15em;font-weight:700}.swatches{display:flex;gap:8px}.swatches i{display:block;width:28px;height:28px;background:var(--swatch);border-radius:50%;border:1px solid #fff2}.section{padding-block:90px;border-bottom:1px solid #504175}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(32px,3.5vw,47px);line-height:1.16;letter-spacing:-.045em;font-weight:750;max-width:700px;margin:0}.section-heading>p,.scale-grid>div>p:not(.eyebrow){color:#c9c0dc;font-size:15px;margin:0}.final-screening{padding-inline:0;padding-block:86px}.final-screening .film-meta{color:#b9adce;font-size:11px}.final-screening .film-stage{border:1px solid #766296;border-radius:8px;box-shadow:0 24px 60px #09042070}.final-screening video{max-height:76vh;max-height:76svh}.final-screening .film-actions{border-color:#504175}.film-actions>a{color:#d5cde1!important;font-size:12px!important}.audio-label{margin-left:auto;font-size:9px;letter-spacing:.1em;color:#aaa0c4}.chapters{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:24px 0}.chapters button{border:0;border-top:2px solid #574575;text-align:left;background:none;color:#dcd4eb;padding:13px 0;font-size:12px;line-height:1.5}.chapters button:hover{border-color:#9cf0ca;color:#9cf0ca}.chapters b{display:block;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;color:#a799c1;margin-bottom:8px}.transcript{font-size:12px;color:#bfb1d2}.transcript summary{cursor:pointer;padding:12px 0;width:fit-content}.transcript>div{columns:2;column-gap:40px;padding-top:20px;max-width:1000px;line-height:1.9}.transcript p{break-inside:avoid}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.index{font-size:10px;letter-spacing:.14em;color:#9cf0ca}.principles h3,.notes-grid h3{font-size:20px;line-height:1.35;letter-spacing:-.02em;margin:15px 0 12px}.principles p,.notes-grid p{font-size:14px;color:#bcb0d1;line-height:1.8;margin:0}.specimen{height:190px;border-radius:8px;background:#251955;position:relative;overflow:hidden;margin-bottom:24px}.facets div{position:absolute;left:calc(50% - 49px);top:40px;width:98px;height:114px;background:#ff878c;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.facets i{position:absolute;left:50%;top:68px;width:49px;height:86px;background:#be518d;clip-path:polygon(0 33%,100% 0,100% 66%,0 100%)}.facets b{position:absolute;left:calc(50% - 49px);top:40px;width:98px;height:58px;background:#ffdaa3;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.worlds:before{content:"";position:absolute;inset:65px 55px 30px;background:#71d6b0;transform:skewY(-22deg);border-bottom:14px solid #30938d}.worlds i{position:absolute;bottom:65px;left:90px;width:28px;height:55px;background:#158982;clip-path:polygon(50% 0,100% 80%,50% 100%,0 80%)}.worlds i:nth-child(2){left:120px;bottom:52px;height:40px}.worlds i:nth-child(3){left:200px;bottom:85px;height:45px}.worlds b{position:absolute;left:170px;bottom:62px;width:9px;height:23px;background:#f6cb7e;border-radius:5px}.worlds b:nth-last-child(1){left:150px;bottom:48px;background:#6552ae}.scales i,.scales b,.scales span{position:absolute;border:1px solid #a38ecc;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px}.scales b{width:94px;height:94px;border-color:#9cf0ca}.scales span{width:42px;height:42px;background:#ff878c;border:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border-radius:0}.scale-section{background:#9cf0ca;color:#17104a;padding-block:90px}.scale-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.scale-grid .eyebrow{color:#246b64;font-size:9px}.scale-grid h2{margin-bottom:24px}.scale-grid>div>p:not(.eyebrow){color:#326159;font-size:14px}.scale-controls{display:flex;gap:10px;margin:28px 0 18px}.scale-controls button{padding:13px 12px;flex:1;border:1px solid #4b9784;background:transparent;color:#286054;line-height:1.5;border-radius:5px;font-size:11px}.scale-controls b{display:block;font-size:10px}.scale-controls button[aria-pressed=true]{background:#17104a;color:#fff0bd;border-color:#17104a}.scale-controls button:focus-visible{outline-color:#17104a}.scale-grid .lab-note{font-size:10px!important}.scale-canvas{background:#211852;border:1px solid #416b69;border-radius:12px;overflow:hidden;box-shadow:14px 14px 0 #399a802b}.scale-canvas>svg{display:block;width:100%;height:auto}.lab-caption{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;color:#bdb0d7;border-top:1px solid #45366c;font-size:10px;letter-spacing:.1em}.lab-camera{transform-origin:350px 220px;transition:transform .9s cubic-bezier(.22,.8,.22,1)}.lab-context{transition:opacity .7s}.lab-links,.detail-label{opacity:0;transition:opacity .6s}.scale-canvas[data-phase="1"] .lab-camera{transform:scale(1.55)}.scale-canvas[data-phase="1"] .lab-context{opacity:.3}.scale-canvas[data-phase="1"] .lab-links{opacity:1}.scale-canvas[data-phase="2"] .lab-camera{transform:translateY(55px) scale(2.65)}.scale-canvas[data-phase="2"] .lab-context{opacity:0}.scale-canvas[data-phase="2"] .detail-label{opacity:1}.create-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.workflow article{display:flex;gap:22px;padding:25px 0;border-top:1px solid #504175}.workflow article>b{font-size:12px;color:#ff878c;line-height:2}.workflow h3{font-size:18px;line-height:1.4;margin-bottom:10px}.workflow p{font-size:14px;color:#beb1d1;margin:0}.prompt-panel{padding:30px;border:1px solid #695386;border-radius:9px;background:#211653}.prompt-panel .eyebrow{color:#9cf0ca;margin-bottom:10px}.toolkit-note{color:#baadce;font-size:11px;line-height:1.7;margin:20px 0 0}.build-links{display:flex;gap:20px 35px;flex-wrap:wrap;font-size:12px;padding-top:40px;color:#9cf0ca}.build-links a{border-bottom:1px solid #5e5d83;padding-bottom:5px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.note-symbol{font-size:46px;line-height:1;color:#9cf0ca}.coral{color:#ff878c}.yellow{color:#ffe27b}.sources{display:grid;grid-template-columns:1fr 1fr;gap:90px}.sources h2{font-size:35px}.sources>div>p:not(.eyebrow){color:#c1b4d2;font-size:14px}.source-row{display:flex;justify-content:space-between;border-top:1px solid #504175;padding:18px 0;font-size:13px}.source-row:hover{color:#9cf0ca}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:45px;color:#a99ac5;font-size:11px}footer p{margin:0;line-height:1.9}footer .brand{color:#f4f0e5}footer p a{text-decoration:underline;text-underline-offset:4px}html[lang=zh-CN] h1{font-size:clamp(46px,5.4vw,78px);letter-spacing:-.045em;line-height:1.2}html[lang=zh-CN] h2{line-height:1.35}html[lang=zh-CN] .eyebrow{letter-spacing:.08em}html[lang=zh-CN] .hero-note{letter-spacing:.05em}
@media(min-width:1450px){.hero{gap:45px}.hero-art{margin-right:-25px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.masthead nav{gap:20px}.hero{padding-block:64px 48px}.deck{font-size:16px}.hero-actions{gap:16px}.hero-note{font-size:8px}.section-heading{gap:36px}.scale-grid{gap:35px}.create-grid{gap:35px}.principles{gap:24px}.worlds i:nth-child(3){left:170px}.worlds b{left:140px}.audio-label{width:100%;margin:0}.sources{gap:40px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.masthead nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;padding-block:46px 36px;gap:10px}.hero-copy{max-width:600px}h1,html[lang=zh-CN] h1{font-size:clamp(46px,8.5vw,66px)}.hero-art{max-width:580px;margin-inline:auto}.hero-note{margin-top:25px}.hero-art figcaption{padding-inline:10px}.section,.final-screening{padding-block:60px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p{max-width:540px}.principles{grid-template-columns:1fr;gap:38px}.principles article{display:grid;grid-template-columns:180px 1fr;column-gap:24px}.specimen{grid-row:1/5;height:180px;margin:0}.principles h3{margin:10px 0}.worlds:before{inset:65px 25px 30px}.worlds i{left:48px}.worlds i:nth-child(2){left:75px}.worlds i:nth-child(3){left:120px}.worlds b{left:100px}.worlds b:nth-last-child(1){left:90px}.scale-grid,.create-grid{grid-template-columns:1fr;gap:30px}.scale-grid>div:first-child{max-width:560px}.scale-section{padding-block:60px}.scale-controls{max-width:450px}.notes-grid{gap:25px}.notes-grid h3{font-size:18px}.chapters{gap:14px;grid-template-columns:repeat(3,1fr)}.sources{grid-template-columns:1fr;gap:28px}.sources h2{max-width:500px}footer{flex-wrap:wrap}.final-screening .film-heading{display:block}.final-screening .film-meta{margin-top:16px}.final-screening video{max-height:none}}
@media(max-width:540px){.masthead .brand{font-size:10px;gap:8px}.masthead .brand svg{width:26px}.masthead .studio-header-actions{gap:9px}.languages button{padding:8px;font-size:11px}.hero .eyebrow{font-size:8px;gap:7px}.hero-actions{gap:20px}.hero-note{font-size:8px;letter-spacing:.05em}.palette-strip>.wrap{font-size:8px;letter-spacing:.06em;gap:10px}.swatches{gap:5px}.swatches i{width:20px;height:20px}.principles article{display:block}.specimen{height:170px;margin-bottom:22px}.worlds:before{inset:55px 60px 25px}.worlds i{left:100px}.worlds i:nth-child(2){left:140px}.worlds i:nth-child(3){left:220px}.worlds b{left:170px}.worlds b:nth-last-child(1){left:190px}.notes-grid{grid-template-columns:1fr;gap:35px}.chapters{grid-template-columns:repeat(2,1fr)}.transcript>div{columns:1}.prompt-panel{padding:20px}.build-links{gap:20px}.film-actions .button{width:100%}.film-actions>a{font-size:11px!important}.final-screening h2{font-size:30px}.lab-caption{font-size:8px;padding:13px}.sources h2{font-size:32px}footer{align-items:start;gap:26px}footer p{max-width:230px}footer>a:last-child{width:100%}.hero-art figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}