/* Consistent cream background for the entire site */
      .bg-light-beige {
        background-color: #f7f5f0;
      }

      /* Custom Font for Headings */
      .custom-font-title {
        font-family: "Montserrat", sans-serif;
        font-weight: 900;
      }

      /* Large Display Classes (Base for Desktop) */
      .custom-display-1 {
        font-size: 8vw; /* Large size for large screens */
        line-height: 0.85;
      }

      /* Specific size for count/index */
      .custom-display-3 {
        font-size: 5rem;
        font-weight: 900;
        line-height: 1;
        font-family: "Montserrat", sans-serif;
      }

      /* Custom bold separator line */
      .section-separator {
        border: none;
        height: 3px;
        background-color: #000;
        opacity: 1;
      }

      /* Utility to pull up content (DESKTOP/TABLET ONLY) */
      @media (min-width: 992px) {
        .mt-n3-lg {
          margin-top: -3rem !important; /* Apply negative margin only on large screens */
        }
        .mt-n5-lg {
          margin-top: -5rem !important; /* Apply negative margin only on large screens */
        }
        /* Custom Lg Padding - To make Lg spacing consistent with original design */
        .ps-lg-6 {
          padding-left: 7rem !important;
        }
      }

      /* RESPONSIVE Adjustments for Mobile and Tablet (<= 991.98px) */
      @media (max-width: 991.98px) {
        .custom-display-1 {
          font-size: 14vw; /* Controlled size for mobile to prevent overflow */
          line-height: 1;
        }
        /* Removed the .ps-lg-5 override as adding px-4 to parents fixes the overflow */
      }

      /* ---------- HERO TEXT ANIMATION ---------- */

      .hero-anim {
        overflow: hidden;
        text-decoration: none;
        text-transform: uppercase;
        text-shadow: 0 1em 0 #000;
      }

      .hero-anim span {
        --i: var(--char);
        transition: 300ms translate cubic-bezier(0.2, 0, 0.5, 1);
        translate: 0;
        transition-delay: calc(40ms + var(--i, 0) * 20ms);
        display: inline-block;
      }

      .hero-anim:hover span {
        translate: 0 -1em;
      }