/* Noble Knows global canvas-enhanced fragrance-mist transition - 20260719-1 */
.nk-page-transition {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  opacity: 1;
  pointer-events: none !important;
  user-select: none;
}

.nk-page-transition__mist {
  position: absolute;
  display: block;
  max-width: none;
  height: auto;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  opacity: 0;
  transform-origin: 0 50%;
}

.nk-page-transition__particles {
  position: absolute;
  z-index: 5;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 1;
}

/* All four sprays emerge from the middle-left, then fan out to fill the viewport. */
.nk-page-transition__mist--tan {
  z-index: 0;
  top: 50%;
  left: -7%;
  width: 205%;
  filter: brightness(0) saturate(100%) invert(69%) sepia(20%) saturate(807%) hue-rotate(351deg) brightness(91%) contrast(84%);
  transform: translate(-96%, -50%) scale(.38, .62);
}

.nk-page-transition__mist--yellow {
  z-index: 1;
  top: 22%;
  left: -10%;
  width: 178%;
  filter: brightness(0) saturate(100%) invert(87%) sepia(48%) saturate(620%) hue-rotate(350deg) brightness(101%) contrast(91%);
  transform: translate(-98%, -50%) scale(.32, .56);
}

.nk-page-transition__mist--gold {
  z-index: 3;
  top: 49%;
  left: -5%;
  width: 188%;
  filter: brightness(0) saturate(100%) invert(64%) sepia(57%) saturate(704%) hue-rotate(357deg) brightness(87%) contrast(88%);
  transform: translate(-98%, -50%) scale(.30, .54);
}

.nk-page-transition__mist--champagne {
  z-index: 2;
  top: 79%;
  left: -11%;
  width: 182%;
  filter: brightness(0) saturate(100%) invert(82%) sepia(28%) saturate(722%) hue-rotate(350deg) brightness(97%) contrast(91%);
  transform: translate(-97%, -50%) scale(.34, .58);
}

.nk-page-transition.is-active,
.nk-page-transition.is-arriving {
  visibility: visible;
}

.nk-page-transition.is-arriving .nk-page-transition__mist {
  opacity: 0 !important;
  animation: none !important;
}

.nk-page-transition.is-active .nk-page-transition__mist--tan {
  animation: nk-mist-tan-sweep 1180ms cubic-bezier(.18, .68, .2, 1) both;
}

.nk-page-transition.is-active .nk-page-transition__mist--yellow {
  animation: nk-mist-yellow-sweep 1120ms 45ms cubic-bezier(.2, .7, .22, 1) both;
}

.nk-page-transition.is-active .nk-page-transition__mist--gold {
  animation: nk-mist-gold-sweep 1100ms 70ms cubic-bezier(.18, .72, .2, 1) both;
}

.nk-page-transition.is-active .nk-page-transition__mist--champagne {
  animation: nk-mist-champagne-sweep 1140ms 30ms cubic-bezier(.2, .68, .22, 1) both;
}

@keyframes nk-mist-tan-sweep {
  0% {
    opacity: 0;
    transform: translate(-96%, -50%) scale(.38, .62);
  }
  18% { opacity: .25; }
  48% {
    opacity: .38;
    transform: translate(-29%, -50%) scale(.92, 1.03);
  }
  72% {
    opacity: .32;
    transform: translate(-3%, -51%) scale(1.08, 1.16);
  }
  100% {
    opacity: 0;
    transform: translate(46%, -54%) scale(1.24, 1.28);
  }
}

@keyframes nk-mist-yellow-sweep {
  0% {
    opacity: 0;
    transform: translate(-98%, -50%) scale(.32, .56);
  }
  22% { opacity: .22; }
  52% {
    opacity: .34;
    transform: translate(-27%, -43%) scale(.96, 1.08);
  }
  76% {
    opacity: .27;
    transform: translate(2%, -39%) scale(1.10, 1.18);
  }
  100% {
    opacity: 0;
    transform: translate(51%, -34%) scale(1.25, 1.30);
  }
}

@keyframes nk-mist-gold-sweep {
  0% {
    opacity: 0;
    transform: translate(-98%, -50%) scale(.30, .54);
  }
  20% { opacity: .32; }
  50% {
    opacity: .48;
    transform: translate(-31%, -50%) scale(.94, 1.05);
  }
  74% {
    opacity: .40;
    transform: translate(-1%, -51%) scale(1.12, 1.18);
  }
  100% {
    opacity: 0;
    transform: translate(54%, -53%) scale(1.28, 1.32);
  }
}

@keyframes nk-mist-champagne-sweep {
  0% {
    opacity: 0;
    transform: translate(-97%, -50%) scale(.34, .58);
  }
  20% { opacity: .24; }
  50% {
    opacity: .38;
    transform: translate(-28%, -57%) scale(.95, 1.06);
  }
  74% {
    opacity: .30;
    transform: translate(1%, -61%) scale(1.10, 1.17);
  }
  100% {
    opacity: 0;
    transform: translate(49%, -67%) scale(1.25, 1.30);
  }
}

@media (max-width: 560px) {
  .nk-page-transition__mist--tan {
    top: 50%;
    left: -18%;
    width: 275%;
  }

  .nk-page-transition__mist--yellow {
    top: 18%;
    left: -24%;
    width: 250%;
  }

  .nk-page-transition__mist--gold {
    top: 49%;
    left: -20%;
    width: 270%;
  }

  .nk-page-transition__mist--champagne {
    top: 82%;
    left: -25%;
    width: 255%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nk-page-transition {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    animation: none !important;
  }

  .nk-page-transition__mist {
    animation: none !important;
  }
}

@media print {
  .nk-page-transition {
    display: none !important;
  }
}