/* The VRM renderer is transparent. Scenes sit behind it without another render pass. */
.stage[data-background="studio"], .background-preview-stage[data-background="studio"] { --interview-background-image:url('./backgrounds/studio.webp'); }
.stage[data-background="office"], .background-preview-stage[data-background="office"] { --interview-background-image:url('./backgrounds/office.svg'); }
.stage[data-background="library"], .background-preview-stage[data-background="library"] { --interview-background-image:url('./backgrounds/library.svg'); }
.stage[data-background="forest"], .background-preview-stage[data-background="forest"] { --interview-background-image:url('./backgrounds/forest.svg'); }
.stage[data-background="coast"], .background-preview-stage[data-background="coast"] { --interview-background-image:url('./backgrounds/coast.svg'); }
.stage[data-background="washitsu"], .background-preview-stage[data-background="washitsu"] { --interview-background-image:url('./backgrounds/washitsu.svg'); }
.stage[data-background="loft"], .background-preview-stage[data-background="loft"] { --interview-background-image:url('./backgrounds/loft.svg'); }
.stage[data-background="skyline"], .background-preview-stage[data-background="skyline"] { --interview-background-image:url('./backgrounds/skyline.svg'); }
.stage[data-background="orbit"], .background-preview-stage[data-background="orbit"] { --interview-background-image:url('./backgrounds/orbit.svg'); }
.stage[data-background="photo-office"], .background-preview-stage[data-background="photo-office"] { --interview-background-image:url('./backgrounds/photo-office.webp'); }
.stage[data-background="photo-garden"], .background-preview-stage[data-background="photo-garden"] { --interview-background-image:url('./backgrounds/photo-garden.webp'); }
.stage[data-background="photo-library"], .background-preview-stage[data-background="photo-library"] { --interview-background-image:url('./backgrounds/photo-library.webp'); }
.stage[data-background="render-arch"], .background-preview-stage[data-background="render-arch"] { --interview-background-image:url('./backgrounds/render-arch.webp'); }
.stage[data-background="render-gallery"], .background-preview-stage[data-background="render-gallery"] { --interview-background-image:url('./backgrounds/render-gallery.webp'); }
.stage[data-background="render-orbit"], .background-preview-stage[data-background="render-orbit"] { --interview-background-image:url('./backgrounds/render-orbit.webp'); }
.stage[data-background="photo-meeting"], .background-preview-stage[data-background="photo-meeting"] { --interview-background-image:url('./backgrounds/photo-meeting.webp'); }
.stage[data-background="photo-executive"], .background-preview-stage[data-background="photo-executive"] { --interview-background-image:url('./backgrounds/photo-executive.webp'); }
.stage[data-background="photo-open-office"], .background-preview-stage[data-background="photo-open-office"] { --interview-background-image:url('./backgrounds/photo-open-office.webp'); }
.stage[data-background="photo-reception"], .background-preview-stage[data-background="photo-reception"] { --interview-background-image:url('./backgrounds/photo-reception.webp'); }
.stage[data-background="render-boardroom"], .background-preview-stage[data-background="render-boardroom"] { --interview-background-image:url('./backgrounds/render-boardroom.webp'); }
.stage[data-background="illust-general-office"], .background-preview-stage[data-background="illust-general-office"] { --interview-background-image:url('./backgrounds/illust-general-office.webp'); }
.stage[data-background="illust-startup-office"], .background-preview-stage[data-background="illust-startup-office"] { --interview-background-image:url('./backgrounds/illust-startup-office.webp'); }
.stage[data-background="illust-consulting-room"], .background-preview-stage[data-background="illust-consulting-room"] { --interview-background-image:url('./backgrounds/illust-consulting-room.webp'); }
.stage[data-background="illust-design-studio"], .background-preview-stage[data-background="illust-design-studio"] { --interview-background-image:url('./backgrounds/illust-design-studio.webp'); }
.stage[data-background="render-cowork-office"], .background-preview-stage[data-background="render-cowork-office"] { --interview-background-image:url('./backgrounds/render-cowork-office.webp'); }
.stage[data-background="render-rd-office"], .background-preview-stage[data-background="render-rd-office"] { --interview-background-image:url('./backgrounds/render-rd-office.webp'); }
.stage[data-background="render-site-office"], .background-preview-stage[data-background="render-site-office"] { --interview-background-image:url('./backgrounds/render-site-office.webp'); }
.stage[data-background="render-japanese-office"], .background-preview-stage[data-background="render-japanese-office"] { --interview-background-image:url('./backgrounds/render-japanese-office.webp'); }
.background-preview-stage { background:radial-gradient(ellipse at 50% 43%,#e9e3f7 0%,#f5f1fb 42%,#faf9fd 78%); }
.stage[data-background]:not([data-background="studio"]),
.background-preview-stage[data-background]:not([data-background="studio"]),
body.interview-focus .interviewer-card .stage[data-background]:not([data-background="studio"]) {
  background-color:#e9e7ef;
  background-image:radial-gradient(ellipse at 50% 45%,#f7f3ff19 0%,transparent 67%),var(--interview-background-image);
  background-position:center,center;
  background-size:cover,cover;
  background-repeat:no-repeat;
}
.stage[data-background]:not([data-background="studio"]) > .stage-orb,
.stage[data-background]:not([data-background="studio"]) > .floor-ring,
.stage[data-background]:not([data-background="studio"]) > .model-note { display:none; }
/* Caption and control surfaces remain opaque enough over every scene. */
body.interview-focus:has(.stage[data-background="skyline"]) .focus-header,
body.interview-focus:has(.stage[data-background="render-orbit"]) .focus-header,
body.interview-focus:has(.stage[data-background="orbit"]) .focus-header {
  background:linear-gradient(#faf9fdf5,#faf9fde0 70%,#faf9fd00);
}
body.interview-focus:has(.stage[data-background="skyline"]) .focus-bottom,
body.interview-focus:has(.stage[data-background="render-orbit"]) .focus-bottom,
body.interview-focus:has(.stage[data-background="orbit"]) .focus-bottom {
  background:linear-gradient(#f8f6fc00,#f8f6fccf 33%,#faf9fdf7);
}