.page--light-layout {
  background: #ffffff;
}

.page--light-layout .site-header--light {
  padding: 30px 0 0;
}

.page--light-layout .site-header__inner {
  width: min(100%, 1500px);
  padding: 0;
}

.page--light-layout .site-nav__link {
  color: var(--color-text);
}

.page--light-layout .button--outline-dark {
  border-color: rgba(16, 16, 16, 0.82);
  color: var(--color-text);
  background: transparent;
}

.page--light-layout .button--outline-dark:focus-visible {
  transform: none;
  background: rgba(16, 16, 16, 0.08);
  border-color: rgba(16, 16, 16, 0.92);
}

@media (hover: hover) and (pointer: fine) {
  .page--light-layout .button--outline-dark:hover {
    transform: none;
    background: rgba(16, 16, 16, 0.08);
    border-color: rgba(16, 16, 16, 0.92);
  }
}

@media (max-width: 1200px) {
  .page--light-layout .site-header__inner {
    padding: 0;
    align-items: flex-start;
    flex-direction: column;
  }

  .page--light-layout .site-nav {
    gap: 18px 24px;
    justify-content: flex-start;
  }
}

@media (max-width: 820px) {
  .page--light-layout .site-header--light {
    padding-top: 36px;
  }
}