.background{background-color:var(--color-bg);background-position:50%;background-size:cover}.lights-off{opacity:0;pointer-events:none;will-change:opacity}@media (prefers-reduced-motion:reduce){.lights-off{display:none}}.background,.lights-off{position:fixed;inset:0;overflow:hidden}.background img,.lights-off img{object-fit:cover;object-position:35% 50%;width:100%;height:100%;display:block}@media (min-aspect-ratio:4/3){.background{background-position:var(--bg-focus)}.background img,.lights-off img{object-position:var(--bg-focus);transform:scale(var(--bg-zoom));transform-origin:var(--bg-focus)}}@media (max-aspect-ratio:4/5){.background img,.lights-off img{transform:scale(var(--bg-portrait-zoom));transform-origin:var(--bg-portrait-focus)}}.hotspots{--fx:.35;--fy:.5;z-index:1;pointer-events:none;position:fixed;inset:0;container-type:size}.hotspots--below{z-index:auto}.hotspots__frame{position:absolute;inset:0}.hotspots__photo{--photo-w:max(100cqw, 100cqh * var(--photo-ar));--photo-h:max(100cqh, 100cqw / var(--photo-ar));left:calc((100cqw - var(--photo-w)) * var(--fx));top:calc((100cqh - var(--photo-h)) * var(--fy));width:var(--photo-w);height:var(--photo-h);position:absolute}@media (min-aspect-ratio:4/3){.hotspots{--fx:var(--bg-fx);--fy:var(--bg-fy)}.hotspots__frame{transform:scale(var(--bg-zoom));transform-origin:var(--bg-focus)}}@media (max-aspect-ratio:4/5){.hotspots__frame{transform:scale(var(--bg-portrait-zoom));transform-origin:var(--bg-portrait-focus)}}