/* Olowo tribal mask background pattern (Studio spec) */

body.has-olowo-bg-pattern {
  position: relative;
}

.olowo-bg-pattern {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

.olowo-bg-pattern__tone {
  position: absolute;
  inset: 0;
  color: rgba(214, 211, 209, 0.8);
  transition: opacity 700ms ease;
}

.olowo-bg-pattern__corner {
  position: absolute;
  width: 380px;
  height: 500px;
  pointer-events: none;
}

.olowo-bg-pattern__corner--top-right {
  top: -3rem;
  right: -3rem;
}

.olowo-bg-pattern__corner--bottom-left {
  bottom: -3rem;
  left: -3rem;
}

.olowo-bg-pattern__corner svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .olowo-bg-pattern__corner {
    width: 480px;
    height: 640px;
  }
}

body.has-olowo-bg-pattern .pf-page {
  position: relative;
  z-index: 1;
}

body.has-olowo-bg-pattern .pf-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
}

body.has-olowo-bg-pattern .pf-mobile-nav {
  z-index: 50;
}