/* Load AFTER style.css. Full guest scenes dissolve underneath one fixed,
   original Michael foreground. No Greek base scene remains under the scenes. */
.guest-scene .guest-frames{position:relative;isolation:isolate;aspect-ratio:4/3;mix-blend-mode:normal;overflow:hidden}
.guest-scene .guest-frames img{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:normal;filter:none}
.guest-scene .guest-frame{z-index:0;opacity:0;transition:none;mask-image:none;-webkit-mask-image:none}
.guest-scene .guest-frame.is-current{z-index:1;opacity:1}
.guest-scene .guest-frame.is-entering{z-index:2;opacity:1;transition:opacity .65s ease-in-out}
.guest-scene .guest-base{z-index:3;opacity:1;pointer-events:none;transition:none;mask-image:url('assets/host-region-mask.svg');-webkit-mask-image:url('assets/host-region-mask.svg');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
/* The foreground image is decorative. The figure retains the common alt text. */
.guest-scene .guest-pause{z-index:4}
@supports not ((mask-image:url('assets/host-region-mask.svg')) or (-webkit-mask-image:url('assets/host-region-mask.svg'))){.guest-scene .guest-base{display:none}}
@media(prefers-reduced-motion:reduce){.guest-scene .guest-frame.is-entering{transition:none}}

/* D86: each complete guest scene has its own irregular transparent outline. */
.guest-scene .guest-frame{mask-image:var(--cutout);-webkit-mask-image:var(--cutout);mask-mode:alpha;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
