@font-face {
  font-family: "Roboto-Regular";
  src: url("../../../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

:root {
  --font-adv: 'Klavika-Regular';
  --font-adv-int: 'Roboto-Regular';
  --unset-color: #808080;
  --unset-bg-hero: #e2e2e2; }

html:is([lang="cs"], [lang="el"], [lang="lv"], [lang="ro"], [lang="sl"], [lang="tr"], [lang="uk"])
.experience-component
.article-hero-caption {
  font-family: var(--font-adv-int) !important; }

.experience-component .article-hero-caption {
  color: var(--unset-color);
  font-family: var(--font-adv); }

.experience-component .article-hero-picture-hero {
  background-color: var(--unset-bg-hero); }

/*# sourceMappingURL=articleImageHero.css.map*/