.saved-page {
  min-height: 70vh;
  padding: clamp(5rem, 10vw, 9rem) 1rem 6rem;
}

.saved-page__header {
  max-width: 48rem;
  margin-bottom: clamp(3rem, 7vw, 6rem);
}

.saved-page__eyebrow,
.saved-selection__tools,
.saved-card__remove {
  font-size: .68rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.saved-page h1 {
  margin: .75rem 0 1.25rem;
  font-size: clamp(2.75rem, 8vw, 6.5rem);
  font-weight: 400;
}

.saved-page__header > p:last-child,
.saved-empty p {
  max-width: 42rem;
  line-height: 1.7;
}

.saved-empty {
  padding: 4rem 0;
  border-top: 1px solid rgba(17, 17, 17, .15);
}

.saved-empty h2 {
  margin-bottom: 1rem;
}

.saved-empty a {
  display: inline-block;
  margin-top: 2rem;
}

.saved-selection__tools {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  border-top: 1px solid rgba(17, 17, 17, .15);
}

.saved-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem .75rem;
}

.saved-card__link {
  display: block;
}

.saved-card figure {
  margin: 0;
  background: #f2f1ef;
}

.saved-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.saved-card__info {
  padding: .75rem 0 .5rem;
}

.saved-card__info h2,
.saved-card__info p {
  margin: 0;
  font-size: .72rem;
}

.saved-card__info p {
  margin-top: .3rem;
  color: rgba(17, 17, 17, .62);
}

.saved-card__remove {
  padding: .35rem 0;
  text-decoration: underline;
  text-underline-offset: .2em;
}

@media (min-width: 48rem) {
  .saved-page { padding-inline: 2rem; }
  .saved-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap-inline: 1.25rem; }
}

@media (min-width: 75rem) {
  .saved-page { padding-inline: 4rem; }
  .saved-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}