/* Approved 8B pixels: no colour correction, one plate-coordinate system. */
.handoff-visual-plane{display:contents}
@media(min-width:761px){
 html body[data-page=home] .handoff-visual-plane[data-native]{display:block;position:absolute;width:1808px;height:870px;transform-origin:0 0;z-index:-2}
 html body[data-page=home] .handoff-visual-plane[data-native] :is(.handoff-plate,.handoff-environment){inset:0;width:1808px;height:870px;transform:none;aspect-ratio:auto}
 html body[data-page=home] .handoff-visual-plane[data-native] .handoff-plate img{object-fit:fill}
 html body[data-page=home] .handoff-visual-plane[data-native] .environment-pauw-film{left:788px;top:40px;width:1020px;height:680px}
 html body[data-page=home] .handoff-visual-plane[data-native] .environment-treden-cascade{left:700px;top:262px;width:1080px;height:608px}
 html body[data-page=home] .handoff-visual-plane[data-native] .environment-region>:is(video,canvas.hero-render-frame){transform:translateZ(0)}
}
html body[data-page=home] .environment-pauw-film{display:block;left:43.584071%;top:4.597701%;width:56.415929%;height:78.160920%;z-index:1;overflow:hidden;mask:url('masker-pauw-film-1020x680.png') center/100% 100% no-repeat;mask-mode:luminance;-webkit-mask:url('masker-pauw-film-1020x680.png') center/100% 100% no-repeat}
html body[data-page=home] .environment-pauw-film{mask-mode:luminance}
html body[data-page=home] .environment-treden-cascade{z-index:2;mask:url('treden-mask-8b.png') center/100% 100% no-repeat;-webkit-mask:url('treden-mask-8b.png') center/100% 100% no-repeat}
html body[data-page=home] :is(.environment-pauw-film,.environment-treden-cascade)>:is(video,canvas.hero-render-frame,.media-poster){position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center;filter:none;mix-blend-mode:normal;mask:none;-webkit-mask:none;transition:none}
html body[data-page=home] .environment-pauw-film>.media-poster{z-index:0}
html body[data-page=home] .environment-pauw-film>.hero-peacock-end.media-poster{display:none}
html body[data-page=home] .environment-pauw-film>:is(video,canvas.hero-render-frame){opacity:0!important;z-index:1}
html body[data-page=home] .environment-pauw-film>:is(video,canvas.hero-render-frame).hero-peacock-once{z-index:2}
html body[data-page=home] .environment-pauw-film>:is(video,canvas.hero-render-frame):is(.nx-playing,.is-held){opacity:1!important}
html body[data-page=home] .handoff-hero[data-hero-playback=handoff] :is(video,canvas.hero-render-frame).hero-peacock-once{opacity:0!important;transition:opacity 400ms linear}
html body[data-page=home] .environment-treden-cascade>.media-poster{z-index:0}
html body[data-page=home] .environment-treden-cascade>:is(video,canvas.hero-render-frame){z-index:1}
html body[data-page=home] .hero-gem-spark .handoff-signature::after{top:var(--nx-gem-top);animation:nx-lotus-star .5s ease both}
@media(min-width:761px) and (max-width:1100px){
 html body[data-page=home] .handoff-environment{inset:auto;left:50%;top:50%;width:max(100%,207.816svh);height:auto;aspect-ratio:1808/870;transform:translate(-50%,-50%)}
 html body[data-page=home] .environment-treden-cascade{left:38.716814%;top:30.114943%;width:59.734513%;height:69.885057%}
}
@media(max-width:760px){
 html body[data-page=home] .environment-pauw-film{display:none}
 html body[data-page=home] .environment-treden-cascade{mask-image:linear-gradient(#000 80%,transparent);-webkit-mask-image:linear-gradient(#000 80%,transparent)}
 html body[data-page=home] .environment-treden-cascade>:is(video,canvas.hero-render-frame,.media-poster){object-fit:cover;object-position:85% center}
}
html.motion-paused body[data-page=home] .handoff-environment{visibility:hidden}
html.motion-paused body[data-page=home] .hero-gem-spark .handoff-signature::after{animation:none;opacity:0}
@media(prefers-reduced-motion:reduce){html body[data-page=home] .handoff-environment{visibility:hidden}html body[data-page=home] .hero-gem-spark .handoff-signature::after{animation:none;opacity:0}}

/* 9P: only hide a decoder after its exact frame has been copied successfully. */
html body[data-page=home] .handoff-hero .environment-region>video[data-render-canvas=ready]{opacity:0!important}
.hero-render-frame{pointer-events:none}
html body[data-page=home] .environment-treden-cascade>canvas.hero-render-frame{opacity:0!important}
html body[data-page=home] .environment-treden-cascade>canvas.hero-render-frame.nx-playing{opacity:1!important}
html body[data-page=home] .environment-region>canvas.hero-render-frame[hidden]{display:none!important}