/* Shared public-site styles (navbar, scroll reveals, section labels) */
@import url("translate.css");

.site-header .container {
  max-width: 1280px;
}

.site-header .logo {
  grid-column: 1;
}

@media (max-width: 992px) {
  .site-header .container {
    grid-template-columns: 1fr auto;
    position: relative;
  }

  .site-header .logo {
    grid-column: 1;
  }

  .site-header .nav-panel {
    grid-column: 1 / -1;
  }

  .site-header .nav-toggle {
    grid-column: 2;
    grid-row: 1;
  }
}

/* Scroll reveal (used on landing + about) */
.reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }

.section-tag {
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-secondary);
  margin-bottom: 0.75rem;
}

.section-header--gp h2 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
}