/* Le titre et le descriptif forment un même bloc en bas de la bannière. */
.portfolio-hero {
  justify-content: flex-start;
  padding-top: 116px;
}
.portfolio-hero .inner-hero-image {
  object-position: center top;
}
.portfolio-hero h1 {
  max-width: 1100px;
  font-size: clamp(36px, 4.2vw, 64px);
  line-height: 1.06;
  letter-spacing: -0.045em;
  margin: 14px 0 0;
}
.portfolio-hero-copy {
  position: absolute;
  left: 7vw;
  right: 7vw;
  bottom: 68px;
  z-index: 2;
}
.portfolio-hero-copy p {
  max-width: 560px;
  font-size: 16px;
  line-height: 1.65;
  color: #d3deeb;
  margin: 16px 0 0;
}
@media (max-width: 1024px) {
  .portfolio-hero-copy { left: 6vw; right: 6vw; }
}
@media (max-width: 600px) {
  .portfolio-hero {
    height: auto;
    min-height: 640px;
    padding-top: calc(96px + 66.667vw);
    padding-bottom: 96px;
  }
  .portfolio-hero .inner-hero-image {
    object-position: center;
  }
  .portfolio-hero h1 {
    font-size: clamp(30px, 7.8vw, 42px);
  }
  .portfolio-hero-copy {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
  }
}