/*
 * Responsive adjustments and accessibility preferences
 */

@media (max-width: 900px) {
  .qive-hero {
    gap: 40px;
  }

  .qive-section-grid {
    gap: 38px;
  }
}

@media (max-width: 760px) {
  :root {
    --qive-page-gutter: 28px;
  }

  .qive-header {
    padding-top: 14px;
  }

  .qive-nav {
    padding: 12px 15px;
  }

  .qive-nav__links {
    gap: 14px;
  }

  .qive-nav__links li:first-child {
    display: none;
  }

  .qive-hero {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 45px;
    padding-block: 70px 55px;
  }

  .qive-hero__title {
    font-size: clamp(3.4rem, 17vw, 5.8rem);
  }

  .qive-hero-mark {
    width: min(370px, 90vw);
    justify-self: center;
  }

  .qive-section-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .qive-process__item {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .qive-footer__inner {
    flex-direction: column;
    gap: 4px;
  }
}

@media (max-width: 480px) {
  .qive-nav__links {
    gap: 11px;
  }

  .qive-nav__link {
    font-size: 0.84rem;
  }

  .qive-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .qive-button {
    width: 100%;
  }

  .qive-contact__links {
    align-items: stretch;
    flex-direction: column;
  }

  .qive-contact__link {
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .qive-has-js .qive-reveal {
    opacity: 1;
    transform: none;
  }

  .qive-hero-mark:hover .qive-hero-mark__svg,
  .qive-hero-mark:hover .qive-hero-mark__tail {
    transform: none;
  }
}