/* === Desktop Styles (min-width: 1280px) === */
@media (min-width: 1280px) {
  .fig-h1 {
    font-family: Montserrat;
    font-weight: 600; /* SemiBold */
    font-size: 84px;
    letter-spacing: 0;
    text-transform: none;
  }

  .fig-h2 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 54px;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: 122%;
  }

  .fig-h3 {
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%; /* 40px */
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .fig-h4 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .fig-h5-bold {
    font-family: Montserrat;
    font-weight: 700; /* Bold */
    font-size: 24px;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .fig-h5 {
    font-family: Montserrat;
    font-weight: 500; /* Medium */
    font-size: 23px;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .fig-subtitle {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0;
    text-transform: none;
    line-height: 125%; /* 30px */
  }

  .fig-subtitle-1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.4;
  }

  .fig-subtitle-2 {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: none;
  }

  .fig-button {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.4;
  }

  .fig-body-1 {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.4;
  }

  .fig-body-2 {
    font-family: Montserrat;
    font-weight: 400; /* Regular */
    font-size: 14.6px;
    letter-spacing: 0;
    text-transform: none;
  }
}

/* === Tablet Styles (768px - 1279px) === */
@media (min-width: 768px) and (max-width: 1279px) {
  .fig-h1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 64px;
    letter-spacing: 0;
    text-transform: none;
  }

  .fig-h2 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 44px;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: 130%
  }

  .fig-h3 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: 1.25;
  }

  .fig-h4 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 21px;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .fig-h5-bold {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .fig-h5 {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .fig-subtitle {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: none;
  }

  .fig-subtitle-1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.4;
  }

  .fig-subtitle-2 {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: none;
  }

  .fig-button {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.45;
  }

  .fig-body-1 {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.4;
  }

  .fig-body-2 {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14.6px;
    letter-spacing: 0;
    text-transform: none;
  }
}


/* === Phone Styles (max-width: 767px) === */
@media (max-width: 767px) {
  .fig-h1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 44px;
    letter-spacing: 0;
    text-transform: none;
  }

  .fig-h2 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: 125%;
  }

  .fig-h3 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 22px;
    font-size: 18px;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .fig-h4 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .fig-h5-bold {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .fig-h5 {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .fig-subtitle {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    text-transform: none;
  }

  .fig-subtitle-1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: none;
  }

  .fig-button {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none;
  }

  .fig-body-1 {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.4;
  }
}