/* Same motorized chapter background, with two equal groups moving right. */
.motor-controls{--control-gap:clamp(12px,1.4vw,22px);--control-duration:110s;position:relative;left:50%;width:100vw;max-width:none;margin-top:clamp(64px,7vw,104px);transform:translateX(-50%);color:#f5f5f7}
.motor-controls-heading,.motor-controls-footer{max-width:1440px;margin-inline:auto;padding-inline:max(24px,calc((100vw - 1200px)/2))}
.motor-controls-heading{margin-bottom:32px}.motor-controls-heading .eyebrow{color:#aeb2b8;letter-spacing:.13em;margin-bottom:16px}
.motor-controls-heading h3{margin:0 0 16px;font-size:clamp(32px,3.4vw,48px);font-weight:600;line-height:1.1;letter-spacing:-.04em}
.motor-controls-heading p{margin:0;color:#b4b7bd;font-size:clamp(15px,1.2vw,18px);line-height:1.6;max-width:620px}
.motor-controls-viewport{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none}
.motor-controls-viewport::-webkit-scrollbar{display:none}.motor-controls-viewport:focus-visible{outline:2px solid #9fc5ff;outline-offset:-2px}
.motor-controls-track{display:flex;width:max-content}.motor-controls-group{display:flex;gap:var(--control-gap);padding-right:var(--control-gap)}
.motor-controls-group--duplicate{display:none}
.motor-control-card{flex:0 0 auto;display:flex;flex-direction:column;width:25vw;min-height:320px;padding:clamp(20px,2.2vw,34px);border:1px solid #ffffff15;border-radius:20px;background:linear-gradient(145deg,#25282dba,#1b1d2299);box-sizing:border-box}
.motor-control-art{display:flex;align-items:center;min-height:112px;margin-bottom:21px}.motor-control-art img{display:block;width:clamp(88px,9vw,128px);height:clamp(88px,9vw,128px)}
.motor-control-kind{font-size:11px;line-height:1.4;color:#b4b7bd;letter-spacing:.04em}
.motor-control-card h4{margin:9px 0 12px;font-size:clamp(19px,1.7vw,25px);line-height:1.2;font-weight:600;letter-spacing:-.025em}
.motor-control-card p{margin:0;color:#c0c2c7;font-size:clamp(13px,1vw,15px);line-height:1.65}
.motor-controls-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-top:24px}
.motor-controls-footer p{max-width:720px;margin:0;color:#999da5;font-size:12px;line-height:1.6}.motor-controls-footer a{flex:none;color:#9fc5ff;font-size:13px;line-height:1.6;text-decoration:none}.motor-controls-footer a:hover{text-decoration:underline}
.motor-controls.is-enhanced .motor-controls-viewport{overflow:hidden}.motor-controls.is-enhanced .motor-controls-group--duplicate{display:flex}
.motor-controls.is-enhanced .motor-controls-track{animation:motor-controls-right var(--control-duration) linear infinite;animation-play-state:paused}
.motor-controls.is-in-view .motor-controls-track{animation-play-state:running;will-change:transform}
.motor-controls.is-tab-hidden .motor-controls-track{animation-play-state:paused}
@keyframes motor-controls-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.motor-controls.is-reduced-motion .motor-controls-track{animation:none!important;transform:none;will-change:auto}.motor-controls.is-reduced-motion .motor-controls-group--duplicate{display:none}.motor-controls.is-reduced-motion .motor-controls-viewport{overflow-x:auto}
.zh-page .motor-controls-heading h3{line-height:1.25;letter-spacing:-.02em}.zh-page .motor-control-card h4{line-height:1.3}
@media(max-width:700px){.motor-controls{--control-duration:125s;margin-top:64px}.motor-controls-heading,.motor-controls-footer{padding-inline:24px}.motor-control-card{width:72vw;min-height:315px;padding:26px;border-radius:17px}.motor-control-art img{width:100px;height:100px}.motor-control-card h4{font-size:23px}.motor-control-card p{font-size:14px}.motor-controls-footer{flex-direction:column;gap:13px}.motor-controls-footer p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.motor-controls .motor-controls-track{animation:none!important;transform:none;will-change:auto}.motor-controls .motor-controls-group--duplicate{display:none!important}.motor-controls .motor-controls-viewport{overflow-x:auto}}
