@font-face {
  font-family: "Instrument Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"),
       url("/assets/fonts/instrument_sans/instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff");
}

      @font-face {
  font-family: "Instrument Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/instrument_sans/instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2") format("woff2"),
       url("/assets/fonts/instrument_sans/instrumentsans_n7.b9e40f166fb7639074ba34738101a9d2990bb41a.woff") format("woff");
}

      @font-face {
  font-family: "Instrument Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/assets/fonts/instrument_sans/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"),
       url("/assets/fonts/instrument_sans/instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff");
}

      @font-face {
  font-family: "Instrument Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("/assets/fonts/instrument_sans/instrumentsans_i7.d6063bb5d8f9cbf96eace9e8801697c54f363c6a.woff2") format("woff2"),
       url("/assets/fonts/instrument_sans/instrumentsans_i7.ce33afe63f8198a3ac4261b826b560103542cd36.woff") format("woff");
}

      @font-face {
  font-family: Jost;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
       url("/assets/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
}


      
        :root,
        .color-background-1 {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        

        

        --color-foreground: 0,0,0;
        --color-background-contrast: 191,191,191;
        --color-shadow: 18,18,18;
        --color-button: 0,0,0;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 0,0,0;
        --color-link: 0,0,0;
        --color-badge-foreground: 0,0,0;
        --color-badge-background: 255,255,255;
        --color-badge-border: 0,0,0;
        --payment-terms-background-color: rgb(255 255 255);
      }
      
        
        .color-background-2 {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        

        

        --color-foreground: 0,0,0;
        --color-background-contrast: 191,191,191;
        --color-shadow: 18,18,18;
        --color-button: 0,0,0;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 0,0,0;
        --color-link: 0,0,0;
        --color-badge-foreground: 0,0,0;
        --color-badge-background: 255,255,255;
        --color-badge-border: 0,0,0;
        --payment-terms-background-color: rgb(255 255 255);
      }
      
        
        .color-inverse {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        

        

        --color-foreground: 0,0,0;
        --color-background-contrast: 191,191,191;
        --color-shadow: 18,18,18;
        --color-button: 0,0,0;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 0,0,0;
        --color-link: 0,0,0;
        --color-badge-foreground: 0,0,0;
        --color-badge-background: 255,255,255;
        --color-badge-border: 0,0,0;
        --payment-terms-background-color: rgb(255 255 255);
      }
      
        
        .color-accent-1 {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        

        

        --color-foreground: 0,0,0;
        --color-background-contrast: 191,191,191;
        --color-shadow: 18,18,18;
        --color-button: 18,33,64;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 18,33,64;
        --color-link: 18,33,64;
        --color-badge-foreground: 18,33,64;
        --color-badge-background: 255,255,255;
        --color-badge-border: 18,33,64;
        --payment-terms-background-color: rgb(255 255 255);
      }
      
        
        .color-accent-2 {
          --color-background: 18,33,64;
        
          --gradient-background: #122140;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 24,43,84;
        --color-shadow: 10,22,40;
        --color-button: 255,255,255;
        --color-button-text: 18,33,64;
        --color-secondary-button: 18,33,64;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 18,33,64;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(18 33 64);
      }
      
        
        .color-accent-3 {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        

        

        --color-foreground: 18,18,18;
        --color-background-contrast: 191,191,191;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 18,18,18;
        --color-badge-background: 255,255,255;
        --color-badge-border: 18,18,18;
        --payment-terms-background-color: rgb(255 255 255);
      }
      

      body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-accent-3 {
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }

      :root {
        --font-body-family: "Instrument Sans", sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;

        --font-heading-family: Jost, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 400;

        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 2px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 4px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;

        --page-width: 140rem;
        --page-width-margin: 0rem;

        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 0.0rem;
        --product-card-text-alignment: left;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 1.0;
        --product-card-shadow-opacity: 0.0;
        --product-card-shadow-visible: 0;
        --product-card-shadow-horizontal-offset: 0.2rem;
        --product-card-shadow-vertical-offset: 0.2rem;
        --product-card-shadow-blur-radius: 0.0rem;

        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 1.0rem;
        --collection-card-text-alignment: left;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.1;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: 0.0rem;
        --collection-card-shadow-vertical-offset: 0.4rem;
        --collection-card-shadow-blur-radius: 0.5rem;

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: 0.0rem;
        --blog-card-shadow-vertical-offset: 0.4rem;
        --blog-card-shadow-blur-radius: 0.5rem;

        --badge-corner-radius: 4.0rem;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.0;
        --popup-shadow-horizontal-offset: 0px;
        --popup-shadow-vertical-offset: 4px;
        --popup-shadow-blur-radius: 5px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;

        --spacing-sections-desktop: 36px;
        --spacing-sections-mobile: 25px;

        --grid-desktop-vertical-spacing: 8px;
        --grid-desktop-horizontal-spacing: 8px;
        --grid-mobile-vertical-spacing: 4px;
        --grid-mobile-horizontal-spacing: 4px;

        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 4px;
        --text-boxes-shadow-blur-radius: 5px;

        --buttons-radius: 0px;
        --buttons-radius-outset: 0px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 1.0;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 4px;
        --buttons-shadow-blur-radius: 5px;
        --buttons-border-offset: 0px;

        --inputs-radius: 40px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 1.0;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: -12px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 41px;

        --variant-pills-radius: 40px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.55;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;
      }

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        font-size: 1.5rem;
        letter-spacing: 0.06rem;
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
      }

      @media screen and (min-width: 750px) {
        body {
          font-size: 1.6rem;
        }
      }
    


@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&display=swap');
.shopify-section:has(.ek-phases) { background: #122140 !important; }
.shopify-section:has(.ek-phases) .color-background-1,
.shopify-section:has(.ek-phases) .gradient { background: #122140 !important; }
.ek-phases {
  width: 100% !important; background: #122140 !important;
  padding: 80px 20px 90px 20px !important; overflow: hidden; position: relative;
  display: block !important; visibility: visible !important;
}
.ek-phases-header { text-align: center; margin-bottom: 60px; }
.ek-phases-header h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 38px !important; font-weight: 300 !important; letter-spacing: 3px;
  color: #ffffff !important; margin: 0 0 12px 0 !important;
}
.ek-phases-header p {
  font-size: 14px; letter-spacing: 0.15em; text-transform: uppercase;
  color: #8da0bc !important; margin: 0;
}
.ek-phases-track {
  max-width: 1200px; margin: 0 auto; position: relative;
  display: flex !important; justify-content: space-between; align-items: flex-start; padding: 0 6px;
}
.ek-phases-line {
  position: absolute; top: 28px; left: 40px; right: 40px; height: 2px;
  background: rgba(255,255,255,0.12); z-index: 0;
}
.ek-phases-line-fill {
  position: absolute; top: 28px; left: 40px; height: 2px; width: 0;
  background: linear-gradient(90deg, #8da0bc, #ffffff, #8da0bc); z-index: 1;
  animation: ekPhaseProgress 18s ease-in-out infinite;
}
@keyframes ekPhaseProgress {
  0% { width: 0%; left: 40px; }
  100% { width: calc(100% - 80px); left: 40px; }
}
.ek-phase {
  position: relative; z-index: 2; display: flex !important;
  flex-direction: column; align-items: center; flex: 1; max-width: 120px;
}
.ek-phase-dot {
  width: 48px; height: 48px; border-radius: 50%; background: #1a3055;
  border: 2px solid rgba(141,160,188,0.2); display: flex !important;
  align-items: center; justify-content: center; position: relative;
  transition: all 0.5s ease; flex-shrink: 0;
}
.ek-phase-dot svg { width: 20px; height: 20px; opacity: 0.4; stroke: white !important; fill: none !important; }
.ek-phase-1 .ek-phase-dot { animation: ekPulse 18s ease-in-out infinite; animation-delay: 0s; }
.ek-phase-2 .ek-phase-dot { animation: ekPulse 18s ease-in-out infinite; animation-delay: 2.25s; }
.ek-phase-3 .ek-phase-dot { animation: ekPulse 18s ease-in-out infinite; animation-delay: 4.5s; }
.ek-phase-4 .ek-phase-dot { animation: ekPulse 18s ease-in-out infinite; animation-delay: 6.75s; }
.ek-phase-5 .ek-phase-dot { animation: ekPulse 18s ease-in-out infinite; animation-delay: 9s; }
.ek-phase-6 .ek-phase-dot { animation: ekPulse 18s ease-in-out infinite; animation-delay: 11.25s; }
.ek-phase-7 .ek-phase-dot { animation: ekPulse 18s ease-in-out infinite; animation-delay: 13.5s; }
.ek-phase-8 .ek-phase-dot { animation: ekPulse 18s ease-in-out infinite; animation-delay: 15.75s; }
.ek-phase-1 .ek-phase-dot svg { animation: ekIconFade 18s ease-in-out infinite; animation-delay: 0s; }
.ek-phase-2 .ek-phase-dot svg { animation: ekIconFade 18s ease-in-out infinite; animation-delay: 2.25s; }
.ek-phase-3 .ek-phase-dot svg { animation: ekIconFade 18s ease-in-out infinite; animation-delay: 4.5s; }
.ek-phase-4 .ek-phase-dot svg { animation: ekIconFade 18s ease-in-out infinite; animation-delay: 6.75s; }
.ek-phase-5 .ek-phase-dot svg { animation: ekIconFade 18s ease-in-out infinite; animation-delay: 9s; }
.ek-phase-6 .ek-phase-dot svg { animation: ekIconFade 18s ease-in-out infinite; animation-delay: 11.25s; }
.ek-phase-7 .ek-phase-dot svg { animation: ekIconFade 18s ease-in-out infinite; animation-delay: 13.5s; }
.ek-phase-8 .ek-phase-dot svg { animation: ekIconFade 18s ease-in-out infinite; animation-delay: 15.75s; }
.ek-phase-1 .ek-phase-label { animation: ekLabelFade 18s ease-in-out infinite; animation-delay: 0s; }
.ek-phase-2 .ek-phase-label { animation: ekLabelFade 18s ease-in-out infinite; animation-delay: 2.25s; }
.ek-phase-3 .ek-phase-label { animation: ekLabelFade 18s ease-in-out infinite; animation-delay: 4.5s; }
.ek-phase-4 .ek-phase-label { animation: ekLabelFade 18s ease-in-out infinite; animation-delay: 6.75s; }
.ek-phase-5 .ek-phase-label { animation: ekLabelFade 18s ease-in-out infinite; animation-delay: 9s; }
.ek-phase-6 .ek-phase-label { animation: ekLabelFade 18s ease-in-out infinite; animation-delay: 11.25s; }
.ek-phase-7 .ek-phase-label { animation: ekLabelFade 18s ease-in-out infinite; animation-delay: 13.5s; }
.ek-phase-8 .ek-phase-label { animation: ekLabelFade 18s ease-in-out infinite; animation-delay: 15.75s; }
.ek-phase-1 .ek-phase-num { animation: ekNumFade 18s ease-in-out infinite; animation-delay: 0s; }
.ek-phase-2 .ek-phase-num { animation: ekNumFade 18s ease-in-out infinite; animation-delay: 2.25s; }
.ek-phase-3 .ek-phase-num { animation: ekNumFade 18s ease-in-out infinite; animation-delay: 4.5s; }
.ek-phase-4 .ek-phase-num { animation: ekNumFade 18s ease-in-out infinite; animation-delay: 6.75s; }
.ek-phase-5 .ek-phase-num { animation: ekNumFade 18s ease-in-out infinite; animation-delay: 9s; }
.ek-phase-6 .ek-phase-num { animation: ekNumFade 18s ease-in-out infinite; animation-delay: 11.25s; }
.ek-phase-7 .ek-phase-num { animation: ekNumFade 18s ease-in-out infinite; animation-delay: 13.5s; }
.ek-phase-8 .ek-phase-num { animation: ekNumFade 18s ease-in-out infinite; animation-delay: 15.75s; }
@keyframes ekPulse {
  0%, 100% { background:#1a3055; border-color:rgba(141,160,188,0.2); transform:scale(1); box-shadow:none; }
  4%, 11% { background:linear-gradient(135deg,#1a3055,#2a4068); border-color:#ffffff; transform:scale(1.12); box-shadow:0 0 20px rgba(141,160,188,0.35); }
  13% { background:#1a3055; border-color:rgba(141,160,188,0.2); transform:scale(1); box-shadow:none; }
}
@keyframes ekIconFade {
  0%, 100% { opacity: 0.4; filter: grayscale(1); }
  4%, 11% { opacity: 1; filter: grayscale(0) brightness(1.5); }
  13% { opacity: 0.4; filter: grayscale(1); }
}
@keyframes ekLabelFade {
  0%, 100% { color: #8da0bc !important; opacity: 0.6; }
  4%, 11% { color: #ffffff !important; opacity: 1; }
  13% { color: #8da0bc !important; opacity: 0.6; }
}
@keyframes ekNumFade {
  0%, 100% { color: rgba(141,160,188,0.3) !important; }
  4%, 11% { color: #ffffff !important; }
  13% { color: rgba(141,160,188,0.3) !important; }
}
.ek-phase-num {
  font-family: 'Cormorant Garamond', Georgia, serif; font-size: 10px; font-weight: 500;
  letter-spacing: 0.1em; margin-bottom: 8px; color: rgba(141,160,188,0.3); display: block;
}
.ek-phase-label {
  font-size: 10px !important; font-weight: 500; letter-spacing: 0.04em; text-align: center;
  margin-top: 10px; color: #8da0bc !important; opacity: 0.6; line-height: 1.35;
  display: block; text-transform: uppercase;
}
.ek-phases-detail { text-align: center; margin-top: 50px; padding: 0 20px; }
.ek-phases-detail p {
  font-family: 'Cormorant Garamond', Georgia, serif; font-size: 18px; font-weight: 300;
  font-style: italic; color: rgba(255,255,255,0.6) !important; max-width: 640px;
  margin: 0 auto; line-height: 1.8;
}
.ek-phases-cta {
  display: inline-block; margin-top: 28px; padding: 14px 40px;
  border: 1px solid rgba(255,255,255,0.25); color: #ffffff !important; text-decoration: none;
  font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; background: transparent;
}
.ek-phases-cta:hover { border-color: #ffffff; color: #ffffff !important; }
@media (max-width: 900px) {
  .ek-phases { padding: 50px 10px 60px 10px !important; }
  .ek-phases-header h2 { font-size: 26px; letter-spacing: 2px; }
  .ek-phases-track { flex-direction: column !important; gap: 24px; align-items: center; }
  .ek-phases-line, .ek-phases-line-fill { display: none !important; }
  .ek-phase { flex-direction: row !important; max-width: 320px; gap: 16px; }
  .ek-phase-label { text-align: left !important; margin-top: 0 !important; }
  .ek-phase-num { margin-bottom: 0 !important; }
}