@media (max-width: 900px) {
  :root {
    --header-height: 110px;
  }

  .hero {
    padding: 0 16px 62px;
  }

  .logo {
    width: min(185px, 44vw);
  }
}

@media (max-width: 820px) {
  .about-grid {
    grid-template-columns: 1fr;
  }

  .scroll-nav {
    max-width: calc(100% - 24px);
    overflow-x: auto;
    justify-content: flex-start;
  }

  .scroll-nav::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 640px) {
  :root {
    --header-height: 96px;
  }

  header {
    padding: 12px 16px 14px;
  }

  .logo {
    width: min(165px, 54vw);
  }

  .hero {
    padding: 0 10px 48px;
  }

  .cta {
    min-width: 185px;
    padding: 13px 24px;
    font-size: 0.95rem;
  }

  .home-section {
    padding: 58px 20px;
  }

  .home-section:first-of-type {
    padding-top: 68px;
  }

  .section-hero {
    margin-bottom: 22px;
  }

  .title {
    font-size: clamp(2.1rem, 10vw, 3rem);
  }

  .card {
    padding: 22px;
  }

  .about-intro {
    align-items: flex-start;
  }

  .footer-links {
    gap: 14px 22px;
    font-size: 0.92rem;
  }

  .copyright {
    font-size: 0.92rem;
  }

  .cookie-scene {
    width: 120px;
    height: 120px;
  }

  .cookie {
    width: 102px;
    height: 102px;
  }
}