/* Desktop proportion hotfix for preview/production review at 100% zoom */
@media (min-width: 1024px) {
  html {
    font-size: 15px;
  }

  #root > .relative.isolate.min-h-screen {
    background-size: auto, auto, 100% 100%;
  }

  #root header.sticky {
    padding-block: 0.875rem !important;
  }

  #root main > section:first-of-type {
    padding-top: 0.5rem !important;
    padding-bottom: 4rem !important;
  }

  #root main > section:first-of-type h1 {
    max-width: 12ch;
    font-size: clamp(3.35rem, 4.1vw, 4.85rem) !important;
  }

  #root main > section:nth-of-type(2) {
    margin-top: -1rem !important;
    padding-bottom: 2.5rem !important;
  }

  #root main > section:nth-of-type(3),
  #root main > section:nth-of-type(4),
  #root main > section:nth-of-type(5),
  #root main > section:nth-of-type(6) {
    padding-block: 4rem !important;
  }

  #root main > section article,
  #root main > section a[class*="rounded-[1.5rem]"],
  #root main > section a[class*="rounded-[1.65rem]"] {
    box-shadow: 0 18px 52px rgba(0, 43, 91, 0.1) !important;
  }

  #root footer {
    padding-top: 2rem !important;
    padding-bottom: 5.5rem !important;
  }

  #root footer > div {
    max-width: 1240px !important;
    border-radius: 2rem !important;
    padding: 2rem 2rem 2.25rem !important;
    box-shadow: 0 20px 58px rgba(0, 43, 91, 0.1) !important;
  }

  #root footer > div > div {
    align-items: start !important;
    gap: 2rem !important;
  }

  #root footer > div > div > div:first-child {
    gap: 1.5rem !important;
  }

  #root footer > div > div > div:last-child {
    align-items: start !important;
    align-content: start !important;
    gap: 0.95rem !important;
  }

  #root footer > div > div > div:last-child > section {
    align-self: start !important;
    min-height: 0 !important;
    border-radius: 1.35rem !important;
    padding: 1rem 1rem 1.1rem !important;
    box-shadow: 0 12px 24px rgba(0, 43, 91, 0.06) !important;
  }

  #root footer > div > div > div:last-child > section h3 {
    margin-bottom: 0.75rem !important;
  }

  #root footer > div > div > div:last-child > section ul {
    display: grid !important;
    gap: 0.45rem !important;
  }

  #root footer > div > div > div:last-child > section li {
    min-height: 0 !important;
  }

  #root footer > div > div > div:last-child > section a {
    min-height: 0 !important;
    padding-block: 0.1rem !important;
  }
}

@media (min-width: 1440px) {
  html {
    font-size: 15.5px;
  }
}

@media (min-width: 1920px) {
  html {
    font-size: 16px;
  }
}