@media (max-width: 767px) {
  .hero__title {
    font-size: clamp(1.75rem, 5.5vw, 4rem);
    column-gap: 0.35em;
  }

  .hero__subtitle {
    font-size: var(--text-base);
  }

  .hero__nav {
    gap: 0.65rem 1rem;
    font-size: var(--text-xs);
    padding: 0.65rem var(--container-pad);
  }

  .hero__nav-cta {
    padding: 0.45rem 1rem;
  }

  .about__gallery {
    grid-template-columns: 1fr;
  }
}

/* Футер: только узкие экраны; с 768px — три колонки как на десктопе */
@media (max-width: 767px) {
  .site-footer {
    padding-block: var(--space-xl);
  }

  .site-footer__grid {
    gap: var(--space-lg);
  }

  .site-footer__logo-wrap {
    max-width: min(260px, 88vw);
  }

  .site-footer__logo-link {
    max-width: 100%;
  }

  .site-footer__logo {
    max-width: min(220px, 88vw);
    max-height: 2.5rem;
  }

  .site-footer__tagline {
    max-width: 100%;
  }

  .site-footer__list {
    gap: var(--space-sm);
  }

  .site-footer__line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
  }

  .site-footer__icon {
    flex-shrink: 0;
  }

  .site-footer__rule {
    margin-block: var(--space-lg);
  }

  .site-footer__bar {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-sm);
  }

  .site-footer__copyright {
    font-size: var(--text-xs);
  }

  .site-footer__cta {
    align-self: flex-end;
  }
}

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

  html {
    scroll-behavior: auto;
  }

  .reveal,
  html.reveal-js .reveal:not(.visible) {
    opacity: 1 !important;
    transform: none !important;
  }

  .benefit-mini:hover .benefit-mini__inner,
  .benefit-mini:focus-within .benefit-mini__inner,
  .benefit-mini:hover .benefit-mini__icon,
  .benefit-mini:focus-within .benefit-mini__icon {
    transform: none !important;
  }
}