@font-face {
    font-family: 'StudioPro-Semibold';
    src: url(../font/StudioPro-SemiBold.woff2) format('woff2'),
    url(../font/StudioPro-SemiBold.woff) format('woff');
}
  
@font-face {
  font-family: 'StudioPro-SemiboldItalic';
  src: url(../font/StudioPro-SemiBoldItalic.woff2) format('woff2'),
        url(../font/StudioPro-SemiBoldItalic.woff) format('woff');
}

html {
    font-family: 'StudioPro-Semibold', sans-serif;
    font-weight: 400;
    color: white;
}

body {
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
  font-feature-settings: 'ss02', 'ss10';
  letter-spacing: .007em;
}

#news time,
i, em {
  font-family: 'StudioPro-SemiboldItalic', sans-serif;
}

.section__appendix,
.section__text.big,
section[class*="section__"] h1,
h3,
.accordion-header,
.section__accordion tr td:first-of-type, .section__text h3 {
  font-size: var(--font-size-large);
  line-height: var(--line-height-large);
}

.tr__flex--row h4 {
  font-variant: tabular-nums;
}

.text__size--medium {
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
}

.text__size--large {
  font-size: var(--font-size-large);
  line-height: var(--line-height-large);
}

.text__size--extra,
.text__size--bigger {
  font-size: var(--font-size-extra);
  line-height: var(--line-height-extra);
}

section h1.section__branding {
  font-size: var(--font-size-ultra);
  line-height: var(--line-height-ultra);
}

.grid__work--group--item h2,
.text__size--small,
footer,
.project__description,
.header,
.swiper {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}

#news h2,
#news h3,
#news p,
#news time {
  font-size: var(--font-size-small) !important;
  line-height: var(--line-height-small) !important;
}

.section__headline {
  text-align: center;
}

sup {
  font-size: 80%;
  top: -3px;
  position: relative;
}

@media (max-width: 1024px) {  
  sup {
    top: -2px;
  }
}

.section__headline,
.section__subheadline {
  text-decoration: underline;
  text-decoration-thickness: var(--thickness-bigger);
  text-underline-offset: var(--underline-offset-bigger);
}

.text__size--medium a {
  text-decoration-thickness: var(--thickness-smaller);
  text-underline-offset: var(--underline-offset-smaller);
}