.ph-phototheque {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #E6E6E6;
    padding-top: 20px;
    padding-bottom: 80px;
}

.ph-phototheque__content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-bottom: 40px;
}

.ph-phototheque__item {
    width: calc((100% / 5) - (120px / 5));
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 1400px) {
  .ph-phototheque__item {
    width: calc((100% / 4) - (90px / 4));
  }
}

@media (max-width: 900px) {
  .ph-phototheque__item {
    width: calc((100% / 3) - (60px / 3));
  }
}

@media (max-width: 600px) {
  .ph-phototheque__item {
    width: calc((100% / 2) - (30px / 2));
  }
}

@media (max-width: 350px) {
  .ph-phototheque__item {
    width: 100%;
  }
}

.ph-phototheque__images {
    position: relative;
    aspect-ratio: 1 / 1;
    width: fit-content;
    height: fit-content;
    background-color: var(--ph-color-5);
}

.ph-phototheque__images img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.ph-phototheque__images a {
    position: absolute;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 0;
    font-size: 2.5rem;
    color: #fff;
    background-color: var(--ph-color-3);
    cursor: pointer;
}

.ph-phototheque__images a:hover {
    background-color: var(--ph-color-2);
}

.ph-phototheque__details {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ph-phototheque__gallery-size {
    color: var(--ph-color-3);
}

body div.ph-phototheque__cta a.ph-btn {
    line-height: 160%;
}