/* ============================================
   EDP STUDIO — PAGE TRANSITIONS
   Draw SVG Page Transition (Osmo)
   ============================================ */

.transition {
  z-index: 99999;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: clip;
}

.transition__shape {
  color: var(--orange);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.transition__svg {
  width: 160%;
  height: 160%;
  position: absolute;
  top: -30%;
  left: 0%;
}

/* Barba.js page container positioning */
[data-barba="container"] {
  position: relative;
}