body.woocommerce-shop .page-hero,
body.perret-page-a-propos .perret-house-hero,
body.perret-page-professionnels .service-hero,
body.perret-page-services-editoriaux .perret-b2b-latest,
body.perret-page-ressources-professionnelles .perret-resources-professional-page,
body.perret-page-ressources-pedagogiques .perret-house-hero,
.page-hero.perret-canonical-hero {
  width:100%;
  max-width:none;
  margin:0;
  padding:5.5rem 4% 5rem
}
.page-hero.perret-canonical-hero>.eyebrow {
  width:auto;
  max-width:none;
  margin:.67rem 0;
  padding:0;
  font-family:Arial,sans-serif;
  font-size:.67rem;
  font-weight:700;
  line-height:normal;
  letter-spacing:.15em;
  text-transform:uppercase
}
body.perret-page-contact .site-main>.page-hero {
  box-sizing:border-box!important;
  width:100%!important;
  padding:5.5rem 4% 5rem!important
}
body.perret-page-contact .site-main>.page-hero>.eyebrow {
  width:auto!important;
  max-width:none!important;
  margin:.67rem 0!important;
  padding:0!important;
  font-family:Arial,sans-serif!important;
  font-size:.67rem!important;
  font-weight:700!important;
  line-height:normal!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important
}
body.perret-page-contact .site-main>.page-hero>h1 {
  max-width:64rem!important;
  margin:.65rem 0 0!important;
  font-family:Georgia,serif!important;
  font-size:5.6rem!important;
  font-weight:400!important;
  line-height:.88!important;
  letter-spacing:-.045em!important
}
body.perret-page-professionnels .service-hero,
body.perret-page-services-editoriaux .perret-b2b-latest {
  padding:var(--perret-service-hero-top,5.5rem) 4% 5rem!important
}
body.perret-page-services-editoriaux .perret-b2b-latest {
  --perret-service-hero-top:3rem
}
body.woocommerce-shop .page-hero h1,
body.perret-page-a-propos .perret-house-hero h1,
body.perret-page-professionnels .service-hero h1,
body.perret-page-services-editoriaux h1.perret-b2b-title,
body.perret-page-ressources-professionnelles h1.perret-rp-title,
body.perret-page-ressources-pedagogiques .perret-house-hero h1,
.page-hero.perret-canonical-hero h1 {
  max-width:64rem;
  margin:.65rem 0 1.75rem;
  color:#363743;
  font-family:Georgia,serif;
  font-size:clamp(4rem,7vw,5.6rem);
  font-style:normal;
  font-weight:400;
  letter-spacing:-.045em;
  line-height:.88
}
.page-hero.perret-canonical-hero h1>span {
  display:block
}
body.woocommerce-shop .page-hero>p:last-child,
body.perret-page-a-propos .perret-house-hero .perret-house-lead,
body.perret-page-ressources-professionnelles .perret-rp-lead,
body.perret-page-ressources-pedagogiques .perret-house-hero .perret-house-lead {
  max-width:48rem;
  margin:0;
  font-family:Arial,sans-serif;
  font-size:1.18rem;
  font-weight:400;
  line-height:1.62
}
body.perret-page-professionnels .service-hero .lead {
  max-width:48rem;
  margin:0;
  font-family:Arial,sans-serif;
  font-size:1.18rem!important;
  font-weight:400;
  line-height:1.62!important
}
@media(max-width:700px) {
  body.perret-page-contact .site-main>.page-hero {
    padding:3.5rem 1.25rem 3rem!important
  }
  body.perret-page-contact .site-main>.page-hero>h1 {
    font-size:clamp(3.25rem,15vw,4.5rem)!important
  }
  body.woocommerce-shop .page-hero,
  body.perret-page-a-propos .perret-house-hero,
  body.perret-page-professionnels .service-hero,
  body.perret-page-services-editoriaux .perret-b2b-latest,
  body.perret-page-ressources-professionnelles .perret-resources-professional-page,
  body.perret-page-ressources-pedagogiques .perret-house-hero,
  .page-hero.perret-canonical-hero {
    padding:3.5rem 1.25rem 3rem
  }
  body.perret-page-professionnels .service-hero,
  body.perret-page-services-editoriaux .perret-b2b-latest,
  body.perret-page-ressources-pedagogiques main.site-main .perret-house-hero {
    padding:var(--perret-service-hero-mobile-top,3.5rem) 1.25rem 3rem!important
  }
  body.perret-page-services-editoriaux .perret-b2b-latest {
    --perret-service-hero-mobile-top:2.5rem
  }
  body.woocommerce-shop .page-hero h1,
  body.perret-page-a-propos .perret-house-hero h1,
  body.perret-page-professionnels .service-hero h1,
  body.perret-page-services-editoriaux h1.perret-b2b-title,
  body.perret-page-ressources-professionnelles h1.perret-rp-title,
  body.perret-page-ressources-pedagogiques .perret-house-hero h1,
  .page-hero.perret-canonical-hero h1 {
    font-size:clamp(3.15rem,15vw,4.5rem)
  }
}