/* Cinematic details belong to the banner only. */
html[data-theme] body.zj-ambient-home #siteHeader.header {background:rgba(15,23,39,.48)!important;}
html[data-theme=light] body.zj-ambient-home[data-home-nav-state=scrolled] #siteHeader.header {background:rgba(249,251,255,.74)!important;}
html[data-theme=dark] body.zj-ambient-home[data-home-nav-state=scrolled] #siteHeader.header {background:rgba(12,21,36,.74)!important;}
body.zj-ambient-home .home-ambient {height:calc(var(--home-hero-height,550px) + 70px);}
body.zj-ambient-home #banner .banner__content {bottom:100px;}
body.zj-ambient-home #banner .banner__item.is-active .banner__bg {animation:hero-drift 7s ease-out both;}
@keyframes hero-drift {from{transform:scale(1.01)}to{transform:scale(1.055)}}
.hero-kicker {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px;color:#e9eef8;font-size:11px;font-weight:650;letter-spacing:1.5px;line-height:1.4;}
.hero-brand {display:inline-flex;align-items:center;border:1px solid #ffffff38;background:#ffffff0f;border-radius:30px;padding:6px 12px;font-size:10px;letter-spacing:1.6px;}
.hero-kicker__copy {color:#d6dfeb;}
.hero-facts {display:flex;align-items:center;gap:12px;min-height:27px;margin:14px 0 15px;flex-wrap:wrap;}
.hero-rating {display:inline-flex;align-items:center;gap:8px;color:#edf0f6;font-size:12px;font-weight:600;}
.hero-rating__stars {position:relative;display:inline-block;letter-spacing:1px;font-size:17px;color:#a3a8b0;line-height:1;}
.hero-rating__stars > span {position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;color:#ffd33d;}
.hero-genre {color:#edf0f6;border:1px solid #ffffff30;background:#ffffff16;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:550;}
#banner .hero-rating[hidden],#banner .hero-genre[hidden] {display:none!important;}
body.zj-ambient-home #banner .banner__actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
body.zj-ambient-home #banner .hero-play,body.zj-ambient-home #banner .hero-more {border-radius:40px;min-height:44px;display:inline-flex;align-items:center;gap:10px;font-size:13px;padding:10px 20px;box-shadow:none;}
body.zj-ambient-home #banner .hero-play {background:#fff!important;color:#10151c!important;border:1px solid #fff;}
body.zj-ambient-home #banner .hero-more {background:#ffffff19!important;color:#fff!important;border:1px solid #ffffff50;backdrop-filter:blur(12px);}
body.zj-ambient-home #banner .hero-play svg,body.zj-ambient-home #banner .hero-more svg {width:18px;height:18px;flex:none;}
body.zj-ambient-home #banner .hero-play svg {fill:currentColor;stroke:none;}
body.zj-ambient-home #banner .hero-more svg {fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
body.zj-ambient-home #banner .hero-favorite.card-favorite-btn {position:static;transform:none;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#ffffff19;color:#fff;border:1px solid #ffffff50;backdrop-filter:blur(12px);}
body.zj-ambient-home #banner .hero-favorite svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;}
body.zj-ambient-home #banner .hero-favorite.is-active {background:#ffffff36;color:#fff;}
body.zj-ambient-home #banner .hero-favorite.is-active svg {fill:currentColor;}
body.zj-ambient-home #banner .banner__actions :focus-visible {outline:2px solid #fff;outline-offset:4px;}
@media(max-width:600px){.hero-kicker{font-size:9px;letter-spacing:1px;margin-bottom:12px;gap:8px;}.hero-brand{font-size:9px;padding:5px 9px;}.hero-facts{margin:10px 0 12px;gap:8px;}.hero-rating__stars{font-size:14px;}.hero-rating__number{font-size:10px;}body.zj-ambient-home #banner .hero-play,body.zj-ambient-home #banner .hero-more {font-size:12px;padding:10px 15px;min-height:42px;}body.zj-ambient-home #banner .hero-favorite.card-favorite-btn{width:42px;height:42px;flex-basis:42px;}}
@media(prefers-reduced-motion:reduce){body.zj-ambient-home #banner .banner__item.is-active .banner__bg{animation:none;}}

/* Homepage only: logos remain above backdrop and mask. */
#banner .banner__item { isolation:isolate; }
#banner .banner__bg { z-index:0; }
#banner .banner__mask { z-index:1; pointer-events:none; }
#banner .banner__content { z-index:2; }
#banner [data-hero-title] { position:relative; }
#banner [data-hero-title-logo] { display:none; width:auto; height:auto; max-width:min(380px,100%); max-height:110px; object-fit:contain; object-position:left center; filter:drop-shadow(0 0 1px rgba(255,255,255,.7)) drop-shadow(0 3px 12px rgba(0,0,0,.85)); }
#banner [data-hero-title].has-title-logo [data-hero-title-logo] { display:block; }
#banner [data-hero-title].has-title-logo [data-hero-title-text] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:600px) { #banner [data-hero-title-logo] { max-width:min(270px,85vw); max-height:78px; } }

/* Homepage only: logos remain above backdrop and mask. */
#banner .banner__item { isolation:isolate; }
#banner .banner__bg { z-index:0; }
#banner .banner__mask { z-index:1; pointer-events:none; }
#banner .banner__content { z-index:2; }
#banner [data-hero-title] { position:relative; }
#banner [data-hero-title-logo] { display:none; width:auto; height:auto; max-width:min(380px,100%); max-height:110px; object-fit:contain; object-position:left center; filter:drop-shadow(0 0 1px rgba(255,255,255,.7)) drop-shadow(0 3px 12px rgba(0,0,0,.85)); }
#banner [data-hero-title].has-title-logo [data-hero-title-logo] { display:block; }
#banner [data-hero-title].has-title-logo [data-hero-title-text] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(min-width:601px) { html body.zj-ambient-home #banner.banner .banner__content { bottom:80px!important; } }
@media(max-width:600px) { #banner [data-hero-title-logo] { max-width:min(270px,85vw); max-height:78px; } }

/* Homepage only: logos remain above backdrop and mask. */
#banner .banner__item { isolation:isolate; }
#banner .banner__bg { z-index:0; }
#banner .banner__mask { z-index:1; pointer-events:none; }
#banner .banner__content { z-index:2; }
#banner [data-hero-title] { position:relative; }
#banner [data-hero-title-logo] { display:none; width:auto; height:auto; max-width:min(380px,100%); max-height:110px; object-fit:contain; object-position:left center; filter:drop-shadow(0 0 1px rgba(255,255,255,.7)) drop-shadow(0 3px 12px rgba(0,0,0,.85)); }
#banner [data-hero-title].has-title-logo [data-hero-title-logo] { display:block; }
#banner [data-hero-title].has-title-logo [data-hero-title-text] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(min-width:601px) { html body.zj-ambient-home #banner.banner .banner__content { bottom:30px!important; } }
@media(max-width:600px) { #banner [data-hero-title-logo] { max-width:min(270px,85vw); max-height:78px; } }