/* HBD V828 — Le texte du bandeau Histoire ne doit jamais couvrir le visage de Harley. */
.hbd-cat-hero.hbd-story-hero .hbd-cat-shell{
  width:min(1120px,calc(100% - 48px));
}

.hbd-cat-hero.hbd-story-hero h1,
.hbd-cat-hero.hbd-story-hero p{
  width:440px;
  max-width:440px!important;
}

.hbd-cat-hero.hbd-story-hero h1{
  font-size:clamp(50px,4.2vw,70px)!important;
  line-height:.94;
  text-wrap:balance;
}

@media (max-width:700px){
  body.hbd-cat .hbd-cat-hero.hbd-story-hero{
    min-height:720px;
    align-items:flex-end;
    padding:390px 0 48px;
    background-position:62% top!important;
    background-image:
      linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.12) 38%,rgba(0,0,0,.93) 67%,#090909 100%),
      var(--hbd-banner-image)!important;
  }

  .hbd-cat-hero.hbd-story-hero .hbd-cat-shell{
    width:min(100% - 32px,1120px);
  }

  .hbd-cat-hero.hbd-story-hero h1,
  .hbd-cat-hero.hbd-story-hero p{
    width:auto;
    max-width:none;
  }

  .hbd-cat-hero.hbd-story-hero h1{
    font-size:clamp(46px,14vw,66px);
  }
}