.tlg-values {
    --val-accent: #d52b3a;
    --val-num: #111;
    --val-pre: #d52b3a;
    --val-title: #111;
    --val-desc: #222;
  }
  
  .tlg-values.has-dividers .tlg-val-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
  
  .tlg-val-list {
    display: flex;
    flex-direction: column;
    row-gap: 28px;
  }
  
  .tlg-val-row {
    display: grid;
    grid-template-columns: 120px 1.2fr 1fr;
    align-items: center;
    padding: 16px 0;
  }
  
  @media (max-width: 1024px) {
    .tlg-val-row {
      grid-template-columns: 80px 1fr;
    }
  }
  
  @media (max-width: 640px) {
    .tlg-val-row {
      grid-template-columns: 1fr;
      row-gap: 10px;
    }
  }
  
  .tlg-val-num {
    color: var(--Colour-Brand-Vibrant-Red, #D80132);
    font-family: "DM Sans";
    font-size: var(--Typography-Size-H2, 56px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 67.2px */
    letter-spacing: -2.24px;
  }
  
  .tlg-val-pre {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
  }

  
  .tlg-val-pretext {
    color: var(--Colour-Brand-Vibrant-Red, #D80132);

    /* Paragraph/XS-serif */
    font-family: "DM Serif Display" !important;
    font-size: var(--Typography-Size-Text-XS, 12px);
    font-style: italic;
    font-weight: 400;
    line-height: 100%; /* 12px */
    text-transform: uppercase;

    display: none;
  }
  
  /* Title + description */
  .tlg-val-title {
    color: var(--Text-Text-primary, #060809) !important;

    /* Heading/H3 */
    font-family: "DM Sans" !important;
    font-size: var(--Typography-Size-H3, 28px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 112% !important;
    letter-spacing: -1.12px !important;

    display: inline-block;
    --w: 400;
    --wd: 100;
    --t: 0;
    transition: letter-spacing 0.25s ease, transform 0.25s ease;
  }
  
  /* variable-font style proximity (works even without a var font) */
  .tlg-val-title {
    font-variation-settings: "wght" var(--w), "wdth" var(--wd);
  }
  
  .tlg-val-row:hover .tlg-val-title {
    letter-spacing: 0.14em;
  }
  
  .tlg-val-title.is-prox {
    transform: translateY(calc(var(--t) * -2px));
  }
  
  .tlg-val-desc p {
    color: #000;

    /* Paragraph/L */
    font-family: "DM Sans";
    font-size: var(--Typography-Size-Text-L, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  
  /* spacing tweaks when stacked on mobile */
  @media (max-width: 640px) {
    .tlg-val-main {
      order: 2;
    }
  
    .tlg-val-desc {
      order: 3;
    }
  
    .tlg-val-num {
      order: 1;
    }
  }

  @media (max-width: 767px) {
    .tlg-val-row {
        grid-template-columns: 50px 1fr;
        grid-template-rows: auto auto;
        row-gap: 10px;
        column-gap: 48px;
    }
  
    .tlg-val-num {
      grid-column: 1;
      grid-row: 1 / 3;
      align-self: start;
    }
  
    .tlg-val-main {
      grid-column: 2;
      grid-row: 1;
    }
  
    .tlg-val-desc {
      grid-column: 2;
      grid-row: 2;
    }
  }