.teaser {
  width: 100%;
  position: relative;
}
.teaser figure {
  margin-block-end: var(--p--spacing--1-2);
}
.teaser[data-fully-clickable="true"] {
  cursor: pointer;
}
.teaser--content > * {
  margin-block: var(--p--spacing--1-4);
}
.teaser--content p {
  margin-block: 0;
}
.teaser--title {
  font-size: var(--p--font-size--1);
  font-weight: 400;
  line-height: var(--p--line-height--body);
  margin-block-start: 0;
}
.teaser--title .projet--title--city {
  font-size: var(--p--font-size--0);
  font-weight: 300;
}
.teaser--title a {
  color: inherit;
  text-decoration: none;
}
.teaser figure {
  overflow: hidden;
}
.teaser img {
  width: 100%;
  transition: transform 0.3s;
}
.teaser strong {
  font-weight: 300;
}

.teaser--title a:hover,
.teaser[data-fully-clickable="true"]:hover .teaser--title a {
  text-decoration: underline;
}
.teaser[data-fully-clickable="true"] .teaser--title a:focus {
  outline: none;
}
.teaser a:hover img,
.teaser[data-fully-clickable="true"]:focus-within img,
.teaser[data-fully-clickable="true"]:hover img {
  transform: scale(1.05);
}