/* latin */
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/courierprime/v9/u-450q2lgwslOqpF_6gQ8kELawFpWg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/courierprime/v9/u-4k0q2lgwslOqpF_6gQ8kELY7pMT-Dfqw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Dilemma;
    font-style: normal;
    font-weight: 400;
    src: url(https://superspeciosa.com/cdn/shop/files/Dilemma-SansLight.otf?v=1718382000) format('opentype');
}

@font-face {
    font-family: Dilemma;
    font-style: normal;
    font-weight: 700;
    src: url(https://superspeciosa.com/cdn/shop/files/Dilemma-SansBold.otf?v=1718382000) format('opentype');
}

@font-face {
    font-family: Dilemma;
    font-style: normal;
    font-weight: 550;
    src: url(https://superspeciosa.com/cdn/shop/files/dilemma-sans-regular.otf?v=1720027357) format('opentype');
}


@font-face {
    font-family:KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA;
    font-style: normal;
    font-weight: 550;
    src: url(../../assets/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('opentype');
}

@font-face {
    font-family:KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe;
    font-style: normal;
    font-weight: 550;
    src: url(../../assets/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('opentype');
}

@font-face {
    font-family:dilemma-sans-black;
    font-style: normal;
    font-weight: 550;
    src: url(../../assets/fonts/dilemma-sans-black.woff) format('opentype');
}

@font-face {
    font-family:DilemmaSansMediumCD ;
    font-style: normal;
    font-weight: 550;
    src: url(../../assets/fonts/DilemmaSansMediumCD.woff) format('opentype');
}

.hide-text{
  font-size: 0px;
}

  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html {
      font-size: 100%;
    }

    body {
       font-family: 'Courier Prime';
      color: #ffffff;
      background: #ffffff;
    }

    /* LOGO STRIP */
    .lp-logo-strip {
      width: 100%;
      min-height: auto;
      padding: 1rem 5%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #212c1c;
    }

    .lp-logo {
      display: block;
      width: 7rem;
      height: auto;
      object-fit: contain;
    }

    /* HERO SECTION */
    .lp-hero {
      width: 100%;
      min-height: 90vh;
      padding: 5rem 5%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;

      background:
        linear-gradient(
          rgba(0, 0, 0, 0.45),
          rgba(0, 0, 0, 0.45)
        ),
        url("../images/Desktop.png");

      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    .lp-hero-content {
      width: 100%;
          max-width: 95%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: .5rem;
    }

    .lp-hero-title {
      width: 100%;
      font-size: clamp(1.4rem, 4.2vw, 4.7rem);
      line-height: 1.15;
      font-weight: 700;
      text-align: center;
      color: #f4f1df;
       font-family: Dilemma;
    }

    .lp-hero-text {
      width: 80%;
      font-size: clamp(1rem, 2.2vw, 6.25rem);
      line-height: 1.2;
      text-align: center;
          margin-bottom: 4vh;
    }

    .lp-hero-btn {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      min-height: auto;
      padding: 0.5rem 2.5rem;
      border-radius: 0.15rem;
      background: #f4f1df;
      color: #2e2f1c;
      font-size: 1.8rem;
      font-weight: 700;
      text-decoration: none;
      text-align: center;
      transition: background 0.3s ease, color 0.3s ease;
      font-family: Dilemma;
      cursor:pointer;
    }
    
    .lp-hero-btn:hover{
         background: #8ab83f;
    }

    /* FOOTER */
    .lp-footer {
      width: 100%;
      min-height: auto;
      padding: .5rem 5%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      background: #8ab83f;
      color: #000;
       font-weight: 700;
    }

    .lp-footer a {
      color: #333333;
      font-size: 0.9rem;
      text-decoration: none;
      text-underline-offset: 0.2em;
    }

    /* TABLET */
    @media (min-width: 768px) and (max-width: 1024px) {
      .lp-logo-strip {
        min-height: 5.5rem;
      }

      .lp-logo {
        width: 10rem;
      }

      .lp-hero {
        min-height: 70vh;
        padding: 4rem 6%;
      }

      .lp-hero-content {
        max-width: 45rem;
        gap: 1.25rem;
      }

      .lp-hero-title {
        font-size: clamp(2.2rem, 4.5vw, 3.2rem);
      }

      .lp-hero-text {
        font-size: 1.1rem;
      }
    }

    /* MOBILE */
    @media (max-width: 767px) {
      .lp-logo-strip {
        min-height: 4.5rem;
        padding: 0.8rem 5%;
      }

      .lp-logo {
        width: 7rem;
      }

      .lp-hero {
        padding: 3.5rem 2%;
        background-position: center center;
      }

      .lp-hero-content {
        max-width: 100%;
        gap: 0.6rem;
      }

      .lp-hero-title {
        font-size: clamp(2.8rem, 7vw, 2.5rem);
        line-height: 1.1;
      }

      .lp-hero-text {
        font-size: 1.3rem;
        line-height: 1.25;
      }

      .lp-hero-btn {
        width: auto;
        max-width: 100%;
        padding: 0.9rem 2rem;
        font-size: 1.3rem;
      }

      .lp-footer {
        padding: .5rem 5%;
      }
    }