body:has(.home-hero-final){--home-hero-ui-inline-safe:clamp(2rem, 5.5vw, 7.5rem);--home-hero-ui-group-gap:clamp(.65rem, 1.4svh, 1.25rem);--home-hero-landscape-logo-width:min(clamp(28rem, 30vw, 46rem), 42vw);--home-hero-landscape-slogan-start:min(clamp(32rem, 41vw, 72rem), 45vw);--home-hero-portrait-logo-width:clamp(13rem, 58vw, 30rem);--home-hero-portrait-header-end:max(clamp(5rem, 10svh, 8.5rem), calc(env(safe-area-inset-top) + 4.6rem))}.home-hero-final{isolation:isolate;color:#fff;background:#0755d9;min-height:max(43rem,100svh);position:relative;overflow:clip}.home-hero-final__visual,.home-hero-final__visual img{width:100%;height:100%;position:absolute;inset:0}.home-hero-final__visual img{object-fit:cover;object-position:center}.home-hero-final:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#00257c3d 0%,#0000 42%),linear-gradient(#0000 68%,#001c5733 100%);position:absolute;inset:0}.home-hero-final__logo-rail,.home-hero-final__tagline-rail{z-index:2;position:absolute}.home-hero-final__logo-rail{top:clamp(10rem,27svh,27rem);left:var(--home-hero-ui-inline-safe);width:var(--home-hero-landscape-logo-width);justify-items:center;gap:var(--home-hero-ui-group-gap);display:grid}.home-hero-final__logo{filter:drop-shadow(0 .5rem 1rem #00276433);width:100%;height:auto}.home-hero-final__genre{--home-hero-logo-clear:.05;right:0;bottom:calc(100% - var(--home-hero-landscape-logo-width) * var(--home-hero-logo-clear) + .35rem);color:var(--color-white);letter-spacing:.3em;text-align:center;text-shadow:1px 0 #001f5ab3,-1px 0 #001f5ab3,0 1px #001f5ab3,0 -1px #001f5ab3,0 0 2px #001f5acc,0 .1rem .6rem #0027648c;white-space:nowrap;margin:0;font-size:clamp(.9rem,1.3vw,1.25rem);font-weight:800;line-height:1.4;position:absolute;left:0}.home-hero-final__genre:lang(en){--home-hero-logo-clear:.024;letter-spacing:.04em}.home-hero-final__genre:is(:lang(zh-Hans),:lang(zh-Hant)){--home-hero-logo-clear:.046}.home-hero-final__logo-light{aspect-ratio:1200/480;width:100%;mask:var(--home-hero-logo-mask) center / contain no-repeat;pointer-events:none;position:absolute;top:0;left:0}@media (prefers-reduced-motion:no-preference){.home-hero-final__logo-light:after{content:"";animation:home-logo-light var(--motion-light) linear var(--motion-light-delay) 1 both;background:linear-gradient(110deg,#0000 30%,#ffffffa6 50%,#0000 70%);position:absolute;inset:0}.home-hero-final__tagline-rail,.home-hero-final__actions a{animation:home-opening var(--motion-opening) var(--motion-ease) 1 backwards}.home-hero-final__actions a:first-child{animation-delay:var(--motion-opening-step)}.home-hero-final__actions a:last-child{animation-delay:calc(2 * var(--motion-opening-step))}}@keyframes home-logo-light{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes home-opening{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-hero-final__actions{flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,1vw,.9rem);display:flex}.home-hero-final__actions a{color:#092f69;background:#fffffff0;border:1px solid #ffffffe6;border-radius:999px;justify-content:center;align-items:center;min-width:clamp(7.5rem,8vw,10rem);min-height:2.75rem;padding:.65rem 1.25rem;font-size:clamp(.95rem,1vw,1.15rem);font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 .45rem 1.2rem #0021592e}.home-hero-final__actions a:last-child:not(:first-child){color:#fff;background:#052e71b3}.home-hero-final__tagline-rail{right:var(--home-hero-ui-inline-safe);bottom:clamp(2.25rem,6.5svh,6rem);left:var(--home-hero-landscape-slogan-start);justify-items:start;display:grid}.home-hero-final__tagline-rail h1{font-family:var(--font-family-serif);letter-spacing:.04em;text-align:left;text-shadow:0 .15rem .8rem #00184cb8;margin:0;font-size:clamp(2rem,3vw,4.6rem);font-weight:500;line-height:1.12}.home-hero-final__tagline-rail h1:after{background:linear-gradient(90deg, transparent, var(--color-sun) 24%, var(--color-white));content:"";width:100%;height:2px;margin-top:.35rem;display:block}.home-hero-final__tagline-rail span{white-space:nowrap;display:inline-block}@media (orientation:landscape) and (min-aspect-ratio:4/5) and (max-height:44rem){.home-hero-final{min-height:max(30rem,100svh)}}@media (orientation:landscape) and (min-aspect-ratio:4/5){@media not all and (min-width:64rem){body:has(.home-hero-final) .site-header{padding-top:max(clamp(1rem, 2.5vw, 2rem), env(safe-area-inset-top));padding-right:max(calc(100% - var(--home-hero-ui-inline-safe) - var(--home-hero-landscape-logo-width)), env(safe-area-inset-right));padding-left:max(var(--home-hero-ui-inline-safe), env(safe-area-inset-left));justify-content:space-between}body:has(.home-hero-final) .site-header__end{flex-wrap:wrap;justify-content:flex-end}body:has(.home-hero-final) .site-brand{white-space:nowrap;flex-shrink:0}}}@media (orientation:portrait),(max-aspect-ratio:4/5){.home-hero-final__genre{bottom:calc(100% - var(--home-hero-portrait-logo-width) * var(--home-hero-logo-clear) + .35rem)}.home-hero-final{min-height:max(35.5rem,100svh)}.home-hero-final__visual img{object-position:40% 50%}.home-hero-final:after{background:linear-gradient(#00257c52 0%,#0000 27%),linear-gradient(#0000 70%,#001f5a70 100%)}.home-hero-final__tagline-rail{top:var(--home-hero-portrait-header-end);justify-items:center;padding-inline:1rem;bottom:auto;left:0;right:0}.home-hero-final__tagline-rail h1{text-align:center;padding-inline-start:.5em;font-size:clamp(1.45rem,7.2vw,3.15rem);line-height:1.1}.home-hero-final__tagline-rail span{display:block}.home-hero-final__tagline-rail h1:after{display:none}.home-hero-final__logo-rail{top:auto;right:0;bottom:max(2rem, calc(env(safe-area-inset-bottom) + 1.25rem));width:max-content;min-width:var(--home-hero-portrait-logo-width);gap:var(--home-hero-ui-group-gap);grid-template-columns:minmax(0,1fr);max-width:calc(100% - 2rem);margin-inline:auto;left:0}.home-hero-final__logo{width:var(--home-hero-portrait-logo-width);grid-area:1/1;min-width:0}.home-hero-final__logo-light{mask-image:var(--home-hero-logo-mask-portrait,var(--home-hero-logo-mask));width:min(100%, var(--home-hero-portrait-logo-width));aspect-ratio:auto;grid-area:1/1;align-self:stretch;height:auto;position:relative}.home-hero-final__actions a{min-width:clamp(6rem,29vw,7.5rem);padding-inline:clamp(.85rem,3.5vw,1.1rem)}.home-hero-final__actions{flex-wrap:wrap;grid-area:2/1;width:max-content;max-width:100%}@media (min-width:64rem){body:has(.home-hero-final){--home-hero-portrait-header-end:max(clamp(5rem, 10svh, 8.5rem), calc(env(safe-area-inset-top) + 4.6rem), 8.75rem)}}@media not all and (min-width:64rem){body:has(.home-hero-final) .site-header{padding-top:max(clamp(.75rem, 2.4vw, 1.25rem), env(safe-area-inset-top));padding-right:max(clamp(.65rem, 3.5vw, 1.25rem), env(safe-area-inset-right));padding-left:max(clamp(.65rem, 3.5vw, 1.25rem), env(safe-area-inset-left));gap:clamp(.5rem,2vw,.8rem)}body:has(.home-hero-final) .site-header__end,body:has(.home-hero-final) .site-navigation{gap:clamp(.35rem,1.8vw,.65rem)}body:has(.home-hero-final) .site-brand{font-size:clamp(.95rem,4.5vw,1.125rem)}body:has(.home-hero-final) .site-play-cta{min-width:3.25rem;padding-inline:clamp(.55rem,2.5vw,.75rem)}}}@media (orientation:portrait) and (max-height:42rem),(max-aspect-ratio:4/5) and (max-height:42rem){.home-hero-final{--home-hero-ui-group-gap:.4rem;--home-hero-portrait-logo-width:clamp(12.5rem, 55vw, 14rem)}.home-hero-final__logo-rail{bottom:max(1.5rem, calc(env(safe-area-inset-bottom) + .9rem))}.home-hero-final__actions a{padding-block:.55rem}}@media not all and (min-width:64rem){body:has(.home-hero-final) .site-header{padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) 0;pointer-events:none;justify-content:flex-end;display:flex}body:has(.home-hero-final) .site-header>.site-brand{display:none}body:has(.home-hero-final) .site-menu{--site-menu-background:var(--color-white);color:var(--color-ink)}}@media (prefers-reduced-motion:reduce){.home-hero-final *,.home-hero-final :before,.home-hero-final :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-aspect-ratio:13/20){.home-hero-final__tagline-rail{top:max(calc(env(safe-area-inset-top) + 1rem), calc(15svh - 15.8vw))}}
