/** Shopify CDN: Minification failed

Line 39:26 Unexpected "{"
Line 39:35 Expected ":"
Line 39:42 Unexpected "{"
Line 43:30 Unexpected "{"
Line 43:39 Expected ":"
Line 43:46 Unexpected "{"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:about-history (INDEX:7) */
.history-slide--hidden {
    display: none !important;
  }
  .history-tab--active {
    color: #0D5074;
    border-bottom-color: #0D5074;
  }
  .history-tab--inactive {
    color: #737373;
    border-bottom-color: #737373;
  }
/* END_SECTION:about-history */

/* START_SECTION:about-intro (INDEX:8) */
.about-intro__desc strong {
    font-weight: 600;
  }
  .about-intro__desc p + p {
    margin-top: 16px;
  }
/* END_SECTION:about-intro */

/* START_SECTION:about-products (INDEX:10) */
.about-products-overlay--{{ section.id }} {
    background: linear-gradient(180deg, rgba(8,40,58,0) 0%, rgba(8,40,58,0.72) 34%, rgba(8,40,58,0) 95%);
  }
  @media screen and (min-width: 750px) {
    .about-products-overlay--{{ section.id }} {
      background: linear-gradient(180deg, rgba(8,40,58,0) 0%, rgba(8,40,58,0.67) 39%, rgba(8,40,58,0) 95%);
    }
  }
  .product-line-tab--active {
    background: rgba(255, 255, 255, 0.70);
    outline: 1px solid white;
    outline-offset: -1px;
    color: #08283A;
  }
  .product-line-tab--inactive {
    background: rgba(255, 255, 255, 0.10);
    outline: 1px solid #E5E5E5;
    outline-offset: -1px;
    color: #E5E5E5;
  }
  .product-line-panel--hidden {
    display: none !important;
  }
  .product-line-desc--hidden {
    display: none !important;
  }
/* END_SECTION:about-products */

/* START_SECTION:about-team (INDEX:11) */
.about-team-dot--active {
    background-color: #0D5074;
    border: 1px solid #0D5074;
  }
  .about-team-dot--inactive {
    background-color: transparent;
    border: 1px solid #0D5074;
  }
/* END_SECTION:about-team */

/* START_SECTION:design-system-showcase (INDEX:29) */
.ds-showcase {
    padding: 4rem 2rem;
    max-width: 128rem;
    margin: 0 auto;
  }

  .ds-showcase__container {
    display: flex;
    flex-direction: column;
    gap: 6rem;
  }

  .ds-showcase__group {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid var(--color-neutral-200, #e5e5e5);
  }

  .ds-showcase__title {
    margin-bottom: 0.8rem;
  }

  .ds-showcase__subtitle {
    margin-bottom: 1.2rem;
    color: var(--color-neutral-600, #525252);
  }

  .ds-showcase__row {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
  }

  .ds-showcase__row--components {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4rem;
  }

  .ds-showcase__component {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    min-width: 14rem;
  }

  .ds-showcase__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.6rem;
  }

  .ds-showcase__items--column {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
  }

  .ds-showcase__labels {
    display: flex;
    gap: 2.4rem;
    font-size: 1.1rem;
    color: var(--color-neutral-500, #737373);
    font-family: 'Grift', sans-serif;
  }

  .ds-showcase__type-samples {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
  }

  .text-h7 {
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.6rem;
    letter-spacing: 0.022rem;
  }

  .text-h8 {
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.4rem;
    letter-spacing: 0.018rem;
  }
/* END_SECTION:design-system-showcase */

/* START_SECTION:pdp-similar (INDEX:52) */
.pdp-similar-slider .splide__pagination { bottom: -16px; z-index: 3; gap: 5px; }
  .pdp-similar-slider .splide__pagination__page { background-color: transparent; border: 1px solid #737373; opacity: 1; width: 8px; height: 8px; margin: 0; border-radius: 100%; }
  .pdp-similar-slider .splide__pagination__page.is-active { background-color: #737373; transform: scale(1) !important; }
  .pdp-similar-slider .splide__arrow--prev,
  .pdp-similar-slider .splide__arrow--next { border-radius: 999px; background: #fff; box-shadow: 0 11px 32px rgba(0,0,0,.04); opacity: 1; width: 36px; height: 36px; }
  .pdp-similar-slider .splide__arrow--prev { left: -16px; }
  .pdp-similar-slider .splide__arrow--next { right: -16px; }
  .pdp-similar-slider .splide__arrow svg { display: none; }
  .pdp-similar-slider .splide__arrow--prev::before { content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M1.03 7.14L6.83 1.33a.75.75 0 0 1 1.06 0l.68.68a.75.75 0 0 1 0 1.06L3.93 7.64l4.59 4.62a.75.75 0 0 1 0 1.06l-.68.68a.75.75 0 0 1-1.06 0L1.03 8.15a.75.75 0 0 1 0-1.01z" fill="%23041620"/></svg>'); position: relative; top: 3px; }
  .pdp-similar-slider .splide__arrow--next::before { content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M8.52 8.15L2.72 13.95a.75.75 0 0 1-1.06 0l-.68-.68a.75.75 0 0 1 0-1.06l4.6-4.62-4.6-4.62a.75.75 0 0 1 0-1.06l.68-.68a.75.75 0 0 1 1.06 0L8.52 7.14a.75.75 0 0 1 0 1.01z" fill="%23041620"/></svg>'); position: relative; top: 3px; }
  @media (min-width: 1024px) { .pdp-similar-slider .splide__pagination { display: none !important; } }
  @media (max-width: 1023px) { .pdp-similar-slider .splide__arrows { display: none !important; } }
/* END_SECTION:pdp-similar */

/* START_SECTION:quiz (INDEX:54) */
.quiz [hidden] { display: none !important; }
  .quiz-carousel { display: block; }
  .quiz-back { background: none; border: 0; color: #0D5074; text-decoration: underline; cursor: pointer; margin-bottom: 1rem; }

  .quiz-carousel .splide__arrow {
    top: calc(50% - 0.4rem);
    width: 3.685rem;
    height: 3.685rem;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    box-shadow: 0 1.1357rem 3.1548rem rgba(0, 0, 0, 0.04), 0 0.6498rem 1.8051rem rgba(0, 0, 0, 0.03),
      0 0.3944rem 1.0957rem rgba(0, 0, 0, 0.03), 0 0.2377rem 0.6602rem rgba(0, 0, 0, 0.02),
      0 0.1323rem 0.3676rem rgba(0, 0, 0, 0.02);
  }

  .quiz-carousel .splide__arrow--prev {
    left: -2.3rem;
  }

  .quiz-carousel .splide__arrow--next {
    right: -2.3rem;
  }

  .quiz-carousel .splide__arrow svg {
    width: 1rem;
    height: 1.6rem;
  }

  .quiz-carousel .splide__arrow:disabled {
    opacity: 0.4;
  }

  @media screen and (max-width: 989px) {
    .quiz-carousel .splide__arrows {
      display: none;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    [data-quiz-step]:not([hidden]) {
      animation: quiz-step-in 0.3s ease-out;
    }
  }

  @keyframes quiz-step-in {
    from {
      opacity: 0;
      transform: translateY(0.8rem);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  /* The design wraps text plainly (base.css sets text-wrap: pretty on every paragraph) */
  .quiz p {
    text-wrap: wrap;
  }

  /* The quiz has its own header; the design only shows the footer together with the result */
  body:has([data-quiz]) .shopify-section-group-header-group {
    display: none;
  }

  body:has([data-quiz]:not([data-view="result"])) .shopify-section-group-footer-group {
    display: none;
  }

  /*
   * Footer of the result step: same components as the global footer, laid out with the geometry of the design.
   * Scoped to the quiz page; nothing here reaches the footer of other pages.
   */
  body:has([data-quiz]) [id$="__footer-benefits"] > div {
    background-color: #041620 !important;
  }

  body:has([data-quiz]) [id$="__footer-benefits"] .divide-x > div > div {
    flex: none;
  }

  body:has([data-quiz]) [id$="__footer-benefits"] .divide-x > div:nth-child(1) > div {
    width: 18.3rem;
  }

  body:has([data-quiz]) [id$="__footer-benefits"] .divide-x > div:nth-child(2) > div {
    width: 22.5rem;
  }

  body:has([data-quiz]) [id$="__footer-benefits"] .divide-x > div:nth-child(3) > div {
    width: 24.8rem;
  }

  body:has([data-quiz]) [id$="__footer"] h3 {
    line-height: normal;
    white-space: nowrap;
  }

  body:has([data-quiz]) [id$="__footer"] li {
    font-size: 1.4rem;
    line-height: 2.1rem;
  }

  body:has([data-quiz]) [id$="__footer"] p {
    line-height: normal;
  }

  @media screen and (max-width: 989px) {
    body:has([data-quiz]) [id$="__footer"] > div > div {
      padding-top: 0;
    }

    body:has([data-quiz]) [id$="__footer"] > div > div > div {
      padding-bottom: 3rem;
    }

    body:has([data-quiz]) [id$="__footer"] p {
      padding-bottom: 1.4rem;
    }

    body:has([data-quiz]) [id$="__footer"] h3.border-t {
      padding-top: 3.4rem;
    }

    body:has([data-quiz]) [id$="__footer-bottom"] > div > div > div {
      padding-top: 2.5rem;
      padding-bottom: 2.1rem;
    }
  }

  @media screen and (min-width: 990px) {
    body:has([data-quiz]) [id$="__footer"] > div > div {
      padding-top: 2.5rem;
      padding-bottom: 1.2rem;
    }

    body:has([data-quiz]) [id$="__footer-bottom"] > div > div > div {
      padding-bottom: 2.4rem;
    }
  }

  /* Fixed widths of the mockup only fit from its own canvas width (1280px) up */
  @media screen and (min-width: 1280px) {
    body:has([data-quiz]) .shopify-section-group-footer-group {
      --section-padding-inline-desktop: 7.1rem;
    }

    body:has([data-quiz]) [id$="__footer-benefits"] {
      --section-padding-inline-desktop: 9.5rem;
    }

    body:has([data-quiz]) [id$="__footer-benefits"] .divide-x > div {
      width: 40.8rem;
      justify-content: center;
    }

    body:has([data-quiz]) [id$="__footer-benefits"] .divide-x > div:first-child,
    body:has([data-quiz]) [id$="__footer-benefits"] .divide-x > div:last-child {
      width: 35.2rem;
    }

    body:has([data-quiz]) [id$="__footer-benefits"] .divide-x > div:nth-child(1) > div {
      width: 21.7rem;
    }

    body:has([data-quiz]) [id$="__footer-newsletter"] form input[type="text"],
    body:has([data-quiz]) [id$="__footer-newsletter"] form input[type="email"] {
      flex: none;
      width: 44.7rem;
    }

    body:has([data-quiz]) [id$="__footer"] > div > div > div {
      grid-template-columns: 18.4rem 21.1rem 10.1rem 9.3rem 1fr;
    }
  }
/* END_SECTION:quiz */

/* CSS from block stylesheet tags */
/* START_BLOCK:group (INDEX:67) */
.group {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .group--horizontal {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--padding);
  }

  .group--vertical {
    flex-direction: column;
    align-items: var(--alignment);
    padding: var(--padding) 0;
  }
/* END_BLOCK:group */

/* START_BLOCK:text (INDEX:68) */
.text {
    text-align: var(--text-align);
  }
  .text--title {
    font-size: 2rem;
    font-weight: 700;
  }
  .text--subtitle {
    font-size: 1.5rem;
  }
/* END_BLOCK:text */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:image (INDEX:81) */
.image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }

  .image > img {
    width: 100%;
    height: auto;
  }
/* END_SNIPPET:image */