/* Play hero only: a silent, fixed-camera day-to-night film. */
.play-timelapse .play-hero-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;opacity:0;transition:opacity .3s ease;pointer-events:none;transform:none!important;animation:none!important}
body.nio-unified #main .business-hero.play-timelapse .play-hero-video{object-fit:contain!important;object-position:center!important}
/* Match the source frame exactly: no viewport-height letterboxing or cropping. */
body.nio-unified #main .business-hero.play-timelapse{height:auto!important;min-height:0;aspect-ratio:16/9;background:#fff}
body.nio-unified #main .business-hero.play-timelapse .Hero_background__GR8tk img{object-fit:contain!important;object-position:center!important;transform:none!important;animation:none!important}
body.nio-unified #main .business-hero.play-timelapse::after{background:radial-gradient(ellipse at 50% 29%,rgba(0,0,0,.30),rgba(0,0,0,.12) 36%,transparent 70%)}
/* Keep the centered identity in the sky/sea space, clear of the court. */
body.nio-unified #main .play-timelapse .business-hero-content{--business-identity-top:10%;--business-tagline-gap:20px;--business-tagline-height:27px}
body.nio-unified #main .play-timelapse .business-hero-content .business-hero-actions{top:calc(var(--business-identity-top) + var(--business-logo-height) + var(--business-tagline-gap) + var(--business-tagline-height) + 20px)}
body.nio-unified #main .play-timelapse .business-hero-actions>a,
body.nio-unified #main .play-timelapse .business-hero-actions>a:is(:hover,:active,:focus-visible){background:transparent!important;color:#fff;border-color:currentColor;box-shadow:none;backdrop-filter:none;text-shadow:0 1px 8px rgba(0,0,0,.45)}
body.nio-unified #main .play-timelapse .business-hero-actions>a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:768px) and (max-width:1023px){
 body.nio-unified #main .play-timelapse .business-hero-content{--business-identity-top:56px;--business-logo-width:22vw;--business-tagline-gap:12px;--business-tagline-height:24px}
 body.nio-unified #main .play-timelapse .business-hero-identity .hero-business-wordmark+p{font-size:16px;line-height:24px}
 body.nio-unified #main .play-timelapse .business-hero-content .business-hero-actions{top:calc(var(--business-identity-top) + var(--business-logo-height) + var(--business-tagline-gap) + var(--business-tagline-height) + 12px)}
}
body.nio-unified #main .play-timelapse .business-hero-identity{text-align:center}
.play-timelapse .play-hero-wordmark{display:contents}
body.nio-unified #main .play-timelapse .hero-business-wordmark .play-hero-wordmark>img{display:block;width:var(--business-logo-width);height:var(--business-logo-height);max-width:100%;object-fit:contain}
body.nio-unified #main .play-timelapse .business-hero-identity .hero-business-wordmark+p{text-shadow:0 1px 8px rgba(0,0,0,.45)}
.play-timelapse[data-video-state="playing"] .play-hero-video,.play-timelapse[data-video-state="paused"] .play-hero-video{opacity:1}
.play-timelapse .play-video-toggle{position:absolute;right:28px;bottom:28px;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:11px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(0,0,0,.2);color:#fff;cursor:pointer}
.play-timelapse .play-video-toggle[hidden]{display:none}
.play-timelapse .play-video-toggle svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.play-timelapse .play-video-toggle .video-play{display:none}
.play-timelapse .play-video-toggle[data-paused="true"] .video-pause{display:none}
.play-timelapse .play-video-toggle[data-paused="true"] .video-play{display:block}
.play-timelapse .play-video-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:767px){
 /* On phones the identity precedes the complete landscape film. */
 body.nio-unified #main .business-hero.play-timelapse{display:flex;flex-direction:column;aspect-ratio:auto;padding:0!important;overflow:hidden}
 body.nio-unified #main .business-hero.play-timelapse .Hero_background__GR8tk{position:relative!important;inset:auto;order:2;flex:none;width:100%;height:auto;aspect-ratio:16/9}
 body.nio-unified #main .business-hero.play-timelapse::after{display:none}
 body.nio-unified #main .play-timelapse .business-hero-content{position:relative;inset:auto;order:1;display:flex;flex-direction:column;align-items:center;height:auto;padding:88px 24px 24px;--business-logo-width:200px}
 body.nio-unified #main .play-timelapse .business-hero-identity{position:static;width:100%;text-align:center}
 body.nio-unified #main .play-timelapse .business-hero-identity .hero-business-wordmark+p{margin:16px auto 0;min-height:0;color:#000;text-shadow:none;font-size:16px;line-height:24px}
 body.nio-unified #main .play-timelapse .business-hero-content .business-hero-actions{position:static;margin-top:20px;width:100%;justify-content:center}
 body.nio-unified #main .play-timelapse .business-hero-actions>a,
 body.nio-unified #main .play-timelapse .business-hero-actions>a:is(:hover,:active,:focus-visible){color:#000;text-shadow:none}
 body.nio-unified #main .play-timelapse .business-hero-actions>a:focus-visible{outline-color:#000}
 .play-timelapse .play-video-toggle{right:12px;top:auto;bottom:12px}
 /* The global mobile header remains legible over the white identity space. */
 body.nio-unified.detail-sports [data-mobile-header]{background:#fff!important;color:#000!important}
 body.nio-unified.detail-sports [data-mobile-header] .HeaderMain_n-header-logo__cNsZg img{filter:brightness(0)!important}
 body.nio-unified.detail-sports [data-mobile-header] .HeaderMain_n-hamburger-menu-bars__x19_T,
 body.nio-unified.detail-sports [data-mobile-header] .HeaderMain_n-hamburger-menu-bars__x19_T::before,
 body.nio-unified.detail-sports [data-mobile-header] .HeaderMain_n-hamburger-menu-bars__x19_T::after{border-color:#000!important}
}
@media(prefers-reduced-motion:reduce){.play-timelapse .play-hero-video,.play-timelapse .play-video-toggle{display:none!important;transition:none}}