/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/hero-header/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.hero-header__title__mark {
  background-color: var(--wp--preset--color--text);
  color: #fff;
  padding: 5px 10px;
  font-weight: 700;
}

.hero-header__inner {
  position: relative;
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  justify-content: center;
  align-items: flex-start;
}

.hero-header__overlay {
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  min-height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.hero-header__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: blur(4px);
  -webkit-filter: blur(4px);
  transform: scale(1.02);
}

.hero-header__content {
  width: var(--wp--style--global--wide-size);
  max-width: 100%;
  z-index: 10;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  margin: auto;
  padding: var(--wp--preset--spacing--100-40) 0;
  box-sizing: border-box;
}

.hero-header__en-question {
  font-family: var(--wp--preset--font-family--zilla-slab);
}

.hero-header__title {
  display: inline-block;
  line-height: 1.5;
  margin-top: var(--wp--preset--spacing--15-15);
  margin-bottom: 0;
  font-size: var(--wp--preset--font-size--article-title);
}
.hero-header__title.is-homepage-revue {
  font-size: clamp(35px, 35px + 3.125vw - 10px, 80px);
}

.hero-header__title--highlight {
  font-family: var(--wp--preset--font-family--zilla-slab);
  font-weight: 700;
  font-style: italic;
}

.hero-header__leadline {
  font-family: var(--wp--preset--font-family--work-sans);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--intro-page);
}

.wp-block-ca-plugin-hero-header.hero-header--single-magazine .hero-header__leadline,
.wp-block-ca-plugin-hero-header.hero-header--single-dossier .hero-header__leadline {
  font-style: italic;
  font-family: var(--wp--preset--font-family--zilla-slab);
}

.hero-header__link {
  z-index: 1;
  font-family: var(--wp--preset--font-family--work-sans);
  font-size: var(--wp--preset--font-size--regular);
  font-weight: 600;
  background-color: #fff;
  text-decoration: none;
  color: inherit;
  border-radius: 0 10px 10px 10px;
  min-height: clamp(44px, 6px + 1.625vw, 50px);
  padding: clamp(5px, 3px + 1.625vw, 8px) 20px;
  box-sizing: border-box;
  display: flex;
  gap: 1em;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: var(--wp--preset--spacing--45-25);
}
.hero-header__link::after {
  content: "";
  display: inline-flex;
  right: 1em;
  top: 50%;
  width: 1em;
  height: 1em;
  min-height: 100%;
  background-color: transparent;
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"15\" viewBox=\"0 0 10 15\" fill=\"none\"><path d=\"M1.5 12.6272L7.06348 7.0636L1.5 1.5\" stroke=\"%23112438\" stroke-width=\"3\" stroke-linecap=\"round\"/></svg>");
}
.hero-header__link:hover {
  color: #fff;
  background-color: var(--wp--preset--color--text);
  text-decoration: none;
}
.hero-header__link:hover::after {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"15\" viewBox=\"0 0 10 15\" fill=\"none\"><path d=\"M1.5 12.6272L7.06348 7.0636L1.5 1.5\" stroke=\"%23ffffff\" stroke-width=\"3\" stroke-linecap=\"round\"/></svg>");
}

.hero-header__inner {
  min-height: clamp(250px, 29.219vw, 651px);
}

@media (min-width: 1440px) {
  .hero-header__title.is-homepage-revue {
    font-size: clamp(80px, 6.25vw, 120px);
  }
}

/*# sourceMappingURL=style-index.css.map*/