:root {
  --value-sizing--sizing-64: 4rem;
  --color-shade--grey-8: #f0f0f0;
  --value-sizing--sizing-80: 5rem;
  --value-sizing--sizing-48: 3rem;
  --value-sizing--sizing-24: 1.5rem;
  --value-sizing--sizing-40: 2.5rem;
  --value-sizing--sizing-32: 2rem;
  --value-sizing--sizing-20: 1.25rem;
  --value-sizing--sizing-36: 2.25rem;
  --value-sizing--sizing-28: 1.75rem;
  --value-sizing--sizing-22: 1.375rem;
  --value-sizing--sizing-18: 1.125rem;
  --color-primary--purple-1: #3c0a64;
  --color-primary--purple-2: #7a14cb;
  --color-primary--purple-3: #b76ef1;
  --color-primary--purple-4: #f1e2fc;
  --color-shade--grey-1: #1e1e1e;
  --color-shade--grey-2: #3c3c3c;
  --color-shade--grey-3: #5a5a5a;
  --color-shade--grey-4: #787878;
  --color-shade--grey-5: #969696;
  --color-shade--grey-6: #b4b4b4;
  --color-shade--grey-7: #d2d2d2;
  --value-sizing--sizing-16: 1rem;
  --value-sizing--sizing-14: .875rem;
  --value-sizing--sizing-12: .75rem;
  --value-sizing--sizing-10: .625rem;
  --value-sizing--sizing-480: 30rem;
  --value-sizing--sizing-240: 15rem;
  --value-sizing--sizing-2: .125rem;
  --color-primary--purple-2-transparent: #7a14cb00;
  --value-sizing--sizing-640: 40rem;
  --value-sizing--sizing-320: 20rem;
  --value-sizing--sizing-400: 25rem;
  --value-sizing--sizing-200: 12.5rem;
  --value-sizing--sizing-160: 10rem;
  --value-sizing--sizing-120: 7.5rem;
  --value-sizing--sizing-8: .5rem;
  --value-sizing--sizing-6: .375rem;
  --value-sizing--sizing-1: .0625rem;
  --value-sizing--sizing-4: .25rem;
  --value-sizing--sizing-96: 6rem;
  --color-primary--purple-1-transparent: #3c0a6400;
  --color-primary--purple-3-transparent: #b76ef100;
  --color-primary--purple-4-transparent: #f1e2fc00;
  --color-shade--grey-1-transparent: #1e1e1e00;
  --color-shade--grey-2-transparent: #3c3c3c00;
  --color-shade--grey-3-transparent: #5a5a5a00;
  --color-shade--grey-4-transparent: #78787800;
  --color-shade--grey-5-transparent: #96969600;
  --color-shade--grey-6-transparent: #b4b4b400;
  --color-shade--grey-7-transparent: #d2d2d200;
  --color-shade--grey-8-transparent: #f0f0f000;
  --value-sizing--sizing-1200: 75rem;
  --value-sizing--sizing-960: 60rem;
  --value-sizing--sizing-800: 50rem;
}

body {
  padding: var(--value-sizing--sizing-64);
  background-color: var(--color-shade--grey-8);
  flex-flow: column;
  display: flex;
}

h1 {
  font-family: Telegraf, Arial, sans-serif;
  font-size: var(--value-sizing--sizing-64);
  letter-spacing: .02rem;
  margin: 0;
  font-weight: 500;
  line-height: 105%;
}

h2 {
  font-family: Telegraf, Arial, sans-serif;
  font-size: var(--value-sizing--sizing-48);
  letter-spacing: .02rem;
  margin: 0;
  font-weight: 500;
  line-height: 105%;
}

h3 {
  font-family: Telegraf, Arial, sans-serif;
  font-size: var(--value-sizing--sizing-40);
  letter-spacing: .02rem;
  margin: 0;
  font-weight: 500;
  line-height: 105%;
}

h4 {
  font-family: Telegraf, Arial, sans-serif;
  font-size: var(--value-sizing--sizing-32);
  letter-spacing: .02rem;
  margin: 0;
  font-weight: 500;
  line-height: 105%;
}

h5 {
  font-family: Telegraf, Arial, sans-serif;
  font-size: var(--value-sizing--sizing-36);
  letter-spacing: .02rem;
  margin: 0;
  font-weight: 400;
  line-height: 125%;
}

h6 {
  font-family: Telegraf, Arial, sans-serif;
  font-size: var(--value-sizing--sizing-28);
  letter-spacing: .02rem;
  margin: 0;
  font-weight: 400;
  line-height: 125%;
}

p {
  font-family: Telegraf, Arial, sans-serif;
  font-size: var(--value-sizing--sizing-22);
  letter-spacing: .02rem;
  margin: 0;
  font-weight: 400;
  line-height: 125%;
}

a {
  color: var(--color-primary--purple-1);
  font-family: Telegraf, Arial, sans-serif;
  text-decoration: underline;
}

.style-weight-semibold {
  font-weight: 600;
}

.style-weight-medium {
  font-weight: 500;
}

.style-weight-regular {
  font-weight: 400;
}

.style-color-purple-1 {
  color: var(--color-primary--purple-1);
}

.style-color-purple-2 {
  color: var(--color-primary--purple-2);
}

.style-color-purple-3 {
  color: var(--color-primary--purple-3);
}

.style-color-purple-4 {
  color: var(--color-primary--purple-4);
}

.style-color-grey-1 {
  color: var(--color-shade--grey-1);
}

.style-color-grey-2 {
  color: var(--color-shade--grey-2);
}

.style-color-grey-3 {
  color: var(--color-shade--grey-3);
}

.style-color-grey-4 {
  color: var(--color-shade--grey-4);
}

.style-color-grey-5 {
  color: var(--color-shade--grey-5);
}

.style-color-grey-6 {
  color: var(--color-shade--grey-6);
}

.style-color-grey-7 {
  color: var(--color-shade--grey-7);
}

.style-color-grey-8 {
  color: var(--color-shade--grey-8);
}

.type-body-1 {
  font-size: var(--value-sizing--sizing-22);
}

.type-body-2 {
  font-size: var(--value-sizing--sizing-18);
}

.type-body-3 {
  font-size: var(--value-sizing--sizing-14);
}

.button-1 {
  max-width: var(--value-sizing--sizing-480);
  min-width: var(--value-sizing--sizing-240);
  padding: var(--value-sizing--sizing-20) var(--value-sizing--sizing-40);
  border: var(--value-sizing--sizing-2) solid var(--color-primary--purple-2);
  border-radius: var(--value-sizing--sizing-48);
  background-color: var(--color-primary--purple-2-transparent);
  color: var(--color-primary--purple-2);
  text-align: center;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: color .4s, background-color .4s;
  display: flex;
}

.button-1:hover {
  background-color: var(--color-primary--purple-2);
  color: var(--color-shade--grey-8);
}

.button-2 {
  max-width: var(--value-sizing--sizing-400);
  min-width: var(--value-sizing--sizing-200);
  padding: var(--value-sizing--sizing-16) var(--value-sizing--sizing-32);
  border: var(--value-sizing--sizing-2) solid var(--color-primary--purple-2);
  border-radius: var(--value-sizing--sizing-48);
  background-color: var(--color-primary--purple-2-transparent);
  color: var(--color-primary--purple-2);
  text-align: center;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: color .4s, background-color .4s;
  display: flex;
}

.button-2:hover {
  background-color: var(--color-primary--purple-2);
  color: var(--color-shade--grey-8);
}

.inline-link-1 {
  grid-column-gap: var(--value-sizing--sizing-10);
  color: var(--color-primary--purple-2);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.inline-link-1:hover {
  grid-column-gap: var(--value-sizing--sizing-18);
}

.inline-link-1-image {
  width: var(--value-sizing--sizing-22);
  margin-bottom: var(--value-sizing--sizing-2);
  flex: none;
}

.inline-link-2 {
  grid-column-gap: var(--value-sizing--sizing-8);
  color: var(--color-primary--purple-2);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.inline-link-2:hover {
  grid-column-gap: var(--value-sizing--sizing-16);
}

.inline-link-2-image {
  width: var(--value-sizing--sizing-20);
  margin-bottom: var(--value-sizing--sizing-2);
  flex: none;
}

.case-study-1 {
  height: var(--value-sizing--sizing-96);
  padding: var(--value-sizing--sizing-16) var(--value-sizing--sizing-32);
  grid-column-gap: var(--value-sizing--sizing-32);
  grid-row-gap: var(--value-sizing--sizing-32);
  border: var(--value-sizing--sizing-2) solid var(--color-primary--purple-2);
  border-radius: var(--value-sizing--sizing-16);
  background-color: var(--color-primary--purple-2-transparent);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.case-study-1-image {
  width: var(--value-sizing--sizing-96);
  color: var(--color-primary--purple-2);
}

.button-3 {
  color: var(--color-primary--purple-2);
  display: none;
}

.inline-link-embedded-1 {
  grid-column-gap: var(--value-sizing--sizing-10);
  color: var(--color-primary--purple-2);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.inline-link-embedded-2 {
  grid-column-gap: var(--value-sizing--sizing-8);
  color: var(--color-primary--purple-2);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.case-study-2 {
  padding: var(--value-sizing--sizing-24);
  grid-column-gap: var(--value-sizing--sizing-24);
  grid-row-gap: var(--value-sizing--sizing-24);
  border: var(--value-sizing--sizing-1) solid var(--color-primary--purple-2);
  border-radius: var(--value-sizing--sizing-12);
  background-color: var(--color-primary--purple-2-transparent);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: none;
}

.case-study-2-image {
  width: var(--value-sizing--sizing-64);
  color: var(--color-primary--purple-2);
}

.paul-portfolio-wrapper {
  grid-column-gap: var(--value-sizing--sizing-64);
  grid-row-gap: var(--value-sizing--sizing-64);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.wrapper-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.header-logo {
  width: var(--value-sizing--sizing-200);
  color: var(--color-primary--purple-2);
  display: flex;
}

.header-buttons {
  grid-column-gap: var(--value-sizing--sizing-24);
  grid-row-gap: var(--value-sizing--sizing-24);
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper-body {
  grid-column-gap: var(--value-sizing--sizing-24);
  grid-row-gap: var(--value-sizing--sizing-24);
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.body-left-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.body-right-column {
  grid-column-gap: var(--value-sizing--sizing-48);
  grid-row-gap: var(--value-sizing--sizing-48);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.column-section-intro {
  grid-column-gap: var(--value-sizing--sizing-24);
  grid-row-gap: var(--value-sizing--sizing-24);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.column-section-copyright1 {
  grid-column-gap: var(--value-sizing--sizing-24);
  grid-row-gap: var(--value-sizing--sizing-24);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.column-section-roles, .column-section-clients {
  grid-column-gap: var(--value-sizing--sizing-12);
  grid-row-gap: var(--value-sizing--sizing-12);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.column-section-case-studies {
  grid-column-gap: var(--value-sizing--sizing-24);
  grid-row-gap: var(--value-sizing--sizing-24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.section-tiles {
  grid-column-gap: var(--value-sizing--sizing-16);
  grid-row-gap: var(--value-sizing--sizing-16);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.column-section-copyright2 {
  grid-column-gap: var(--value-sizing--sizing-24);
  grid-row-gap: var(--value-sizing--sizing-24);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: none;
}

.style-align-left {
  text-align: left;
}

.style-align-center {
  text-align: center;
}

.style-align-right {
  text-align: right;
}

.column-section-404 {
  grid-column-gap: var(--value-sizing--sizing-24);
  grid-row-gap: var(--value-sizing--sizing-24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

@media screen and (min-width: 1920px) {
  body {
    padding: var(--value-sizing--sizing-80);
    flex-flow: column;
    display: flex;
  }

  h1 {
    font-size: var(--value-sizing--sizing-80);
  }

  h2 {
    font-size: var(--value-sizing--sizing-64);
  }

  h3 {
    font-size: var(--value-sizing--sizing-48);
  }

  h4, h5 {
    font-size: var(--value-sizing--sizing-40);
  }

  h6 {
    font-size: var(--value-sizing--sizing-32);
  }

  p, .type-body-1 {
    font-size: var(--value-sizing--sizing-24);
  }

  .type-body-2 {
    font-size: var(--value-sizing--sizing-20);
  }

  .type-body-3 {
    font-size: var(--value-sizing--sizing-16);
  }

  .button-1 {
    max-width: var(--value-sizing--sizing-640);
    min-width: var(--value-sizing--sizing-320);
    padding: var(--value-sizing--sizing-24) var(--value-sizing--sizing-48);
  }

  .button-2 {
    max-width: var(--value-sizing--sizing-480);
    min-width: var(--value-sizing--sizing-240);
    padding: var(--value-sizing--sizing-20) var(--value-sizing--sizing-40);
  }

  .inline-link-1 {
    grid-column-gap: var(--value-sizing--sizing-12);
  }

  .inline-link-1:hover {
    grid-column-gap: var(--value-sizing--sizing-20);
  }

  .inline-link-1-image {
    width: var(--value-sizing--sizing-24);
  }

  .inline-link-2 {
    grid-column-gap: var(--value-sizing--sizing-10);
  }

  .inline-link-2:hover {
    grid-column-gap: var(--value-sizing--sizing-18);
  }

  .inline-link-2-image {
    width: var(--value-sizing--sizing-22);
  }

  .case-study-1 {
    height: var(--value-sizing--sizing-120);
    padding: var(--value-sizing--sizing-24) var(--value-sizing--sizing-48);
    grid-column-gap: var(--value-sizing--sizing-48);
    grid-row-gap: var(--value-sizing--sizing-48);
    border-radius: var(--value-sizing--sizing-24);
  }

  .inline-link-embedded-1 {
    grid-column-gap: var(--value-sizing--sizing-12);
  }

  .inline-link-embedded-2 {
    grid-column-gap: var(--value-sizing--sizing-10);
  }

  .paul-portfolio-wrapper {
    grid-column-gap: var(--value-sizing--sizing-80);
    grid-row-gap: var(--value-sizing--sizing-80);
  }

  .header-logo {
    width: var(--value-sizing--sizing-240);
  }

  .wrapper-body {
    grid-column-gap: var(--value-sizing--sizing-32);
    grid-row-gap: var(--value-sizing--sizing-32);
  }

  .body-right-column {
    grid-column-gap: var(--value-sizing--sizing-64);
    grid-row-gap: var(--value-sizing--sizing-64);
  }

  .column-section-intro, .column-section-copyright1 {
    grid-column-gap: var(--value-sizing--sizing-32);
    grid-row-gap: var(--value-sizing--sizing-32);
  }

  .column-section-roles, .column-section-clients {
    grid-column-gap: var(--value-sizing--sizing-16);
    grid-row-gap: var(--value-sizing--sizing-16);
  }

  .column-section-case-studies {
    grid-column-gap: var(--value-sizing--sizing-32);
    grid-row-gap: var(--value-sizing--sizing-32);
  }

  .section-tiles {
    grid-column-gap: var(--value-sizing--sizing-24);
    grid-row-gap: var(--value-sizing--sizing-24);
  }

  .column-section-copyright2, .column-section-404 {
    grid-column-gap: var(--value-sizing--sizing-32);
    grid-row-gap: var(--value-sizing--sizing-32);
  }
}

@media screen and (max-width: 991px) {
  body {
    padding: var(--value-sizing--sizing-48);
  }

  h1 {
    font-size: var(--value-sizing--sizing-48);
  }

  h2 {
    font-size: var(--value-sizing--sizing-40);
  }

  h3 {
    font-size: var(--value-sizing--sizing-32);
  }

  h4 {
    font-size: var(--value-sizing--sizing-24);
  }

  h5 {
    font-size: var(--value-sizing--sizing-32);
  }

  h6 {
    font-size: var(--value-sizing--sizing-24);
  }

  p, .type-body-1 {
    font-size: var(--value-sizing--sizing-20);
  }

  .type-body-2 {
    font-size: var(--value-sizing--sizing-16);
  }

  .type-body-3 {
    font-size: var(--value-sizing--sizing-12);
  }

  .button-1 {
    max-width: var(--value-sizing--sizing-400);
    min-width: var(--value-sizing--sizing-200);
    padding: var(--value-sizing--sizing-16) var(--value-sizing--sizing-32);
  }

  .button-2 {
    max-width: var(--value-sizing--sizing-320);
    min-width: var(--value-sizing--sizing-160);
    padding: var(--value-sizing--sizing-12) var(--value-sizing--sizing-24);
  }

  .inline-link-1 {
    grid-column-gap: var(--value-sizing--sizing-8);
  }

  .inline-link-1:hover {
    grid-column-gap: var(--value-sizing--sizing-16);
  }

  .inline-link-1-image {
    width: var(--value-sizing--sizing-20);
  }

  .inline-link-2 {
    grid-column-gap: var(--value-sizing--sizing-6);
  }

  .inline-link-2:hover {
    grid-column-gap: var(--value-sizing--sizing-14);
  }

  .inline-link-2-image {
    width: var(--value-sizing--sizing-18);
    margin-bottom: var(--value-sizing--sizing-1);
  }

  .case-study-1 {
    height: var(--value-sizing--sizing-80);
    padding: var(--value-sizing--sizing-16) var(--value-sizing--sizing-32);
    border-radius: var(--value-sizing--sizing-12);
  }

  .case-study-1-image {
    width: var(--value-sizing--sizing-64);
  }

  .inline-link-embedded-1 {
    grid-column-gap: var(--value-sizing--sizing-8);
  }

  .inline-link-embedded-2 {
    grid-column-gap: var(--value-sizing--sizing-6);
  }

  .paul-portfolio-wrapper {
    grid-column-gap: var(--value-sizing--sizing-48);
    grid-row-gap: var(--value-sizing--sizing-48);
  }

  .header-logo {
    width: var(--value-sizing--sizing-160);
  }

  .wrapper-body {
    grid-column-gap: var(--value-sizing--sizing-48);
    grid-row-gap: var(--value-sizing--sizing-48);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .body-left-column {
    justify-content: flex-start;
    align-items: stretch;
  }

  .body-right-column {
    grid-column-gap: var(--value-sizing--sizing-32);
    grid-row-gap: var(--value-sizing--sizing-32);
  }

  .column-section-intro {
    grid-column-gap: var(--value-sizing--sizing-24);
    grid-row-gap: var(--value-sizing--sizing-24);
  }

  .column-section-copyright1 {
    grid-column-gap: var(--value-sizing--sizing-16);
    grid-row-gap: var(--value-sizing--sizing-16);
    display: none;
  }

  .column-section-roles, .column-section-clients {
    grid-column-gap: var(--value-sizing--sizing-12);
    grid-row-gap: var(--value-sizing--sizing-12);
  }

  .column-section-case-studies {
    grid-column-gap: var(--value-sizing--sizing-24);
    grid-row-gap: var(--value-sizing--sizing-24);
  }

  .column-section-copyright2 {
    grid-column-gap: var(--value-sizing--sizing-16);
    grid-row-gap: var(--value-sizing--sizing-16);
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .column-section-404 {
    grid-column-gap: var(--value-sizing--sizing-24);
    grid-row-gap: var(--value-sizing--sizing-24);
  }
}

@media screen and (max-width: 767px) {
  body {
    padding: var(--value-sizing--sizing-24);
  }

  h1 {
    font-size: var(--value-sizing--sizing-40);
  }

  h2 {
    font-size: var(--value-sizing--sizing-32);
  }

  h3 {
    font-size: var(--value-sizing--sizing-24);
  }

  h4 {
    font-size: var(--value-sizing--sizing-20);
  }

  h5 {
    font-size: var(--value-sizing--sizing-28);
  }

  h6 {
    font-size: var(--value-sizing--sizing-20);
  }

  p {
    font-size: var(--value-sizing--sizing-18);
  }

  a {
    letter-spacing: .01rem;
    font-family: Telegraf, Arial, sans-serif;
    line-height: 125%;
  }

  .type-body-1 {
    font-size: var(--value-sizing--sizing-18);
  }

  .type-body-2 {
    font-size: var(--value-sizing--sizing-14);
  }

  .type-body-3 {
    font-size: var(--value-sizing--sizing-10);
  }

  .button-1 {
    max-width: var(--value-sizing--sizing-320);
    min-width: var(--value-sizing--sizing-160);
    padding: var(--value-sizing--sizing-12) var(--value-sizing--sizing-24);
    display: none;
  }

  .button-2 {
    max-width: var(--value-sizing--sizing-240);
    min-width: var(--value-sizing--sizing-120);
    padding: var(--value-sizing--sizing-8) var(--value-sizing--sizing-16);
    display: none;
  }

  .inline-link-1 {
    grid-column-gap: var(--value-sizing--sizing-6);
  }

  .inline-link-1:hover {
    grid-column-gap: var(--value-sizing--sizing-14);
  }

  .inline-link-1-image {
    width: var(--value-sizing--sizing-18);
    margin-bottom: var(--value-sizing--sizing-1);
  }

  .inline-link-2 {
    grid-column-gap: var(--value-sizing--sizing-4);
  }

  .inline-link-2:hover {
    grid-column-gap: var(--value-sizing--sizing-12);
  }

  .inline-link-2-image {
    width: var(--value-sizing--sizing-14);
    margin-bottom: var(--value-sizing--sizing-1);
  }

  .case-study-1 {
    display: none;
  }

  .button-3 {
    display: block;
  }

  .inline-link-embedded-1 {
    grid-column-gap: var(--value-sizing--sizing-6);
  }

  .inline-link-embedded-2 {
    grid-column-gap: var(--value-sizing--sizing-4);
  }

  .case-study-2 {
    display: flex;
  }

  .header-logo {
    width: var(--value-sizing--sizing-96);
  }

  .body-left-column {
    grid-column-gap: var(--value-sizing--sizing-16);
    grid-row-gap: var(--value-sizing--sizing-16);
    justify-content: flex-start;
    align-items: stretch;
  }

  .column-section-intro {
    grid-column-gap: var(--value-sizing--sizing-16);
    grid-row-gap: var(--value-sizing--sizing-16);
  }

  .column-section-roles, .column-section-clients {
    grid-column-gap: var(--value-sizing--sizing-8);
    grid-row-gap: var(--value-sizing--sizing-8);
  }

  .column-section-case-studies {
    grid-column-gap: var(--value-sizing--sizing-16);
    grid-row-gap: var(--value-sizing--sizing-16);
  }

  .section-tiles {
    grid-column-gap: var(--value-sizing--sizing-12);
    grid-row-gap: var(--value-sizing--sizing-12);
  }

  .column-section-copyright2 {
    display: flex;
  }

  .column-section-404 {
    grid-column-gap: var(--value-sizing--sizing-16);
    grid-row-gap: var(--value-sizing--sizing-16);
  }
}


@font-face {
  font-family: 'Telegraf';
  src: url('../fonts/Telegraf-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Telegraf';
  src: url('../fonts/Telegraf-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Telegraf';
  src: url('../fonts/Telegraf-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}