/* Shared scene, distinct depth: the picture retreats before the foreground. */
body[data-depth-study] #intro-story.intro-with-film{--film-tail:210svh}
body[data-depth-study] .intro-film-stage{background:var(--depth-paper,#050607);--depth-transfer:0;--depth-chrome:1;--depth-angle:0deg;--depth-source-opacity:1;--depth-play:0}
body[data-depth-study] .film-scene-frame{z-index:3;border-radius:0;background:transparent;overflow:visible;clip-path:var(--depth-clip,inset(0));transform:rotate(var(--depth-angle));transform-origin:var(--depth-origin,50% 50%);opacity:var(--depth-source-opacity);box-shadow:none;will-change:clip-path,transform}
body[data-depth-study] #intro-story #hero{background:#050607;transform:translate(var(--depth-scene-x,0px),var(--depth-scene-y,0px)) scale(var(--depth-scene-scale,1));transform-origin:50% 50%;will-change:transform}
body[data-depth-study] #hero>.finale-devices{opacity:calc(var(--gather-opacity,0)*(1 - var(--depth-transfer)))}
body[data-depth-study] #hero .gather-copy .launch-offer,body[data-depth-study] #hero .gather-values,body[data-depth-study] #hero>.hero-bottom,body[data-depth-study] #hero>.scroll-progress{opacity:var(--depth-chrome)}
body[data-depth-study] .film-player-overlay,body[data-depth-study] .film-caption,body[data-depth-study] .film-surround-glow{display:none}
.depth-paper-light{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#b594e85e,transparent 57%);opacity:var(--depth-halo,0)}
.depth-surface{position:absolute;z-index:1;background:var(--depth-material,#050607);border-radius:var(--depth-radius,0px);box-shadow:0 28px 90px rgb(44 30 60 / var(--depth-shadow,0));pointer-events:none;transform:rotate(var(--depth-angle));overflow:hidden;will-change:width,height,transform}
.depth-surface:after{content:'';position:absolute;inset:0;border:1px solid #ffffff1a;border-radius:inherit;opacity:var(--depth-border,0)}
.depth-hands{position:absolute;inset:0;pointer-events:none;opacity:var(--depth-transfer);isolation:isolate}
.depth-hands[hidden]{display:none}
body[data-depth-study="e"] #hero>.finale-devices{opacity:var(--gather-opacity,0)}
.depth-hands-inside{z-index:4;clip-path:var(--depth-clip,inset(0));transform:rotate(var(--depth-angle));transform-origin:var(--depth-origin,50% 50%)}
.depth-hands-outside{z-index:6;opacity:calc(var(--depth-transfer)*var(--depth-overflow,1));transform:rotate(var(--depth-angle));transform-origin:var(--depth-origin,50% 50%);filter:drop-shadow(0 16px 28px #0905111f)}
.depth-hand{position:absolute;left:0;top:0;transform-origin:50% 50%;will-change:transform,opacity}
.depth-hands .finale-phone-tabs{display:none!important}
.depth-player{position:absolute;z-index:7;border-radius:24px;background:transparent;aspect-ratio:16/9;overflow:hidden;opacity:var(--depth-play);pointer-events:auto;isolation:isolate}
.depth-player[data-cover="abstract"]{background:radial-gradient(ellipse at 52% 38%,#4e356d,#191323 57%,#07070a);box-shadow:0 22px 65px #32204022}
.depth-film-mark{position:absolute;left:50%;top:32%;width:14%;height:24%;transform:translate(-50%,-50%);opacity:.9;object-fit:contain;pointer-events:none}
.depth-film-word{position:absolute;top:67%;left:7%;font:400 10px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.14em;color:#c9bed7;pointer-events:none}
.depth-player[data-cover="scene"] [data-player-poster]{display:none}
.depth-player[data-cover="scene"]:not([data-started]){background:transparent;box-shadow:none}
.depth-player[data-cover="scene"]:not([data-started]) .fp-video,.depth-player[data-cover="scene"]:not([data-started]) .fp-controls{visibility:hidden;pointer-events:none}
.depth-player>.fp-center,.depth-player>.fp-controls{opacity:var(--depth-play)}
.depth-player .fp-controls{opacity:0;pointer-events:none;transition:opacity .2s}
.depth-player:hover .fp-controls,.depth-player:focus-within .fp-controls{opacity:1;pointer-events:auto}
.depth-player .fp-center{top:76%;width:68px;background:#ffffff16}
.depth-player[data-cover="abstract"] .fp-center{top:58%;width:80px}
.depth-player[data-presentation="inline"][data-started] .fp-center{top:50%}
.depth-player[data-presentation="inline"][data-started] .fp-controls{opacity:1;pointer-events:auto}
.depth-player[data-presentation="inline"][data-started][data-controls="hidden"] .fp-controls{opacity:0;pointer-events:none}
.depth-player[data-presentation="inline"][data-started]:focus-visible .fp-controls,.depth-player[data-presentation="inline"][data-started] .fp-controls:focus-within{opacity:1;pointer-events:auto}
.depth-player[data-presentation="inline"][data-playing="true"]>.fp-center{opacity:0;pointer-events:none}
.depth-purchase{position:absolute;z-index:9;display:block;padding:0;background:#fff;border-radius:11px;box-shadow:0 1px 0 #35284222,0 7px 25px #3528420b;overflow:hidden;opacity:var(--depth-purchase,0);pointer-events:auto}
.depth-purchase img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.depth-purchase [data-depth-locale="zh"]{display:none}html[lang^="zh"] .depth-purchase [data-depth-locale="en"]{display:none}html[lang^="zh"] .depth-purchase [data-depth-locale="zh"]{display:block}
.depth-purchase:focus-visible{outline:2px solid #ad8bc9;outline-offset:5px}
.depth-next{position:absolute;z-index:10;right:5%;bottom:20px;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 8px;color:#7b6b8b;font:400 11px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;text-decoration:none;opacity:var(--depth-play);pointer-events:auto}
.depth-next svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}
.fp-theater .depth-player{background:#000;opacity:1!important}
.fp-theater .depth-player .fp-center{top:50%;width:clamp(88px,5vw,112px)}
.fp-theater .depth-player>.fp-center{opacity:1}.fp-theater .depth-player[data-playing="true"]>.fp-center{opacity:0}
.fp-theater .depth-player .fp-controls{opacity:1;pointer-events:auto}
.fp-theater .depth-player[data-controls="hidden"] .fp-controls{opacity:0;pointer-events:none}
.fp-theater .depth-player:focus-visible .fp-controls,.fp-theater .depth-player .fp-controls:focus-within{opacity:1;pointer-events:auto}
@media(max-width:760px){body[data-depth-study] #intro-story.intro-with-film{--film-tail:180svh}.depth-player{border-radius:16px}.depth-player .fp-center{width:58px}.depth-player[data-cover="abstract"] .fp-center{width:64px}.fp-theater .depth-player .fp-center{width:72px}.depth-film-word{font-size:8px}.depth-next{bottom:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){body[data-depth-study] #hero,.depth-hand,.depth-surface,.film-scene-frame{will-change:auto}}