h1,
h2,
h3,
h4 {
  font-family: var(--ff-regular);
  font-weight: 400;
  line-height: 1.2;
  font-size: var(--fs-300);
}

h2 {
  font-family: var(--ff-demi);
  font-weight: 600;
}

h3 {
  color: var(--gray);
}

p {
  font-size: clamp(var(--fs-400), 3vw, var(--fs-800));
}

strong {
  font-family: var(--ff-demi);
  font-weight: 600;
}

/* Lists */

ul {
  padding-left: 0;
  /* font-size: var(--fs-400); */
  list-style: disc;
}

li {
  font-size: clamp(var(--fs-400), 3vw, var(--fs-800));
  border-bottom-width: 1px;
  border-bottom-color: var(--black);
  border-bottom-style: solid;
  padding-block: var(--s);
  &:last-child {
    border-bottom: 0;
  }
}

@media (min-width: 60rem) {
  li {
    border-bottom-width: 2px;
  }
}

@media (min-width: 100rem) {
  li {
    border-bottom-width: 3px;
  }
}

/* Links */

.container a,
.heading a {
  text-decoration: none;
  position: relative;
  color: var(--black);
  transition: color, 0.2s;
  display: inline;
  margin-right: clamp(var(--fs-400), 3vw, var(--fs-800));
}

.container a::after,
.heading a::after,
footer a:not(.social)::after {
  position: absolute;
  content: "\2197";
  transform: scale(0.75);
}

.container a:hover,
.heading a:hover,
footer a:hover {
  color: var(--gray);
}

/* Lists Extra */

.list_item_subtitle {
  display: block;
  font-size: clamp(10px, 1vw, var(--fs-400));
  margin-block: var(--s);
}

.work_client {
  display: block;
  font-size: clamp(10px, 1vw, var(--fs-300));
}
.work_category {
  display: inline-block;
  background-color: var(--midgray);
  color: var(--black);
  padding-inline: var(--s);
  padding-top: var(--s);
  padding-bottom: var(--xs);
  margin-left: var(--xs);
  line-height: 1.2;
  border-radius: 4px;
  vertical-align: baseline;
  user-select: none;
}