/* Homepage header correction: protect the lighthouse top and prevent nav compression. */
@media (min-width: 1024px) {
  .landing-hero__nav {
    min-height: 5.75rem;
    background: linear-gradient(180deg,
      color-mix(in srgb, var(--color-background) 96%, transparent) 0%,
      color-mix(in srgb, var(--color-background) 88%, transparent) 72%,
      transparent 100%);
    backdrop-filter: blur(6px);
  }

  .landing-hero__nav-inner {
    width: min(100% - 3rem, 88rem);
    min-height: 5.75rem;
    padding-block: 0.9rem;
    gap: 1.5rem;
  }

  .landing-hero__brand {
    flex: 0 1 auto;
    min-width: 0;
  }

  .landing-hero__brand-copy {
    min-width: 0;
  }

  .landing-hero__nav-links,
  .landing-hero__nav-actions {
    flex-wrap: nowrap;
    flex-shrink: 0;
  }

  .landing-hero__nav-links a,
  .landing-hero__nav-actions a,
  .landing-hero__nav-links button,
  .landing-hero__nav-actions button {
    flex-shrink: 0;
  }

  /* Keep the lighthouse lantern below the navigation band instead of behind it. */
  .landing-hero__image-wrap {
    top: 5.5rem;
  }

  .landing-hero__image {
    object-position: 72% top;
  }

  .landing-hero__content {
    padding-top: 9rem;
  }
}

/* Hide secondary legal links before the account controls get squeezed. */
@media (min-width: 1024px) and (max-width: 1180px) {
  .landing-hero__nav-links > a[href="/legal/privacy"],
  .landing-hero__nav-links > a[href="/legal/terms"] {
    display: none;
  }

  .landing-hero__nav-inner {
    width: min(100% - 2rem, 72rem);
    gap: 1rem;
  }

  .landing-hero__nav-links {
    gap: 0.9rem;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .landing-hero__nav-inner {
    width: calc(100% - 1.5rem);
    gap: 0.85rem;
  }

  .landing-hero__brand-name {
    font-size: 0.95rem;
  }

  .landing-hero__nav-links {
    gap: 0.75rem;
  }

  .landing-hero__nav-links > a[href="/legal/privacy"],
  .landing-hero__nav-links > a[href="/legal/terms"] {
    display: none;
  }
}

@media (max-width: 768px) {
  .landing-hero__nav-inner {
    width: calc(100% - 1rem);
    gap: 0.6rem;
  }

  .landing-hero__brand-mark {
    width: 2.35rem;
    height: 2.35rem;
  }

  .landing-hero__brand-name {
    font-size: 0.92rem;
  }

  .landing-hero__nav-actions {
    gap: 0.5rem;
  }
}