.phototheque-home {
  background-color: #151c20;
  background-image:
    linear-gradient(90deg, #151c20 0%, rgba(21, 28, 32, .97) 34%, rgba(21, 28, 32, .78) 61%, rgba(21, 28, 32, .36) 100%),
    url("assets/phototheque-fond-ameliore.jpg");
  background-position: center, right 46%;
  background-repeat: no-repeat;
  background-size: 100% 100%, cover;
  border-block: 1px solid var(--e-line, #343d42);
  margin-top: clamp(32px, 4vw, 52px);
}

.phototheque-home-inner {
  display: flex;
  align-items: center;
  min-height: 430px;
  padding-block: clamp(48px, 7vw, 88px);
}

.phototheque-home-copy {
  max-width: 620px;
}

.phototheque-home-copy .eyebrow {
  color: var(--e-accent, #c99d5d);
}

.phototheque-home-copy h2 {
  max-width: 15ch;
  margin: 0 0 20px;
  font-size: clamp(2.1rem, 4vw, 3.5rem);
  line-height: 1.12;
}

.phototheque-home-copy > p:not(.eyebrow) {
  max-width: 56ch;
  color: #c2c9cc;
  line-height: 1.75;
}

.phototheque-home-copy .phototheque-home-credit {
  color: #c2c9cc;
  font-size: .92rem;
}

.phototheque-home-copy .button {
  margin-top: 14px;
}

@media (max-width: 700px) {
  .phototheque-home {
    background-image:
      linear-gradient(90deg, rgba(15, 20, 23, .96), rgba(15, 20, 23, .78)),
      url("assets/phototheque-fond-ameliore.jpg");
    background-position: center, 58% center;
  }

  .phototheque-home-inner {
    min-height: 400px;
    padding-block: 52px;
  }
}
