/* The room now lives in its own full-viewport experience. */
html:has(body.studio-only),
body.studio-only {
  height: 100%;
  overflow: hidden;
}
body.studio-only {
  --journey-opacity: 1;
  --journey-transform: translate3d(0, 0, 0);
}
body.studio-only #studio-caption {
  display: none;
}
body.studio-only:is(
    [data-mode="work"],
    [data-mode="about"],
    [data-mode="albums"]
  )
  > header.site-header {
  background: rgba(245, 245, 245, 0.8);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
body.studio-only.scroll-journey:not([data-mode="work"]):not(
    [data-mode="about"]
  ):not([data-mode="albums"])
  #room,
body.studio-only.scroll-journey:not([data-mode="work"]):not(
    [data-mode="about"]
  ):not([data-mode="albums"])
  #clear-monitor {
  transform: scale(1.04);
}
body.studio-only > footer {
  opacity: 1;
}
@media (max-width: 760px) {
  body.studio-only.scroll-journey:not([data-mode="work"]):not(
      [data-mode="about"]
    ):not([data-mode="albums"])
    #room,
  body.studio-only.scroll-journey:not([data-mode="work"]):not(
      [data-mode="about"]
    ):not([data-mode="albums"])
    #clear-monitor {
    transform: scale(1.05);
  }
  body.studio-only > footer > span:last-child {
    display: none;
  }
}