.projet--intro {
  padding-block-start: var(--p--layout--spacing-section);
}
.projet--intro .back-link {
  margin-bottom: var(--p--spacing--1-2);
}
.projet--title--city {
  font-weight: 300;
  font-size: calc(1em / var(--p--font-scale));
}
.projet--intro .page--gallery {
  overflow: hidden;
  margin-inline: calc(-1 * var(--p--layout--padding-sides));
  margin-block-start: var(--p--layout--spacing-section);
  padding-inline: var(--p--layout--padding-sides);
}

/* Lot */
.lot--header h1 {
  margin-bottom: calc(-1 * var(--p--spacing--1-4));
  font-size: var(--p--font-size--4);
}
.lot--header .header--content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lot--header .price {
  font-size: var(--p--font-size--3);
  font-weight: 400;
  text-align: right;
}
.lot--header .tva {
  font-size: var(--p--font-size--n1);
  font-weight: 300;
  display: block;
  margin-block-start: -0.3em;
}

@media (min-width: 48rem) {
  .projet--intro {
    max-width: var(--p--layout--width--content);
    display: flex;
    /* grid-template-columns: 1fr 2fr; */
  }
  .projet--intro .lot--header,
  .projet--intro .projet--header {
    padding-right: var(--p--layout--spacing-list);
    flex: 0 0 33.33%;
  }
  .projet--intro .page--gallery {
    flex: 0 0 66.67%;
    overflow: hidden;
    margin-inline: auto;
    margin-block-start: 0;
    padding-inline: 0;
  }

  .projet--title--city {
    font-size: calc(1em / var(--p--font-scale) / var(--p--font-scale));
  }

  .lot--header h1 {
    font-size: var(--p--font-size--3);
  }
  .lot--header .price {
    font-size: var(--p--font-size--2);
  }
}
@media (min-width: 80rem) {
  .projet--intro .lot--header,
  .projet--intro .projet--header {
    flex-basis: 25%;
  }
  .projet--intro .page--gallery {
    flex-basis: 75%;
  }
}

/* Liste Lots */
.view-id-lots .view-empty {
  background-color: var(--p--theme--color--background-highlight);
  text-align: center;
  padding: var(--p--layout--padding-section);
  font-weight: 400;
}
.view-id-lots .view-empty > :first-child {
  margin-block-start: 0;
}
.view-id-lots .view-empty > :last-child {
  margin-block-end: 0;
}

@media (min-width: 24rem) {
  .projet--lots .views-element-container {
    margin-block-start: calc(
      -1 * var(--p--font-size--2) * var(--p--line-height--narrow) - 1.25em
    );
  }
}