.code-01 {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.32px;
}
.code-02 {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.32px;
}
.caption-01 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.32px;
}
.helper-text-01 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.32px;
}
.body-short-01 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: 0.16px;
}
.body-long-01 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}
.body-short-02 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 0px;
}
.body-long-02,
p {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0px;
}
.heading-01 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0.16px;
}
.heading-02 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 0px;
}
.heading-03 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0px;
}
.heading-04 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 400;
  letter-spacing: 0px;
}
.heading-05 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 400;
  letter-spacing: 0px;
}
.paragraph-01 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
  letter-spacing: 0px;
}
.expressive-heading-03 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
}
@media (min-width: 320px) {
  .expressive-heading-03 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 672px) {
  .expressive-heading-03 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1056px) {
  .expressive-heading-03 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1312px) {
  .expressive-heading-03 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1584px) {
  .expressive-heading-03 {
    font-size: 20px;
    line-height: 26px;
  }
}
.expressive-heading-04 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
}
@media (min-width: 320px) {
  .expressive-heading-04 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 672px) {
  .expressive-heading-04 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1056px) {
  .expressive-heading-04 {
    font-size: 28px;
    line-height: 36px;
  }
}
.expressive-heading-05 {
  font-family: 'IBM Plex Sans', sans-serif;
  letter-spacing: 0px;
}
@media (min-width: 320px) {
  .expressive-heading-05 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
  }
}
@media (min-width: 672px) {
  .expressive-heading-05 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 400;
  }
}
@media (min-width: 1056px) {
  .expressive-heading-05 {
    font-size: 42px;
    line-height: 50px;
    font-weight: 400;
  }
}
@media (min-width: 1312px) {
  .expressive-heading-05 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 400;
  }
}
@media (min-width: 1584px) {
  .expressive-heading-05 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 300;
  }
}
.expressive-paragraph-01 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
  letter-spacing: 0px;
}
@media (min-width: 320px) {
  .expressive-paragraph-01 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (min-width: 672px) {
  .expressive-paragraph-01 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (min-width: 1056px) {
  .expressive-paragraph-01 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1312px) {
  .expressive-paragraph-01 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1584px) {
  .expressive-paragraph-01 {
    font-size: 32px;
    line-height: 40px;
  }
}
.expressive-paragraph-01 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 300;
  letter-spacing: 0px;
}
@media (min-width: 320px) {
  .expressive-paragraph-01 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (min-width: 672px) {
  .expressive-paragraph-01 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (min-width: 1056px) {
  .expressive-paragraph-01 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1312px) {
  .expressive-paragraph-01 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1584px) {
  .expressive-paragraph-01 {
    font-size: 32px;
    line-height: 40px;
  }
}
.quotation-01 {
  font-family: 'IBM Plex Sans', sans-serif;
  letter-spacing: 0px;
}
@media (min-width: 320px) {
  .quotation-01 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
  }
}
@media (min-width: 672px) {
  .quotation-01 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
  }
}
@media (min-width: 1056px) {
  .quotation-01 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
  }
}
@media (min-width: 1312px) {
  .quotation-01 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
  }
}
@media (min-width: 1584px) {
  .quotation-01 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 300;
  }
}
.quotation-02 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 300;
  letter-spacing: 0px;
}
@media (min-width: 320px) {
  .quotation-02 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 672px) {
  .quotation-02 {
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1056px) {
  .quotation-02 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media (min-width: 1312px) {
  .quotation-02 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (min-width: 1584px) {
  .quotation-02 {
    font-size: 60px;
    line-height: 70px;
  }
}
.display-01 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 300;
  letter-spacing: 0px;
}
@media (min-width: 320px) {
  .display-01 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media (min-width: 672px) {
  .display-01 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media (min-width: 1056px) {
  .display-01 {
    font-size: 54px;
    line-height: 64px;
  }
}
@media (min-width: 1312px) {
  .display-01 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media (min-width: 1584px) {
  .display-01 {
    font-size: 76px;
    line-height: 86px;
  }
}
.display-02 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 600;
  letter-spacing: 0px;
}
@media (min-width: 320px) {
  .display-02 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media (min-width: 672px) {
  .display-02 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media (min-width: 1056px) {
  .display-02 {
    font-size: 54px;
    line-height: 64px;
  }
}
@media (min-width: 1312px) {
  .display-02 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media (min-width: 1584px) {
  .display-02 {
    font-size: 76px;
    line-height: 86px;
  }
}
.display-03 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 300;
}
@media (min-width: 320px) {
  .display-03 {
    font-size: 42px;
    line-height: 50px;
    letter-spacing: 0px;
  }
}
@media (min-width: 672px) {
  .display-03 {
    font-size: 68px;
    line-height: 78px;
    letter-spacing: 0px;
  }
}
@media (min-width: 1056px) {
  .display-03 {
    font-size: 92px;
    line-height: 102px;
    letter-spacing: -0.64px;
  }
}
@media (min-width: 1312px) {
  .display-03 {
    font-size: 122px;
    line-height: 130px;
    letter-spacing: -0.64px;
  }
}
@media (min-width: 1584px) {
  .display-03 {
    font-size: 156px;
    line-height: 164px;
    letter-spacing: -0.96px;
  }
}
.display-04 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 600;
}
@media (min-width: 320px) {
  .display-04 {
    font-size: 42px;
    line-height: 50px;
    letter-spacing: 0px;
  }
}
@media (min-width: 672px) {
  .display-04 {
    font-size: 68px;
    line-height: 78px;
    letter-spacing: 0px;
  }
}
@media (min-width: 1056px) {
  .display-04 {
    font-size: 92px;
    line-height: 102px;
    letter-spacing: -0.64px;
  }
}
@media (min-width: 1312px) {
  .display-04 {
    font-size: 122px;
    line-height: 130px;
    letter-spacing: -0.64px;
  }
}
@media (min-width: 1584px) {
  .display-04 {
    font-size: 156px;
    line-height: 164px;
    letter-spacing: -0.96px;
  }
}
#content {
  padding: 0;
  margin: 0;
  background-color: #f3f3f3;
}
#content h2,
.content h2 {
  font-family: 'IBM Plex Sans', sans-serif;
  letter-spacing: 0px;
  text-transform: none;
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (min-width: 320px) {
  #content h2,
  .content h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
  }
}
@media (min-width: 672px) {
  #content h2,
  .content h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 400;
  }
}
@media (min-width: 1056px) {
  #content h2,
  .content h2 {
    font-size: 42px;
    line-height: 50px;
    font-weight: 400;
  }
}
@media (min-width: 1312px) {
  #content h2,
  .content h2 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 400;
  }
}
@media (min-width: 1584px) {
  #content h2,
  .content h2 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 300;
  }
}
#content h3,
.content h3 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: none;
  margin-top: 48px;
  margin-bottom: 16px;
}
@media (min-width: 320px) {
  #content h3,
  .content h3 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 672px) {
  #content h3,
  .content h3 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1056px) {
  #content h3,
  .content h3 {
    font-size: 28px;
    line-height: 36px;
  }
}
#content h4,
.content h4 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: none;
  margin-top: 48px;
  margin-bottom: 16px;
}
@media (min-width: 320px) {
  #content h4,
  .content h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 672px) {
  #content h4,
  .content h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1056px) {
  #content h4,
  .content h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1312px) {
  #content h4,
  .content h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1584px) {
  #content h4,
  .content h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
#content h5,
.content h5 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: none;
  margin-top: 16px;
  margin-bottom: 16px;
}
@media (min-width: 320px) {
  #content h5,
  .content h5 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 672px) {
  #content h5,
  .content h5 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1056px) {
  #content h5,
  .content h5 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1312px) {
  #content h5,
  .content h5 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1584px) {
  #content h5,
  .content h5 {
    font-size: 20px;
    line-height: 26px;
  }
}
#content p,
.content p {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: none;
}
#content ul,
#content li,
.content ul,
.content li {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: none;
}
#BrytsboVsf-home-title h1,
#BrytsboVsf-post-title h1 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 300;
  color: #ffffff !important;
  margin-top: 288px;
  margin-bottom: 16px;
}
@media (min-width: 320px) {
  #BrytsboVsf-home-title h1,
  #BrytsboVsf-post-title h1 {
    font-size: 42px;
    line-height: 50px;
    letter-spacing: 0px;
  }
}
@media (min-width: 672px) {
  #BrytsboVsf-home-title h1,
  #BrytsboVsf-post-title h1 {
    font-size: 68px;
    line-height: 78px;
    letter-spacing: 0px;
  }
}
@media (min-width: 1056px) {
  #BrytsboVsf-home-title h1,
  #BrytsboVsf-post-title h1 {
    font-size: 92px;
    line-height: 102px;
    letter-spacing: -0.64px;
  }
}
@media (min-width: 1312px) {
  #BrytsboVsf-home-title h1,
  #BrytsboVsf-post-title h1 {
    font-size: 122px;
    line-height: 130px;
    letter-spacing: -0.64px;
  }
}
@media (min-width: 1584px) {
  #BrytsboVsf-home-title h1,
  #BrytsboVsf-post-title h1 {
    font-size: 156px;
    line-height: 164px;
    letter-spacing: -0.96px;
  }
}
#BrytsboVsf-home-subtitle p,
#BrytsboVsf-post-subtitle p {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 48px;
}
@media (min-width: 320px) {
  #BrytsboVsf-home-subtitle p,
  #BrytsboVsf-post-subtitle p {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 672px) {
  #BrytsboVsf-home-subtitle p,
  #BrytsboVsf-post-subtitle p {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1056px) {
  #BrytsboVsf-home-subtitle p,
  #BrytsboVsf-post-subtitle p {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1312px) {
  #BrytsboVsf-home-subtitle p,
  #BrytsboVsf-post-subtitle p {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1584px) {
  #BrytsboVsf-home-subtitle p,
  #BrytsboVsf-post-subtitle p {
    font-size: 20px;
    line-height: 26px;
  }
}
.home-abstract-panel {
  background: #ffffff;
  color: #171717;
}
.home-abstract p {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
  color: #171717;
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (min-width: 320px) {
  .home-abstract p {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 672px) {
  .home-abstract p {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1056px) {
  .home-abstract p {
    font-size: 28px;
    line-height: 36px;
  }
}
.home-latest div {
  background-color: #ffffff !important;
  color: #171717;
}
#BrytsboVsf-home-latest div.listing-item,
#Brytsbo-latest div.listing-item {
  color: #171717;
  margin-top: 16px;
  margin-bottom: 16px;
}
#BrytsboVsf-home-latest a.title,
#BrytsboVsf-home-latest a.title:hover,
#Brytsbo-latest a.title,
#Brytsbo-latest a.title:hover {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0px;
  font-weight: bold;
  color: #171717;
  text-decoration: none;
  margin-top: 16px;
}
#BrytsboVsf-home-latest span.date,
#Brytsbo-latest span.date {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #171717;
  margin-left: 8px;
}
#BrytsboVsf-home-latest span.excerpt,
#Brytsbo-latest span.excerpt {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #171717;
  margin-top: 16px;
  margin-bottom: 32px;
}
#link-latest a,
#link-latest a:hover {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #171717;
  text-decoration: none;
  margin-bottom: 48px;
}
.box-panel {
  padding: 0px;
}
.text-panel h3 {
  color: #171717 !important;
}
.box-navigation {
  color: #171717;
  border: 0px;
}
.BrytsboVsf-home-box-panel .box-navigation.sue-panel {
  background: #ffffff !important;
  color: #171717 !important;
  border: 0px !important;
  box-shadow: none;
  margin: 0px;
  height: 200px;
}
.BrytsboVsf-home-box-panel .box-navigation.sue-panel:hover {
  background: #dcdcdc !important;
}
.box-navigation.sue-panel {
  background: #ffffff !important;
  color: #171717 !important;
  border: 0px !important;
  margin: 0px;
  height: 200px;
}
.box-navigation.sue-panel:hover {
  background: #dcdcdc !important;
  color: #171717;
}
.post-title-banner {
  background: #ffffff !important;
  color: #171717;
  padding-top: 48px;
  padding-bottom: 48px;
}
.post-title div {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 600;
  letter-spacing: 0px;
  color: #171717;
  text-align: left;
}
@media (min-width: 320px) {
  .post-title div {
    font-size: 42px;
    line-height: 50px;
  }
}
@media (min-width: 672px) {
  .post-title div {
    font-size: 42px;
    line-height: 50px;
  }
}
@media (min-width: 1056px) {
  .post-title div {
    font-size: 54px;
    line-height: 64px;
  }
}
@media (min-width: 1312px) {
  .post-title div {
    font-size: 60px;
    line-height: 70px;
  }
}
@media (min-width: 1584px) {
  .post-title div {
    font-size: 76px;
    line-height: 86px;
  }
}
.post-image img {
  border: 1px solid #dcdcdc;
  margin-top: 32px;
  margin-bottom: 32px;
}
.post-image-caption div,
.post-image-caption p
.post-image div,
.post-image p {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.32px;
  color: #171717;
  margin-top: -32px;
  margin-bottom: 16px;
}