@import "../base/gallery.css";

.intro {
  text-align: center;
  margin-bottom: var(--gap-pad);
}

.gallery figure:first-child {
  width: 100%;
  aspect-ratio: 16/11;
}

.gallery figure:not(first-child) {
  width: calc(50% - (var(--margin) * 2));
  aspect-ratio: 16/12;
}

.paragraphe {
  margin: calc(var(--section-pad)/2) 0;
}

.details {
  padding: calc(var(--section-pad)/2) 0;
  border-top: 1px #d9d9d9 solid;
  font-size: .9rem;
  display: flex;
  flex-direction: column;
}

.details-item {
  display: flex;
  padding: .25rem 0;
}

.details-item span {
  color: #777;
  width: 160px;
  margin-right: var(--gutter);
}

.details-item strong {
  width: calc(100% - 160px);
  font-weight: 500;
}

.bn {
  position: absolute;
  right: 0;
  top: 0;
}