html { scroll-padding-top: 100px; } /* match your header height */

    .headerstrip,
    .footerstrip {
      padding-left: max(var(--bs-gutter-x), env(safe-area-inset-left));
      padding-right: max(var(--bs-gutter-x), env(safe-area-inset-right));
    }

    .container-xxl {
      max-width: 1440px; /* override Bootstrap's 1320px/1400px max */
    }
    .wireframe * { outline: 1px dashed rgba(0,0,0,.1); }

    span.sup {
      font-size: 10px!important;
      text-transform: uppercase;
      opacity: .65;
      padding-left: 1px;
    }

    span.divider {
      padding-left: 8px!important;
      padding-right: 8px;
    }

    .sec-desc p {
      margin-top: 20px;
      font-size: 11px;
      font-weight: 500;
      /* color: red; */
      text-transform: uppercase;
      background-color: #f1f1f1;
    }
    .section {
      padding-top: 75px!important;
      padding-bottom: 75px!important;
    }
    .gutters.--even {
      background-color: pink!important;
    }
    .gutters.--odd {
      background-color: lightgrey!important;
    }
    .headerstrip {
      height: 100px;
    }
    .hero {
      height: 400px;
    }

    .btn-primary {
      border-color: black!important;
      background-color: black!important;
    }
    .btn-outline-secondary {
      color: black!important;
      border-color: black!important;
      background-color: white!important;
    }

    footer .nav-link.active,
    footer .nav-link:hover.active {
      opacity: .35;
}

footer .nav-link:hover {
  opacity: .65;
}


@media (max-width: 991.98px) { /* < lg */
  /* keep navbar visible above the overlay */
  .navbar { position: sticky; top: 0; z-index: 1060; }

  /* make the collapsed area fill the screen below the navbar */
  .navbar .navbar-collapse {
    position: fixed;
    top: var(--nav-h, 56px); /* real height set by JS below */
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bs-dark); /* solid backdrop */
    overflow-y: auto;
    z-index: 1050;
    /* no padding, font-size, spacing, or colour changes */
  }

  /* optional: prevent page scroll while menu is open */
  body.nav-open { overflow: hidden; }
}