/** Shopify CDN: Minification failed

Line 27:10 Unexpected "{"
Line 27:19 Expected ":"
Line 29:17 Expected identifier but found whitespace
Line 29:19 Unexpected "{"
Line 29:28 Expected ":"
Line 29:82 Expected ":"
Line 33:12 Unexpected "{"
Line 33:21 Expected ":"
Line 35:19 Expected identifier but found whitespace
Line 35:21 Unexpected "{"
... and 8 more hidden warnings

**/
@font-face {
  font-family: "Proxima Nova";
  src: url("/cdn/shop/files/Proxima-Nova.woff2?v=1766398621") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* =========================================================
   2. SECTION PADDING (SHOPIFY DYNAMIC)
   ========================================================= */
.section-{{ section.id }}-padding {
  
  padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}

@media screen and (min-width: 750px) {
  .section-{{ section.id }}-padding {
    
    padding-bottom: {{ section.settings.padding_bottom }}px;
  }
}

@media screen and (max-width: 749px) {
  .section-{{ section.id }}-padding {
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }
}



/* =========================================================
   3. BASE RICH TEXT SECTION
   ========================================================= */
.rich-text {
  z-index: 1;
  font-family: "Proxima Nova", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  padding: 40px 0px; 
}

/* =========================================================
   4. LAYOUT: WRAPPER & BLOCK CONTAINER
   ========================================================= */

/* Outer wrapper */
.rich-text__wrapper {
  display: flex;
  width: 100%;
  padding: 0 clamp(16px, 4vw, 48px); 
}

.rich-text:not(.rich-text--full-width) .rich-text__wrapper {
  margin: 0 auto;
}

/* Block container */
.rich-text__blocks {
  width: 100%;
  max-width: 100%;
  font-family: "Proxima Nova", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Tablet */
@media screen and (min-width: 750px) {
  .rich-text__wrapper {
    padding-left: clamp(32px, 5vw, 64px);
    padding-right: clamp(32px, 5vw, 64px);
  }

  .rich-text__wrapper--left {
    justify-content: flex-start;
  }

  .rich-text__wrapper--right {
    justify-content: flex-end;
  }
}

/* Desktop */
@media screen and (min-width: 990px) {
  .rich-text__wrapper {
    padding-left: clamp(48px, 8vw, 96px);
    padding-right: clamp(48px, 8vw, 96px);
  }
}

/* =========================================================
   5. TYPOGRAPHY & SPACING
   ========================================================= */

.rich-text__blocks * {
  overflow-wrap: break-word;
}

.rich-text__blocks > * {
  margin-top: 0;
  margin-bottom: 0;
}

.rich-text__blocks > * + a {
  margin-top: clamp(20px, 2.8vw, 32px);
}

/* H1 - Main Heading */
.rich-text__heading {
  font-family: "Proxima Nova", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #111;
  font-size: clamp(26px, 2.6vw, 38px);
  line-height: 1.2;
  letter-spacing: 0.02em;
  margin-bottom: 0.5rem;
}

/* H2 - Subheading */
.rich-text__subheading {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  text-align: center;
  color: #111;
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.5;
  margin-bottom: 0.75rem;
}

/* Paragraph text */
.rich-text__text {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  text-align: center;
  color: #333;
  margin: 0 auto 0.8rem auto;
  font-size: clamp(14px, 1.05vw, 16px);
  line-height: 1.7;
  letter-spacing: 0.01em;
}

/* =========================================================
   6. BUTTONS
   ========================================================= */

.rich-text__buttons {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
  max-width: 45rem;
  word-break: break-word;
  margin-top: 0.5rem;
}

.rich-text__buttons--multiple > * {
  flex-grow: 1;
  min-width: 14rem; 
}

.rich-text__buttons + .rich-text__buttons {
  margin-top: 1rem;
}

.rich-text__blocks.left .rich-text__buttons {
  justify-content: flex-start;
}

.rich-text__blocks.right .rich-text__buttons {
  justify-content: flex-end;
}


.rich-text__buttons .button,
.rich-text__buttons .button--secondary,
.rich-text__buttons .button--primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: clamp(190px, 16vw, 250px);
  height: clamp(44px, 4.5vh, 56px);

  border: 1px solid #022A5D;
  background: transparent;
  color: #022A5D;

  padding: clamp(10px, 1vw, 14px) clamp(18px, 2vw, 22px);
  gap: 10px;

  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: clamp(13px, 1vw, 15px);
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;

  transition: all 0.25s ease-in-out;
  opacity: 1;
  border-radius: 0; 
}


.rich-text__buttons .button:hover {
  background: #022A5D;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(2, 42, 93, 0.15);
}

/* =========================================================
   7. OPTIONAL ENTRY ANIMATION
   ========================================================= */
@media (prefers-reduced-motion: no-preference) {
  .rich-text__heading,
  .rich-text__subheading,
  .rich-text__text,
  .rich-text__buttons {
    animation: fadeSlideIn 0.6s ease-out both;
  }

  @keyframes fadeSlideIn {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}