*[class*="cpy-"] {

  	font-family: var(--base-font-1-regular);

    --rise: calc(var(--max-font-size, 16) - var(--min-font-size, 16));
    --run: calc(var(--max-vw) - var(--min-vw));
    --slope: calc(var(--rise) / var(--run));

    --min-vw-px: calc(var(--min-vw) * 1px);
    --min-font-size-px: calc(var(--min-font-size) * 1px);

    --fluid-font-size-px:
      calc(
        var(--slope) * (100vw - var(--min-vw-px)) + var(--min-font-size-px)
      );

    --max-font-size-px: calc(var(--max-font-size) * 1px);

    font-size:
      clamp(
        var(--min-font-size-px),
        var(--fluid-font-size-px),
        var(--max-font-size-px)
      );

  }


  *[class*="cpy-"][class*="cpy-m"] {
    font-family: var(--base-font-1-medium);
  }
  
  *[class*="cpy-"][class*="cpy-b"] {
    font-family: var(--base-font-1-bold);
  }

  *[class*="cpy-"].kicker {
    text-transform: uppercase;
  }




  .cpy-30 {
    --min-font-size: 13;
    --max-font-size: 30;
  }
  
  .cpy-17 {
    --min-font-size: 13;
    --max-font-size: 17;
    line-height: 1.64705882352941176470;
  }
  
  .cpy-15 {
    --min-font-size: 13;
    --max-font-size: 15;
    line-height: 1.73333333333333333333;
  }
  
  .cpy-11 {
    --min-font-size: 11;
    --max-font-size: 11;
    line-height: 1;
  }