/* Keep one viewport-anchored atmosphere behind the real glass panel. */
.explorations {
  isolation: isolate;
}

html .explorations {
  background-color: var(--spirit);
  background-image: url("./dist/client/site/explorations/atmosphere.avif");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

html .explorations .explorations__background {
  display: none;
}

html .explorations .explorations__panel {
  box-shadow: none;
}

html:not(.is-safari) .explorations .explorations__panel-backdrop {
  display: none;
}

html:not(.is-safari) .explorations .explorations__panel {
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(110%);
  backdrop-filter: blur(var(--glass-blur)) saturate(110%);
}

html.is-safari .explorations .explorations__panel {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html.is-safari .explorations .explorations__panel-backdrop {
  display: block;
  position: absolute;
  inset: auto;
  max-width: none;
  object-fit: cover;
  object-position: center;
  filter: blur(var(--glass-blur)) saturate(108%);
  transform: none;
  transform-origin: 0 0;
}

html .explorations .explorations__sticky {
  z-index: 1;
}