/* An editorial gallery rhythm for the Small moments section. */
.signature-experiences {
  background: #fff;
}

.signature-experiences__grid {
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 52px;
}

.signature-experience,
.signature-experience:nth-child(3n),
.signature-experience:nth-last-child(-n + 3) {
  border: 1px solid rgba(21, 51, 43, .17);
  box-shadow: none;
  min-height: 254px;
  padding: 31px 33px;
  transition: background-size .8s cubic-bezier(.2,.7,.2,1), border-color .35s, box-shadow .35s ease, transform .35s ease;
}

.signature-experience > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
}

.signature-experience span {
  color: #6f877d;
  font-size: 9px;
  letter-spacing: .16em;
}

.signature-experience h3 {
  font-size: clamp(30px, 3vw, 42px);
  line-height: .98;
  margin: auto 0 11px;
}

.signature-experience p {
  font-size: 14px;
  line-height: 1.6;
  max-width: 43ch;
}

.signature-experience small {
  color: var(--ink);
  font-size: 9px;
  margin-top: 20px;
  opacity: .82;
  transform: none;
}

.signature-experience:hover,
.signature-experience:focus-visible {
  box-shadow: 0 22px 44px rgba(11, 36, 29, .16);
  transform: translateY(-3px);
}

.signature-experience:hover small,
.signature-experience:focus-visible small {
  opacity: 1;
  transform: none;
}

@media (max-width: 760px) {
  .signature-experiences__grid { grid-template-columns: 1fr; margin-top: 38px; }
  .signature-experience,
  .signature-experience:nth-child(3n),
  .signature-experience:nth-last-child(-n + 3) { min-height: 250px; padding: 27px 24px; }
  .signature-experience h3 { font-size: 34px; }
}