:root {

/* @link https://utopia.fyi/type/calculator?c=320,17,1.125,1920,18,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

  --step--2: clamp(0.6331rem, 0.8808rem + -0.2064vw, 0.8395rem);
  --step--1: clamp(0.844rem, 0.9645rem + -0.1005vw, 0.9444rem);
  --step-0: clamp(1.0625rem, 1.05rem + 0.0625vw, 1.125rem);
  --step-1: clamp(1.1953rem, 1.1345rem + 0.3043vw, 1.4996rem);
  --step-2: clamp(1.3447rem, 1.2139rem + 0.6543vw, 1.999rem);
  --step-3: clamp(1.5128rem, 1.2824rem + 1.1518vw, 2.6647rem);
  --step-4: clamp(1.7019rem, 1.3319rem + 1.8501vw, 3.552rem);
  --step-5: clamp(1.9147rem, 1.3506rem + 2.8202vw, 4.7348rem);

  --lspace-n-app: -.15rem;
  --lspace-n-s-app: -1px;
  --lspace-n-m-app: -.05rem;
  --lspace-n-l-app: -.15rem;
  --lspace-p-app:  .15rem;
  --lspace-p-s-app:  1px;
  --lspace-p-m-app:  .05rem;
  --lspace-p-l-app:  .15rem;

  --line-s-app:1.1;
  --line-m-app:1.25;
  --line-l-app:1.5;

  --border-xxs-app:0.5px;
  --border-xs-app:1px;
  --border-s-app:2px;
  --border-m-app:4px;
  --border-l-app:6px;
  --border-xl-app:8px;

  --spacer-xxs-app:0.5rem;
  --spacer-xs-app:1rem;
  --spacer-s-app:2rem;
  --spacer-m-app:4rem;
  --spacer-l-app:6rem;
  --spacer-xl-app:8rem;

  --spacer-vm-xxs-app:0.5vmin;
  --spacer-vm-xs-app:1vmin;
  --spacer-vm-s-app:2vmin;
  --spacer-vm-m-app:4vmin;
  --spacer-vm-l-app:6vmin;
  --spacer-vm-xl-app:8vmin;

  --spacer-vh-xs-app:1vh;
  --spacer-vh-s-app:2vh;
  --spacer-vh-m-app:4vh;
  --spacer-vh-l-app:6vh;
  --spacer-vh-xl-app:8vh;

  --spacer-vw-xs-app:1vw;
  --spacer-vw-s-app:2vw;
  --spacer-vw-m-app:4vw;
  --spacer-vw-l-app:6vw;
  --spacer-vw-xl-app:8vw;
  
  --text-width-s-app:60ch;
  --text-width-m-app:75ch;
  --text-width-l-app:90ch;

  --box-shadow-s-app:rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --box-shadow-m-app:rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --box-shadow-l-app:rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;

  --text-shadow-dark-app:0 2px 8px rgba(0, 0, 0, .5);
  --text-shadow-light-app:0 2px 8px rgba(255, 255, 255, .5);
}

/*This is the theme default. Update it with your brand preference*/

body {
  font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body{ background-color:#f9f9f9 }
h1,h2,h3,h4,h5,h6,h6,h6,
.u-h1,.u-h2,.u-h3,.u-h4,.u-h5,.u-h6 {
  font-family: "Antic Didone", serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: var(--lspace-n-s-app);
}

img {
  border-radius: 6px;
}



ul {
    list-style: circle;
    margin-right: 0;
    margin-top:  var(--spacer-xs-app);
    margin-bottom:  var(--spacer-s-app);

    &.u-list--none {
    /*
      font-weight: var(--regular-weight-app);
      font-variation-settings:"wght" 400;
      font-size: calc(var(--step-0) * 1.2);
      letter-spacing: var(--lspace-p-m-app);
    */
      list-style: none;
      padding-left: 0;
      margin-left: 0;
      line-height: var(--line-m-app);
      /*text-align: center;*/
      min-width: 286px;
      & li {
      margin-bottom: var(--spacer-xxs-app);
      padding-bottom: var(--spacer-xxs-app);
          & a {
              color:inherit;
          }
      }
    }
}

.c-btn {
  background-color: rgba(92, 86, 82, 1);
  border-radius: 6px;
}
.u-block--black {
  background-color: rgba(68, 64, 60, 1);
}
.u-block--white {
  background-color: inherit;
}

.c-footer__logo {
  max-width: 80px;
}