:root {
    /* --nss-page-width: 1408px; */
    /* Design (Homepage v3): 1440 canvas − 2×56px gutters = 1328px content width */
    --nss-page-width: 1328px;

    --nss-bar-height: 32px;
    /* Design: 64px mobile header row (44px logo + 10px vertical padding) */
    --nss-header-height: 64px;

    @media (min-width: 990px) {
      --nss-header-height: 80px;
    }

    --nss-bar-pos: var(--nss-bar-height);
    --nss-header-pos: var(--nss-header-height);
    --nss-header-group-height: calc(var(--nss-bar-height) + var(--nss-header-height));
    --nss-header-group-pos: calc(var(--nss-bar-pos) + var(--nss-header-pos));

    --nss-sticky-atc-height: 100px;
    --nss-sticky-atc-pos: 0;

    --nss-gutter-adjust: 8px;
    --nss-mega-nav-gutter: calc((100vw - var(--nss-page-width) + (16px + var(--nss-gutter-adjust))) / 2);

    /* Fallback scrollbar width; refined precisely by JS (nss-vendors.js) */
    --nss-scrollbar-gutter: calc(100vw - 100%);

    /*
      Notes:
      These are used to determine Overlay z-index as well. In the case of
      the Mega Nav, it sends the overlay the Header Group z-index so that the
      Overlay will appear behind both the Header Group and the Mega Nav.

      These are written in the preferred layer order from lowest to highest.
    */
    --nss-z-index-header-group: 1006;
    --nss-z-index-faq-filter: 1000;
    --nss-z-index-media-nav: 1000;
    --nss-z-index-mega-nav: 1005;
    --nss-z-index-header-search: 1005;
    /* Homepage sticky CTA. Deliberately BELOW the mega nav and header group: the mobile
       menu has to cover it. Distinct from --nss-z-index-sticky-atc, which is the product
       page's sticky add-to-cart and does sit above the header. */
    --nss-z-index-sticky-cta: 1004;
    --nss-z-index-sticky-atc: 1010;
    --nss-z-index-cart: 1015;
    --nss-z-index-store-locator: 2147483637;
    --nss-z-index-address-form: 1020;
    --nss-z-index-facts-modal: 1030;
    --nss-z-index-props-video: 1030;
    --nss-z-index-advisor-card: 1040;
    --nss-z-index-advisor-bio: 1050;
    --nss-z-index-modal: 1060;

    
      --nss-color-scheme-1: var(--hx-paper-01);
    
      --nss-color-scheme-2: var(--hx-ink-02);
    
      --nss-color-scheme-3: var(--hx-green-01);
    
      --nss-color-scheme-4: var(--hx-paper-03);
    
      --nss-color-scheme-5: var(--hx-orange-01);
    
      --nss-color-scheme-6: var(--hx-red-01);
    

    /* Font Settings */
    --nss-default-font-family: 'DM Sans', sans-serif;

    --nss-h1-font-family: 'Canela', serif;
        --nss-h1-font-size: 64px;
        --nss-h1-line-height: 64px;
        --nss-h1-font-size-m: 40px;
        --nss-h1-line-height-m: 46px;
        --nss-h1-font-weight: 400;
        --nss-h1-letter-spacing: 0px;
        --nss-h1-font-style: normal;
        --nss-h1-text-transform: none;
        --nss-h2-font-family: 'Canela', serif;
        --nss-h2-font-size: 56px;
        --nss-h2-line-height: 56px;
        --nss-h2-font-size-m: 32px;
        --nss-h2-line-height-m: 38px;
        --nss-h2-font-weight: 400;
        --nss-h2-letter-spacing: 0px;
        --nss-h2-font-style: normal;
        --nss-h2-text-transform: none;
        --nss-h3-font-family: 'Canela', serif;
        --nss-h3-font-size: 48px;
        --nss-h3-line-height: 48px;
        --nss-h3-font-size-m: 28px;
        --nss-h3-line-height-m: 32px;
        --nss-h3-font-weight: 400;
        --nss-h3-letter-spacing: 0px;
        --nss-h3-font-style: normal;
        --nss-h3-text-transform: none;
        --nss-h4-font-family: 'Canela', serif;
        --nss-h4-font-size: 40px;
        --nss-h4-line-height: 40px;
        --nss-h4-font-size-m: 24px;
        --nss-h4-line-height-m: 30px;
        --nss-h4-font-weight: 400;
        --nss-h4-letter-spacing: 0px;
        --nss-h4-font-style: normal;
        --nss-h4-text-transform: none;
        --nss-h5-font-family: 'Canela', serif;
        --nss-h5-font-size: 32px;
        --nss-h5-line-height: 36px;
        --nss-h5-font-size-m: 22px;
        --nss-h5-line-height-m: 28px;
        --nss-h5-font-weight: 400;
        --nss-h5-letter-spacing: 0px;
        --nss-h5-font-style: normal;
        --nss-h5-text-transform: none;
        --nss-h6-font-family: 'Canela', serif;
        --nss-h6-font-size: 28px;
        --nss-h6-line-height: 32px;
        --nss-h6-font-size-m: 20px;
        --nss-h6-line-height-m: 24px;
        --nss-h6-font-weight: 400;
        --nss-h6-letter-spacing: 0px;
        --nss-h6-font-style: normal;
        --nss-h6-text-transform: none;
        --nss-product-name-font-family: 'Canela', serif;
        --nss-product-name-font-size: 20px;
        --nss-product-name-line-height: 26px;
        --nss-product-name-font-size-m: 16px;
        --nss-product-name-line-height-m: 20px;
        --nss-product-name-font-weight: 400;
        --nss-product-name-letter-spacing: 0px;
        --nss-product-name-font-style: normal;
        --nss-product-name-text-transform: none;
        
            --nss-cta-large-font-family: 'DM Sans', sans-serif;
          
        --nss-cta-large-font-size: 16px;
        --nss-cta-large-line-height: 20px;
        --nss-cta-large-font-size-m: 16px;
        --nss-cta-large-line-height-m: 20px;
        --nss-cta-large-font-weight: 600;
        --nss-cta-large-letter-spacing: 0px;
        --nss-cta-large-font-style: normal;
        --nss-cta-large-text-transform: none;
        
            --nss-cta-font-family: 'DM Sans', sans-serif;
          
        --nss-cta-font-size: 14px;
        --nss-cta-line-height: 18px;
        --nss-cta-font-size-m: 14px;
        --nss-cta-line-height-m: 18px;
        --nss-cta-font-weight: 600;
        --nss-cta-letter-spacing: 0px;
        --nss-cta-font-style: normal;
        --nss-cta-text-transform: none;
        
            --nss-cta-small-font-family: 'DM Sans', sans-serif;
          
        --nss-cta-small-font-size: 12px;
        --nss-cta-small-line-height: 16px;
        --nss-cta-small-font-size-m: 12px;
        --nss-cta-small-line-height-m: 16px;
        --nss-cta-small-font-weight: 600;
        --nss-cta-small-letter-spacing: 0px;
        --nss-cta-small-font-style: normal;
        --nss-cta-small-text-transform: none;
        
            --nss-body-large-font-family: 'DM Sans', sans-serif;
          
        --nss-body-large-font-size: 18px;
        --nss-body-large-line-height: 24px;
        --nss-body-large-font-size-m: 16px;
        --nss-body-large-line-height-m: 23px;
        --nss-body-large-font-weight: 500;
        --nss-body-large-letter-spacing: 0px;
        --nss-body-large-font-style: normal;
        --nss-body-large-text-transform: none;
        
            --nss-body-large-bold-font-family: 'DM Sans', sans-serif;
          
        --nss-body-large-bold-font-size: 18px;
        --nss-body-large-bold-line-height: 24px;
        --nss-body-large-bold-font-size-m: 16px;
        --nss-body-large-bold-line-height-m: 23px;
        --nss-body-large-bold-font-weight: 700;
        --nss-body-large-bold-letter-spacing: 0px;
        --nss-body-large-bold-font-style: normal;
        --nss-body-large-bold-text-transform: none;
        
            --nss-body-font-family: 'DM Sans', sans-serif;
          
        --nss-body-font-size: 16px;
        --nss-body-line-height: 24px;
        --nss-body-font-size-m: 14px;
        --nss-body-line-height-m: 20px;
        --nss-body-font-weight: 500;
        --nss-body-letter-spacing: 0px;
        --nss-body-font-style: normal;
        --nss-body-text-transform: none;
        
            --nss-body-bold-font-family: 'DM Sans', sans-serif;
          
        --nss-body-bold-font-size: 16px;
        --nss-body-bold-line-height: 24px;
        --nss-body-bold-font-size-m: 14px;
        --nss-body-bold-line-height-m: 20px;
        --nss-body-bold-font-weight: 700;
        --nss-body-bold-letter-spacing: 0px;
        --nss-body-bold-font-style: normal;
        --nss-body-bold-text-transform: none;
        
            --nss-body-small-font-family: 'DM Sans', sans-serif;
          
        --nss-body-small-font-size: 14px;
        --nss-body-small-line-height: 22px;
        --nss-body-small-font-size-m: 12px;
        --nss-body-small-line-height-m: 18px;
        --nss-body-small-font-weight: 500;
        --nss-body-small-letter-spacing: 0px;
        --nss-body-small-font-style: normal;
        --nss-body-small-text-transform: none;
        
            --nss-body-small-bold-font-family: 'DM Sans', sans-serif;
          
        --nss-body-small-bold-font-size: 14px;
        --nss-body-small-bold-line-height: 22px;
        --nss-body-small-bold-font-size-m: 12px;
        --nss-body-small-bold-line-height-m: 18px;
        --nss-body-small-bold-font-weight: 700;
        --nss-body-small-bold-letter-spacing: 0px;
        --nss-body-small-bold-font-style: normal;
        --nss-body-small-bold-text-transform: none;
        
            --nss-caption-font-family: 'DM Sans', sans-serif;
          
        --nss-caption-font-size: 12px;
        --nss-caption-line-height: 18px;
        --nss-caption-font-size-m: 11px;
        --nss-caption-line-height-m: 14px;
        --nss-caption-font-weight: 500;
        --nss-caption-letter-spacing: 0px;
        --nss-caption-font-style: normal;
        --nss-caption-text-transform: none;
        
            --nss-caption-bold-font-family: 'DM Sans', sans-serif;
          
        --nss-caption-bold-font-size: 12px;
        --nss-caption-bold-line-height: 18px;
        --nss-caption-bold-font-size-m: 11px;
        --nss-caption-bold-line-height-m: 14px;
        --nss-caption-bold-font-weight: 700;
        --nss-caption-bold-letter-spacing: 0px;
        --nss-caption-bold-font-style: normal;
        --nss-caption-bold-text-transform: none;
        
            --nss-atomic-font-family: 'DM Sans', sans-serif;
          
        --nss-atomic-font-size: 16px;
        --nss-atomic-line-height: 20px;
        --nss-atomic-font-size-m: 16px;
        --nss-atomic-line-height-m: 20px;
        --nss-atomic-font-weight: 400;
        --nss-atomic-letter-spacing: 0px;
        --nss-atomic-font-style: normal;
        --nss-atomic-text-transform: none;
        --nss-flex-1-font-family: 'Canela', serif;
        --nss-flex-1-font-size: 24px;
        --nss-flex-1-line-height: 28px;
        --nss-flex-1-font-size-m: 18px;
        --nss-flex-1-line-height-m: 22px;
        --nss-flex-1-font-weight: 400;
        --nss-flex-1-letter-spacing: 0px;
        --nss-flex-1-font-style: normal;
        --nss-flex-1-text-transform: none;
        --nss-flex-2-font-family: 'Canela', serif;
        --nss-flex-2-font-size: 20px;
        --nss-flex-2-line-height: 26px;
        --nss-flex-2-font-size-m: 16px;
        --nss-flex-2-line-height-m: 20px;
        --nss-flex-2-font-weight: 400;
        --nss-flex-2-letter-spacing: 0px;
        --nss-flex-2-font-style: normal;
        --nss-flex-2-text-transform: none;
        --nss-flex-3-font-family: 'Canela', serif;
        --nss-flex-3-font-size: 18px;
        --nss-flex-3-line-height: 24px;
        --nss-flex-3-font-size-m: 14px;
        --nss-flex-3-line-height-m: 18px;
        --nss-flex-3-font-weight: 400;
        --nss-flex-3-letter-spacing: 0px;
        --nss-flex-3-font-style: normal;
        --nss-flex-3-text-transform: none;
        
            --nss-flex-4-font-family: 'DM Sans', sans-serif;
          
        --nss-flex-4-font-size: 24px;
        --nss-flex-4-line-height: 24px;
        --nss-flex-4-font-size-m: 20px;
        --nss-flex-4-line-height-m: 20px;
        --nss-flex-4-font-weight: 400;
        --nss-flex-4-letter-spacing: 0px;
        --nss-flex-4-font-style: normal;
        --nss-flex-4-text-transform: none;
        
            --nss-flex-5-font-family: 'DM Sans', sans-serif;
          
        --nss-flex-5-font-size: 24px;
        --nss-flex-5-line-height: 24px;
        --nss-flex-5-font-size-m: 20px;
        --nss-flex-5-line-height-m: 20px;
        --nss-flex-5-font-weight: 400;
        --nss-flex-5-letter-spacing: 0px;
        --nss-flex-5-font-style: normal;
        --nss-flex-5-text-transform: none;
        
  }