/* Manrope Font - Site-wide Application */
body,
html,
* {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* Ensure headings also use Manrope */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* Buttons and form elements */
button, input, select, textarea {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* Navigation elements */
nav, .navbar, .nav-link, .menu {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* --- Giant brand band (bottom banner) --- */
.zbgk-brand-container { container-type: inline-size; }
.zbgk-brand-fit { overflow: hidden; }
.zbgk-brand-text {
  --zbgk-chars: 12;
  /* Fallback: viewport-based sizing */
  font-size: clamp(2.5rem, 12vw, 18rem);
  line-height: 0.85;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
@supports (font-size: 1cqw) {
  .zbgk-brand-text {
    font-size: clamp(2.5rem, calc(100cqw / (var(--zbgk-chars) * 0.62)), 18rem);
  }
}