.glow-neon-glow:hover {
  box-shadow: 0 0 25px 4px rgba(113, 254, 255, 0.5);
}

.checkerboard-divider {
  background-image: repeating-conic-gradient(#00696e 0 25%, #ffffff 0 50%);
  background-size: 20px 20px;
}

.skew-ribbon::after {
  content: "";
  position: absolute;
  inset: -4px -16px;
  background-color: #71feff;
  z-index: -1;
  transform: skewX(-15deg);
}

.chrome-border {
  border: 2px solid;
  border-image: linear-gradient(135deg, #e2e8f0, #ffffff, #94a3b8) 1;
}

.text-shadow-neon {
  text-shadow: 0 0 10px rgba(113, 254, 255, 0.8);
}

.overlap-grid-item {
  z-index: 10;
}
.overlap-grid-item:hover {
  z-index: 20;
}

.hero-clip {
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

.fade-swap-item {
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px) scale(0.98);
  transition: opacity 220ms ease, transform 280ms ease, visibility 0s linear 280ms, width 0s linear 280ms;
  will-change: opacity, transform, width;
}

.fade-swap-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  transition-delay: 0s, 0s, 0s;
  width: auto;
}

.fade-swap-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 0;
}

@media (max-width: 1023px) {
  .hero-clip {
    clip-path: none;
  }
  .hero-overlay {
    background-image: linear-gradient(to top, rgba(0, 105, 110, 0.9), rgba(22, 29, 29, 0.58), rgba(22, 29, 29, 0.45));
  }
}
svg.nav-inline-logo {
  height: 100px;
  margin-top: -20px;
}