.uniway-bluewhite header #logo {
  position: relative;
  isolation: isolate;
  transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
  .uniway-bluewhite header #logo {
    animation: uniway-logo-arrive 650ms cubic-bezier(.16, 1, .3, 1);
    transition: transform 240ms cubic-bezier(.16, 1, .3, 1), box-shadow 240ms ease-out;
  }
  .uniway-bluewhite header #logo::after {
    content: "";
    position: absolute;
    inset: -20% auto -20% 0;
    width: 46%;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
    transform: translateX(-240%) skewX(-18deg);
    animation: uniway-logo-light-entry 1100ms 220ms cubic-bezier(.16, 1, .3, 1);
  }
  .uniway-bluewhite header #logo:focus-visible {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 7px 16px rgba(3,25,48,.16);
  }
  .uniway-bluewhite header #logo:focus-visible::after {
    animation: uniway-logo-light-feedback 750ms cubic-bezier(.16, 1, .3, 1);
  }
  @media (hover: hover) {
    .uniway-bluewhite header #logo:hover {
      transform: translateY(-2px) scale(1.02);
      box-shadow: 0 7px 16px rgba(3,25,48,.16);
    }
    .uniway-bluewhite header #logo:hover::after {
      animation: uniway-logo-light-feedback 750ms cubic-bezier(.16, 1, .3, 1);
    }
  }
  .uniway-bluewhite header #logo:active { transform: scale(.985); }
}

@keyframes uniway-logo-arrive {
  from { transform: perspective(650px) rotateY(-4deg) scale(.985); filter: brightness(1.08); }
  to { transform: none; filter: brightness(1); }
}
@keyframes uniway-logo-light-entry {
  0% { opacity: 0; transform: translateX(-240%) skewX(-18deg); }
  18% { opacity: .75; }
  100% { opacity: 0; transform: translateX(340%) skewX(-18deg); }
}
@keyframes uniway-logo-light-feedback {
  0% { opacity: 0; transform: translateX(-240%) skewX(-18deg); }
  18% { opacity: .75; }
  100% { opacity: 0; transform: translateX(340%) skewX(-18deg); }
}

@media (prefers-reduced-motion: reduce) {
  .uniway-bluewhite header #logo { animation: none; transform: none; filter: none; }
  .uniway-bluewhite header #logo::after { display: none; }
  .uniway-bluewhite header #logo:hover { filter: brightness(.98); }
}
