body:not(.inner-page) .motion-page{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:#050505;color:#fff;font-family:Arial,"Microsoft YaHei",sans-serif}
.motion-top,.motion-bottom{position:absolute;left:4.5%;right:4.5%;z-index:4;display:flex;justify-content:space-between;gap:15px;color:#999;font-size:10px;letter-spacing:.15em}.motion-top{top:38px}.motion-bottom{bottom:36px}.motion-bottom a{color:#ddd;text-decoration:none}
.motion-title{position:absolute;z-index:2;left:7%;top:50%;transform:translateY(-52%);pointer-events:none}.motion-title>span{display:block;margin-bottom:25px;color:#a0a09c;font-size:11px;letter-spacing:.18em}.motion-title h2{font:400 clamp(70px,9vw,150px)/.9 Arial,sans-serif;letter-spacing:-.065em;margin:0}.motion-title em,.motion-last-content em{font-family:Georgia,serif;font-weight:400}
.motion-stream{position:absolute;inset:0;z-index:3;pointer-events:none}.motion-float{position:absolute;left:calc(35% + var(--i)*7%);top:calc(27% + (var(--i) - 4)*(var(--i) - 4)*.38%);width:clamp(125px,14vw,215px);aspect-ratio:4/4.5;border-radius:18px;overflow:hidden;box-shadow:0 15px 55px #000b;pointer-events:auto;animation:swim 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.55s);transform:translateY(0);transition:filter .3s}
.motion-float img{width:100%;height:100%;object-fit:cover}.motion-float:hover{filter:brightness(1.2);z-index:20}.motion-float:nth-child(3n){top:51%}.motion-float:nth-child(4n){top:20%}.motion-float:nth-child(2n){width:clamp(115px,12vw,190px)}
.motion-wall-page{display:flex;align-items:center;justify-content:center}.motion-wall{position:absolute;inset:12% -5% 16%;display:flex;flex-direction:column;gap:10px;transform:perspective(1100px) rotateX(5deg);overflow:hidden}.motion-wall-track{flex:1;min-height:0;overflow:hidden}.motion-wall-strip{height:100%;width:max-content;display:flex;gap:10px;animation:wall-move 42s linear infinite}.motion-wall-track:nth-child(even) .motion-wall-strip{animation-direction:reverse;animation-duration:48s}.motion-wall-strip img{height:100%;width:clamp(135px,14vw,220px);object-fit:cover;border-radius:11px;filter:brightness(.6) saturate(.8)}.motion-wall-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0505059c 0,#05050590 30%,#05050542 75%),linear-gradient(0deg,#050505 4%,transparent 27%,transparent 75%,#050505 98%);pointer-events:none}.motion-last-content{position:relative;z-index:2;text-align:center;padding:30px}.motion-last-content>p{font-size:11px;letter-spacing:.16em;color:#b6b6b1}.motion-last-content h2{font:400 clamp(48px,6vw,90px)/1 Arial,sans-serif;letter-spacing:-.055em;margin:24px 0}.motion-last-links{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:28px}.motion-last-links a{border:1px solid #ffffff68;border-radius:40px;color:#fff;padding:10px 18px;font-size:12px;text-decoration:none;background:#1010109c}.motion-last-links a:hover{background:#fff;color:#111}.motion-page:not(.on-screen) .motion-wall-strip,.motion-page:not(.on-screen) .motion-float{animation-play-state:paused}
@keyframes swim{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-28px) rotate(3deg)}}@keyframes wall-move{to{transform:translateX(-50%)}}
@media(max-width:800px){body:not(.inner-page) .motion-page{min-height:730px}.motion-title{top:32%;left:6%}.motion-title h2{font-size:clamp(58px,12vw,90px)}.motion-stream{top:24%}.motion-float{left:calc(4% + var(--i)*10%);top:51%;width:35vw}.motion-float:nth-child(3n){top:58%}.motion-float:nth-child(4n){top:32%}.motion-float:nth-child(2n){width:30vw}.motion-wall{inset:17% -20% 20%}.motion-wall-strip img{width:37vw}.motion-last-content h2{font-size:clamp(42px,10vw,65px)}.motion-top,.motion-bottom{left:6%;right:6%}.motion-top span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.motion-float,.motion-wall-strip{animation:none!important}.motion-float:hover{transform:none}}

/* Second screen: a continuous, layered film flight. */
.motion-showcase .motion-title{z-index:3;left:7%;text-shadow:0 3px 38px #000}
.film-flight{position:absolute;z-index:2;inset:12% -10% 13% 30%;display:flex;flex-direction:column;justify-content:center;gap:clamp(20px,3vh,40px);transform:rotate(-8deg);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 88%,transparent)}
.film-flight-track{overflow:visible;transform:translateX(2%)}
.film-flight-track:nth-child(2){transform:translateX(-10%)}
.film-flight-strip{display:flex;width:max-content;gap:clamp(16px,2vw,30px);animation:film-travel 42s linear infinite}
.film-flight-track:nth-child(2) .film-flight-strip{animation-direction:reverse;animation-duration:50s}
.film-flight-card{position:relative;display:block;flex:none;width:clamp(200px,22vw,340px);aspect-ratio:16/10;overflow:hidden;border-radius:18px;background:#151515;border:1px solid #ffffff30;box-shadow:0 22px 50px #000b,0 0 35px #a5bdc412;text-decoration:none;transform:translateY(0);transition:filter .3s,border-color .3s}
.film-flight-card:nth-child(even){transform:translateY(25px);width:clamp(175px,19vw,300px)}
.film-flight-card video{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.76) saturate(.86)}
.film-flight-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}
.film-flight-card:hover{filter:brightness(1.35);border-color:#fff9}.film-flight-track:hover .film-flight-strip{animation-play-state:paused}
.film-flight-label{position:absolute;z-index:2;left:15px;right:15px;bottom:14px;color:#fff;font:9px Arial,sans-serif;letter-spacing:.15em}.film-flight-label b{float:right;font-size:16px}
.motion-page:not(.on-screen) .film-flight-strip{animation-play-state:paused}
@keyframes film-travel{to{transform:translateX(calc(-50% - clamp(8px,1vw,15px)))}}
@media(max-width:800px){.motion-showcase .motion-title{top:23%;left:7%}.film-flight{inset:36% -45% 12% -12%;gap:30px;transform:rotate(-8deg)}.film-flight-card{width:58vw;border-radius:13px}.film-flight-card:nth-child(even){width:50vw;transform:translateY(18px)}.film-flight-strip{gap:14px;animation-duration:34s}.film-flight-track:nth-child(2) .film-flight-strip{animation-duration:40s}}
@media(prefers-reduced-motion:reduce){.film-flight-strip{animation:none!important}}

/* Faster, denser and clearly separated moving image lanes. */
.motion-showcase .motion-title{left:5%;top:49%;z-index:3}
.motion-showcase .motion-title h2{font-size:clamp(76px,9.4vw,150px)}
.film-flight{inset:9% -8% 8% 19%;justify-content:space-evenly;gap:0;transform:rotate(-6deg);mask-image:linear-gradient(90deg,transparent,#000 13%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 94%,transparent)}
.film-row{position:relative;padding-top:24px}
.film-row-caption{position:absolute;z-index:2;top:0;left:15%;display:flex;align-items:center;gap:12px;color:#fff;font:10px Arial,sans-serif;letter-spacing:.16em;text-shadow:0 2px 12px #000}
.film-row-caption span{color:#aaa;font-size:9px}
.film-flight-track:nth-child(2){transform:none}
.film-row:nth-child(2) .film-flight-track{transform:translateX(-8%)}
.film-flight-strip{gap:18px;animation-duration:24s}
.film-row:nth-child(2) .film-flight-strip{animation-direction:reverse;animation-duration:28s}
.film-flight-card{width:clamp(260px,25vw,390px);aspect-ratio:16/10;animation:film-bob 4.5s ease-in-out infinite alternate}
.film-flight-card:nth-child(even){width:clamp(230px,22vw,345px);animation-delay:-2.2s}
.film-flight-card:nth-child(3n){animation-duration:5.5s;animation-delay:-1.5s}
.film-flight-card video{filter:brightness(.82) saturate(.9)}
.motion-page:not(.on-screen) .film-flight-card{animation-play-state:paused}
@keyframes film-bob{from{transform:translateY(-9px) rotate(-1deg)}to{transform:translateY(16px) rotate(1deg)}}
@media(max-width:800px){.motion-showcase .motion-title{top:21%;left:6%}.motion-showcase .motion-title h2{font-size:clamp(58px,12vw,85px)}.film-flight{inset:34% -50% 9% -10%;gap:0;transform:rotate(-5deg)}.film-row-caption{left:12%}.film-flight-card{width:67vw}.film-flight-card:nth-child(even){width:58vw}.film-flight-strip{animation-duration:20s}.film-row:nth-child(2) .film-flight-strip{animation-duration:24s}}
@media(prefers-reduced-motion:reduce){.film-flight-card{animation:none!important}}
.film-row:first-child .film-flight-strip{animation-direction:normal}@keyframes film-travel{to{transform:translateX(calc(-50% - 9px))}}
.film-row-caption{left:30%}@media(max-width:800px){.film-row-caption{left:16%}}