.jr{background:var(--color-ink);position:relative}.jr-stage{gap:2.25rem;padding:6.75rem 1.25rem 2.5rem;display:grid}.jr-media{aspect-ratio:4/3.3;background:var(--color-coal);border-radius:1.5rem;order:2;margin-inline:-1.25rem;position:relative;overflow:hidden}.jr-still{object-fit:cover;object-position:60% 62%;width:100%;height:100%}.jr-video,.jr-veil,.jr-frame,.jr-phrase-1,.jr-phrase-2,.jr-hint{display:none}@keyframes jr-pearl{0%{opacity:0;translate:0 -.3rem}40%{opacity:1}to{opacity:0;translate:0 .9rem}}.jr[data-seq]{background:var(--color-ink);height:340svh}.jr[data-seq] .jr-stage{height:100svh;min-height:0;padding:0;display:block;position:sticky;top:0;overflow:hidden}.jr[data-seq] .jr-media{aspect-ratio:auto;background:var(--color-ink);border-radius:0;margin:0;position:absolute;inset:0}.jr[data-seq] .jr-media:after{content:"";pointer-events:none;background:linear-gradient(#16120e73,#16120e1a 55%,#16120ec7);position:absolute;inset:0}.jr[data-seq] .jr-still{display:none}.jr[data-seq] .jr-frame{object-fit:cover;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.jr[data-seq] .jr-phrase{z-index:2;color:var(--color-ivory);text-shadow:0 1px 24px #00000040;position:absolute;left:max(1.25rem,5vw);right:max(1.25rem,5vw)}.jr[data-seq] .jr-phrase-1{font-family:var(--font-display);display:block;bottom:16vh}.jr[data-seq] .jr-enter-a{margin-bottom:.5rem;font-size:1.25rem;font-weight:500;line-height:1;display:block}.jr[data-seq] .jr-enter-b{letter-spacing:-.04em;font-size:min(27vw,8rem);line-height:.82;display:block}.jr[data-seq] .jr-phrase-2{opacity:0;font-family:var(--font-display);letter-spacing:-.03em;font-size:min(13vw,3.6rem);font-weight:600;line-height:.95;display:block;bottom:18vh}.jr[data-seq] .jr-phrase-3{opacity:0;text-align:left;top:auto;bottom:11vh}.jr[data-seq] .jr-title,:lang(zh) .jr[data-seq] .jr-title{font-size:min(12.5vw,3.6rem)}.jr[data-seq] .jr-sub{color:#f5efe5e6;max-width:34ch;font-size:1.0625rem}.jr[data-seq] .jr-actions{opacity:0}.jr[data-seq] .jr-phrase-3:focus-within,.jr[data-seq] .jr-phrase-3:focus-within .jr-actions{opacity:1!important;pointer-events:auto!important}.jr[data-seq] .jr-cta-primary{background:var(--color-chili);color:var(--color-ink)}.jr[data-seq] .jr-cta-secondary{color:var(--color-ivory);background:#221e1a33;border-color:#f5efe599}.jr[data-seq] .jr-bar{z-index:3;color:var(--color-ivory);justify-content:center;display:flex;position:absolute;bottom:3.5vh;left:max(1.25rem,5vw);right:max(1.25rem,5vw)}.jr[data-seq] .jr-hint{flex-direction:column;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.jr[data-seq] .jr-hint:after{content:"";background:var(--color-ivory);border-radius:50%;width:.4rem;height:.4rem;animation:1.8s ease-in-out infinite jr-pearl}.jr-skip{z-index:5;background:var(--color-ivory);color:var(--color-ink);border-radius:999px;padding:.7rem 1.1rem;position:absolute;top:5rem;left:1rem;translate:-200vw}.jr-skip:focus-visible{translate:0}.jr-phrase-3{order:1}.jr-title{font-size:clamp(3rem,13vw,5.75rem);line-height:.92}:lang(zh) .jr-title{letter-spacing:0;font-size:clamp(2.5rem,11vw,4.75rem);line-height:1.15}.jr-sub{text-wrap:balance;max-width:32ch;color:var(--color-ash);margin-top:1.1rem;font-size:1.125rem}.jr-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.jr-cta-primary{background:var(--color-chili);color:var(--color-ink)}.jr-cta-primary:hover{background:color-mix(in srgb,var(--color-chili)88%,var(--color-ivory))}.jr-cta-secondary{border-color:#f3eee740}.jr-cta-secondary:hover,.jr-cta-secondary[data-state=open]{background:#f3eee70f}.jr-bar{order:3}.jr-error{margin-top:.5rem;font-size:.875rem}@media (min-width:760px){.jr-stage{grid-template-columns:5fr 7fr;align-items:center;column-gap:3rem;min-height:min(100svh,60rem);padding:8rem 2rem 3rem}.jr-media{aspect-ratio:16/11;margin:0}.jr-bar{grid-column:2}}@media (min-width:1024px) and (hover:hover) and (prefers-reduced-motion:no-preference){.jr{background:var(--color-ink);height:360svh}.jr-stage{height:100svh;min-height:0;padding:0;display:block;position:sticky;top:0;overflow:hidden}.jr-media{aspect-ratio:auto;background:var(--color-ink);border-radius:0;position:absolute;inset:0}.jr-media:after{content:"";pointer-events:none;background:linear-gradient(#0000,#16120e8c);height:26%;position:absolute;inset:auto 0 0}.jr-still,.jr-video{object-position:50% 50%;position:absolute;inset:0}.jr-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s;display:block}.jr[data-video=ready] .jr-video{opacity:1}.jr-veil{opacity:0;pointer-events:none;display:block;position:absolute;inset:0}.jr-veil-1{opacity:1;background:radial-gradient(85% 75% at 0 100%,#16120e99,#0000 62%)}.jr-veil-2{background:radial-gradient(80% 70% at 100% 100%,#16120e85,#0000 60%)}.jr-veil-3{background:radial-gradient(68% 84% at 100% 0,#16120eb8,#0000 68%)}.jr-phrase{z-index:2;color:var(--color-ivory);text-shadow:0 1px 28px #0003;position:absolute}.jr-phrase-1{font-family:var(--font-display);display:block;bottom:17vh;left:5vw}.jr-enter-a{margin:0 0 min(.8vw,1.4vh) .4vw;font-size:min(2.4vw,4.4vh);font-weight:500;line-height:1;display:block}.jr-enter-b{letter-spacing:-.045em;font-size:min(19vw,33vh);line-height:.8;display:block}.jr-phrase-2{opacity:0;font-family:var(--font-display);letter-spacing:-.035em;text-align:right;font-size:min(7.6vw,14vh);font-weight:600;line-height:.9;display:block;bottom:19vh;right:5vw}.jr-phrase-3{opacity:0;text-align:right;width:min(40vw,38rem);top:max(15vh,6.75rem);right:5vw}.jr-title,:lang(zh) .jr-title{font-size:min(5.4vw,9.6vh)}.jr-sub{color:#f5efe5e6;margin-left:auto;font-size:min(1.25rem,2.3vh)}.jr-actions{opacity:0;justify-content:flex-end}.jr-phrase-3:focus-within,.jr-phrase-3:focus-within .jr-actions{opacity:1!important;pointer-events:auto!important}.jr-cta-primary{background:var(--color-chili);color:var(--color-ink)}.jr-cta-secondary{color:var(--color-ivory);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#221e1a33;border-color:#f5efe599}.jr-cta-secondary:hover,.jr-cta-secondary[data-state=open]{background:#f5efe529}.jr-bar{z-index:3;color:var(--color-ivory);flex-direction:column;align-items:center;gap:1rem;display:flex;position:absolute;bottom:4vh;left:5vw;right:5vw}.jr-hint{flex-direction:column;align-items:center;gap:.6rem;font-size:.8125rem;display:flex}.jr-hint:after{content:"";background:var(--color-ivory);border-radius:50%;width:.4rem;height:.4rem;animation:1.8s ease-in-out infinite jr-pearl}@keyframes jr-pearl{0%{opacity:0;translate:0 -.3rem}40%{opacity:1}to{opacity:0;translate:0 .9rem}}.jr-error{color:var(--color-ivory);background:#221e1ab3;border-radius:999px;padding:.5rem .9rem}}