.concept-showcase{--cs-line:#36557166;background:#050c15;color:#e0edf7;border-top:1px solid var(--cs-line);scroll-margin-top:0;isolation:isolate}
.cs-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:32px clamp(22px,4vw,64px) 27px}.cs-heading p{font:9px/1.8 monospace;letter-spacing:1.7px;color:#7babc9;margin:0 0 11px}.cs-heading h2{font-size:clamp(28px,3.2vw,46px);font-weight:400;letter-spacing:-1.3px;line-height:1.2;margin:0}.cs-heading>span{font:8px/1.7 monospace;letter-spacing:1.2px;color:#64819a;padding-bottom:5px;white-space:nowrap}
.cs-figure{margin:0}.cs-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#050b12;border-top:1px solid var(--cs-line);border-bottom:1px solid var(--cs-line)}.cs-media>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform-origin:50% 50%;max-width:none}.concept-showcase[data-motion=playing] .cs-media>img{will-change:transform}.cs-image-label{position:absolute;top:clamp(18px,3vw,42px);left:clamp(22px,4vw,64px);pointer-events:none;display:flex;align-items:center;gap:20px;text-shadow:0 1px 8px #000}.cs-image-label>span:first-child{font:14px/1.4 monospace;letter-spacing:3px;color:#d8e5ec}.cs-image-label>span:last-child{font:7px/1.5 monospace;letter-spacing:1.4px;color:#8ea8bc;border-left:1px solid #657f9166;padding-left:20px}.cs-image-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:40px;color:#89a8be;font-size:13px;line-height:1.8;text-align:center;max-width:700px;margin:auto}.cs-image-error[hidden]{display:none}.cs-figure>figcaption{padding:15px clamp(22px,4vw,64px) 0;margin:0;color:#7e99b1;font-size:10px;line-height:1.9;max-width:1150px}
.cs-film-controls{position:relative;padding:15px clamp(22px,4vw,64px) 21px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cs-film-controls[hidden]{display:none}.cs-film-note{display:flex;align-items:center;gap:9px;font:8px/1.7 monospace;letter-spacing:.5px;color:#68879f}.cs-film-dot{width:4px;height:4px;border:1px solid #55798f;border-radius:50%;flex:none}.concept-showcase[data-motion=playing] .cs-film-dot{background:#93bcd7;border-color:#93bcd7}.cs-buttons{display:flex;gap:24px;align-items:center}.cs-buttons>button{appearance:none;background:none;border:0;border-bottom:1px solid #446681;border-radius:0;padding:5px 0;color:#a5c5dd;font-size:10px;line-height:1.6;cursor:pointer}.cs-buttons>button>span{margin-left:10px;color:#79a8c8}.cs-buttons>button:hover{color:#fff;border-color:#a0c9e6}.cs-buttons>button:disabled{opacity:.38;cursor:default}.cs-buttons>button:focus-visible,.cs-journey a:focus-visible{outline:2px solid #a2d4f9;outline-offset:5px}.cs-film-progress{position:absolute;bottom:0;left:0;right:0;height:1px;background:#26415a66}.cs-film-progress>span{display:block;width:100%;height:100%;background:#7db7de;transform:scaleX(0);transform-origin:left}
.cs-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 clamp(22px,4vw,64px);border-top:1px solid var(--cs-line);border-bottom:1px solid var(--cs-line);background:#091421}.cs-journey>a{min-width:0;display:flex;align-items:start;gap:18px;color:#8eacc3;padding:23px 22px;text-decoration:none;border-right:1px solid var(--cs-line);transition:background .15s}.cs-journey>a:first-child{padding-left:0}.cs-journey>a:last-child{border-right:0;padding-right:0}.cs-journey>a>span:first-child{font:9px/1.6 monospace;letter-spacing:1px;padding-top:3px;color:#5e809a}.cs-journey>a>span:last-child{margin-left:auto;font-size:14px;color:#709dbc}.cs-journey strong{display:block;font-weight:400;font-size:15px;line-height:1.4;letter-spacing:-.1px;color:#b7cdde}.cs-journey small{display:block;font-size:9px;line-height:1.7;color:#67849b;margin-top:5px}.cs-journey>a[aria-current=step] strong{color:#f0f6fc}.cs-journey>a[aria-current=step]>span:first-child{color:#a0c8e5}.cs-journey>a[aria-current=step]>span:last-child{font-size:9px;padding-top:4px;color:#aed4ee}.cs-journey>a:hover{background:#17344a33}.cs-journey>a:hover strong{color:#fff}
@media(max-width:860px){.cs-heading{padding-top:27px;padding-bottom:23px}.cs-heading h2{font-size:34px}.cs-heading>span{font-size:7px}.cs-journey>a{gap:12px;padding:21px 16px}.cs-journey strong{font-size:13px}.cs-journey small{font-size:8px}.cs-buttons{gap:20px}.cs-film-note{font-size:7px}}
@media(max-width:640px){.concept-showcase{scroll-margin-top:0}.cs-heading{display:block;padding:25px 22px 21px}.cs-heading p{font-size:8px;letter-spacing:1.1px;margin-bottom:10px}.cs-heading h2{font-size:30px;letter-spacing:-.6px;line-height:1.3}.cs-heading>span{display:none}.cs-media{aspect-ratio:16/9}.cs-image-label{top:13px;left:20px;gap:10px}.cs-image-label>span:first-child{font-size:10px;letter-spacing:1.8px}.cs-image-label>span:last-child{font-size:5px;letter-spacing:.8px;padding-left:10px}.cs-figure>figcaption{font-size:9px;line-height:1.9;padding-top:13px}.cs-film-controls{align-items:start;flex-direction:column;gap:8px;padding:11px 22px 17px}.cs-film-note{font-size:7px;letter-spacing:.2px}.cs-buttons{gap:24px;align-self:flex-end}.cs-buttons>button{font-size:10px;min-height:34px;display:flex;align-items:center;padding:3px 0}.cs-journey{padding:0 22px;grid-template-columns:repeat(3,minmax(0,1fr))}.cs-journey>a{display:block;padding:17px 12px 18px}.cs-journey>a>span:first-child{font-size:8px;display:block;margin-bottom:8px;padding:0}.cs-journey>a>span:last-child{display:none}.cs-journey strong{font-size:11px;line-height:1.5;letter-spacing:0}.cs-journey small{font-size:8px;line-height:1.7;margin-top:6px;max-width:120px}.cs-image-error{padding:20px;font-size:11px}html[lang=zh-CN] .cs-heading h2{font-size:29px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.cs-journey>a{transition:none}}

/* The page already reserves the fixed header through html scroll-padding. */
.cs-media{box-sizing:content-box}
@media(min-width:861px){.cs-media{width:min(100%,1137.7778px,calc((100svh - 245px) * 16 / 9));margin-inline:auto}}