@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-ext-wght-normal-CawQDOvP.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-wght-normal-DdqRvwsR.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html{background:#000;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:#000;color:#f5f5f5}img,video{max-width:none}a{color:inherit}:focus-visible{outline:2px solid #f5f5f5;outline-offset:3px;border-radius:4px}.skip{position:absolute;left:-9999px;top:8px;z-index:99;background:#fff;color:#111;padding:8px 14px;border-radius:999px;font:600 14px/1 var(--font)}.skip:focus{left:16px}.page{--font:"Sora Variable",system-ui,sans-serif;--small:"Inter Variable",system-ui,sans-serif}.page[data-font=hk]{--font:"Sora Variable","PingFang HK","Noto Sans HK","Microsoft JhengHei",system-ui,sans-serif;--small:"Inter Variable","PingFang HK","Noto Sans HK",system-ui,sans-serif}.page[data-font=sc]{--font:"Sora Variable","PingFang SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;--small:"Inter Variable","PingFang SC","Noto Sans SC",system-ui,sans-serif}.page{--ink:#f5f5f5;--muted:#9a9a9a;--hair:#2a2a2a;--fold:#1c1c1c;color-scheme:dark;--curve:cubic-bezier(.32,.72,0,1);font-family:var(--font);color:var(--ink);background:#000;-webkit-font-smoothing:antialiased;overflow-x:clip}.page a{color:inherit}.w{max-width:1320px;margin:0 auto;padding:0 40px;box-sizing:border-box;width:100%}.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}.d1{margin:0;font-weight:600;font-size:clamp(44px,7.6vw,124px);line-height:.95;letter-spacing:-.052em;text-wrap:balance}.d2{margin:0;font-weight:600;font-size:clamp(38px,5.4vw,88px);line-height:.98;letter-spacing:-.046em;text-wrap:balance}.d3{margin:0;font-weight:600;font-size:clamp(26px,3vw,46px);line-height:1.06;letter-spacing:-.032em;text-wrap:balance}.lead{margin:0;color:var(--muted);font-size:clamp(18px,1.45vw,21px);line-height:1.5;letter-spacing:-.008em;text-wrap:pretty}.body{margin:0;font-size:18px;line-height:1.6;letter-spacing:-.004em;color:var(--muted);text-wrap:pretty}.body b{color:var(--ink);font-weight:600}.small{margin:0;font-family:var(--small);font-size:13px;line-height:1.5;letter-spacing:.004em;color:var(--muted);font-variant-numeric:tabular-nums}.fig{display:flex;gap:12px;font-family:var(--small);font-size:13px;line-height:1.5;color:var(--muted);font-variant-numeric:tabular-nums;text-wrap:pretty}.fign{flex:none;color:var(--ink);font-weight:500}.rule{border:0;border-top:.5px solid var(--hair);margin:0}.badge{display:inline-block;line-height:0;border-radius:12px;transition:transform .1s ease-out,opacity .2s ease-out}.badge img{display:block;height:54px;width:auto}.badge:active{transform:scale(.97)}.badge:hover{opacity:.86}.d1:lang(zh),.d2:lang(zh),.d3:lang(zh){letter-spacing:-.01em;line-height:1.14;word-break:keep-all;overflow-wrap:anywhere}.lead:lang(zh),.body:lang(zh){letter-spacing:0;line-height:1.75}mark{background:#e8c33a;color:#111;padding:0 .06em;border-radius:3px}.bar{position:sticky;top:0;z-index:40;height:56px;background:#0000009e;-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);transition:background-color .4s var(--curve),color .4s var(--curve);color:var(--ink)}.bar[data-dark]{background:#0000009e}.bar .pill{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:#fff;color:#111;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .4s var(--curve),color .4s var(--curve)}.lang{font-family:var(--small);font-size:13px;text-decoration:none;opacity:.45}.lang[aria-current=page]{opacity:1;font-weight:600}.track,.stage{position:relative}:root[data-motion=scroll] .page .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}:root[data-motion=scroll] .page .t-film{height:640vh;height:640svh}:root[data-motion=scroll] .page .t-fold{height:250vh;height:250svh}:root[data-motion=scroll] .page .t-turn{height:300vh;height:300svh}:root[data-motion=scroll] .page .mast{position:absolute;left:0;right:0;top:0;z-index:2}.mast{box-sizing:border-box;padding:120px 0 48px}:root[data-motion=scroll] .page .mast{min-height:calc(100svh - 56px);padding-top:clamp(56px,9vh,120px)}@media(max-width:760px){.mast{padding-top:64px}}.film-stage{display:flex;flex-direction:column}:root:not([data-motion=scroll]) .page .film-stage{padding:24px 0 96px}.dev-box{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:72px 24px 0}.dev{position:relative;width:min(84vw,calc((100svh - 300px)*1.377),1100px);aspect-ratio:1000/726;transform-style:preserve-3d;perspective:2600px;will-change:transform}:root:not([data-motion=scroll]) .page .dev{width:min(84vw,1000px)}.live{position:absolute;inset:0;opacity:0}:root:not([data-motion=scroll]) .page .live{opacity:1}.half-r{position:absolute;left:50%;top:0;width:50%;height:100%;overflow:hidden}.full{position:absolute;top:0;width:200%;height:100%}.rotor{position:absolute;left:0;top:0;width:50%;height:100%;transform-origin:100% 50%;transform-style:preserve-3d;will-change:transform}.face{position:absolute;inset:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.face.back{transform:rotateY(180deg)}.dev-shadow{display:none;position:absolute;left:4%;right:2%;bottom:-5%;height:12%;border-radius:50%;background:radial-gradient(closest-side,#00000029,#0000);transform-origin:100% 50%;filter:blur(6px)}.beats{flex:none;padding:0 0 40px}.beatrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px;align-items:end;min-height:56px}.beatstack{display:grid}.beat{grid-area:1/1;opacity:0;transform:translateY(12px);transition:opacity .4s var(--curve),transform .4s var(--curve)}.beat[data-on]{opacity:1;transform:none}:root:not([data-motion=scroll]) .page .beat{display:none}.fade{transition:opacity .4s var(--curve)}.fold-stage{display:flex;align-items:center}:root:not([data-motion=scroll]) .page .fold-stage{padding:120px 0}.foldwrap{display:flex;justify-content:center;align-items:center}.foldbox{position:relative;width:min(470px,72vw,calc((100svh - 190px)*.66));aspect-ratio:944/1300;perspective:2200px;perspective-origin:50% 0%}.fh{position:absolute;left:0;width:100%;height:50%;transform-style:preserve-3d;will-change:transform}.cut{position:absolute;inset:0;overflow:hidden}.slab{position:absolute;left:0;width:100%;height:200%;display:block}.slabL{position:absolute;top:0;width:200%;height:100%;display:block}.step{display:flex;gap:16px;padding:14px 0;opacity:.32;transition:opacity .4s var(--curve)}.step[data-on]{opacity:1}.step .n{flex:none;width:28px;font-family:var(--small);font-size:13px;line-height:28px;color:var(--muted);font-variant-numeric:tabular-nums}.turn-stage{background:#000}.sheet,.free{box-sizing:border-box}:root[data-motion=scroll] .page .sheet,:root[data-motion=scroll] .page .free{position:absolute;inset:0;display:flex;align-items:center}.sheet{background:#000;z-index:2;will-change:clip-path}:root:not([data-motion=scroll]) .page .sheet{padding:136px 0}.free{background:#000;color:#fff;z-index:1}:root:not([data-motion=scroll]) .page .free{padding:160px 0}.leafwrap{position:absolute;inset:0;z-index:3;pointer-events:none}.leaf{position:absolute;inset:0;visibility:hidden;clip-path:polygon(0 0,0 0,0 0)}:root:not([data-motion=scroll]) .page .leafwrap{display:none}.bar[data-away]{opacity:0;transform:translateY(-100%);pointer-events:none}.bar{transition:background-color .4s var(--curve),color .4s var(--curve),opacity .3s var(--curve),transform .4s var(--curve)}.markfig{display:flex;justify-content:center}.markfig img{display:block;height:min(62svh,600px);width:auto;max-width:100%}.sec{padding:clamp(96px,14vh,168px) 0}.devimg{display:block;width:100%;height:auto}.qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}.qa>div{padding:22px 0 26px;border-top:.5px solid var(--hair);display:flex;gap:16px}.qa .n{flex:none;width:30px;font-family:var(--small);font-size:13px;line-height:26px;color:var(--muted);font-variant-numeric:tabular-nums}.runin{columns:3;column-gap:40px}.runin p{break-inside:avoid;margin:0 0 22px}.axis{position:absolute;left:85.27%;top:6%;bottom:6%;border-left:1px dashed rgba(255,255,255,.45)}.co{position:absolute;left:92%;display:flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--small);font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}.co i{display:block;width:40px;height:.5px;background:var(--ink)}@media(max-width:980px){.runin{columns:2}.qa{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.w{padding:0 20px}.g12{grid-template-columns:minmax(0,1fr);row-gap:28px}.g12>*{grid-column:1 / -1!important}.runin{columns:1}.beatrow{grid-template-columns:minmax(0,1fr)}.dev-box{padding:64px 12px 0}.dev{width:min(94vw,calc((100svh - 300px)*1.377))}:root:not([data-motion=scroll]) .page .dev{width:94vw}.co{display:none}.fold-stage .g12{row-gap:12px}.fold-stage .d2{font-size:clamp(30px,8.4vw,38px)}.fold-stage .step{padding:8px 0}.fold-stage .step .body{font-size:14px!important;line-height:1.5}.fold-stage .step h3{font-size:16px!important}.fold-stage figure{gap:12px!important}.foldbox{width:min(240px,60vw,calc((100svh - 470px)*.66))}.markfig img{height:min(40svh,420px)}}@media(max-width:760px)and (max-height:760px){.fold-stage .step .body{display:none}.foldbox{width:min(240px,60vw,calc((100svh - 330px)*.66))}}@media(prefers-reduced-motion:reduce){.beat,.step,.fade,.bar,.bar .pill{transition:none}}.doc{padding:clamp(72px,12vh,140px) 0 120px}.doc h1{margin:0 0 12px}.doc h2{margin:0 0 10px;font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.012em}.doc section{padding:28px 0;border-top:.5px solid var(--hair)}.doc .body{max-width:40em}.doc .body+.body{margin-top:12px}.guide .answer{color:var(--ink);margin:28px 0 16px}.guide .gfig{margin:0 0 56px;display:flex;flex-direction:column;align-items:center;gap:16px}.guide .gfig img{display:block;height:auto;max-width:100%}.guide .gfig figcaption{align-self:flex-start}.guide .steps,.guide .list{margin:0;padding:0 0 0 1.4em}.guide .steps li,.guide .list li{padding-left:.3em}.guide .steps li+li,.guide .list li+li{margin-top:10px}.guide .steps li::marker{font-family:var(--small);font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}.guide .list+.body,.guide .steps+.body{margin-top:16px}.guide .note{padding:16px 20px;border:.5px solid var(--hair);border-radius:12px;color:var(--ink)}.guide .gfaq>div{padding:16px 0}.guide .gfaq>div+div{border-top:.5px solid var(--hair)}.guide .gfaq h3{margin:0 0 6px;font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.01em}.guide .related ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.guide .related a{font-size:18px;line-height:1.5;text-underline-offset:4px;text-decoration-thickness:.5px}.guide .related{padding:28px 0;border-top:.5px solid var(--hair)}.guide .related h2{margin:0 0 14px;font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.012em}