:root {
  --ease-apple: cubic-bezier(0.22, 1, 0.36, 1);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.steel-grid,
.blueprint-grid {
  background-image: linear-gradient(rgba(67, 183, 244, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(67, 183, 244, 0.07) 1px, transparent 1px);
  background-size: 42px 42px;
}

@media (prefers-reduced-motion: no-preference) {
  .reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 820ms var(--ease-apple), transform 820ms var(--ease-apple);
  }

  .reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .media-scale,
  .media-zoom,
  .card-media {
    transform: scale(1.035);
    transition: transform 1200ms var(--ease-apple), opacity 900ms var(--ease-apple);
  }

  .media-scale {
    transform: scale(1.04);
  }

  .reveal.is-visible .media-scale,
  .media-scale.is-visible,
  .group:hover .media-zoom,
  .group:hover .card-media {
    transform: scale(1);
  }

  .seamless-card,
  .spotlight-card,
  .innovation-card {
    opacity: 0.44;
    transform: translateY(14px);
    transition: opacity 520ms var(--ease-apple), transform 520ms var(--ease-apple), border-color 520ms ease;
  }

  .seamless-card.is-active,
  .spotlight-card.is-active,
  .innovation-card.is-active {
    opacity: 1;
    transform: translateY(0);
    border-color: rgba(67, 183, 244, 0.58);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}