/* Shared by the published reference archive and its collection page. */
.compiled-page main.reference-objects-page {
  padding-top: 12px;
}

.compiled-page main.reference-objects-page > .page-block:first-of-type {
  padding-top: 0;
  padding-bottom: 8px;
}

.compiled-page main.reference-objects-page > .home-layout-item--collection {
  padding-top: 8px;
}

.compiled-page .reference-objects-page .rich-content > .reference-objects-title {
  margin: 0 0 12px;
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.2;
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft {
  padding: 26px 20px;
  border-radius: 16px;
  background-color: transparent !important;
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft::before {
  content: "";
  display: block;
  width: min(560px, 100%);
  aspect-ratio: 3 / 1;
  margin: 0 auto 24px;
  background: url("../img/hogart-fridge-emblem.05411690195b.webp") center / contain no-repeat;
}


:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection__viewport {
  overflow: visible;
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 240px));
  justify-content: center;
  align-items: start;
  gap: 34px 28px;
  padding: 18px 8px;
  overflow: visible;
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card {
  --reference-tilt: -1.2deg;
  position: relative;
  width: 100%;
  min-width: 0;
  margin: 0;
  transform: rotate(var(--reference-tilt));
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card:nth-child(2n) {
  --reference-tilt: 1.1deg;
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card:nth-child(3n) {
  --reference-tilt: -.5deg;
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card::before {
  position: absolute;
  z-index: 2;
  top: -9px;
  left: calc(50% - 25px);
  width: 50px;
  height: 21px;
  background: rgb(216 207 173 / 66%);
  box-shadow: 0 1px 2px rgb(48 52 43 / 8%);
  transform: rotate(-7deg);
  pointer-events: none;
  content: "";
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card .home-collection-card__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  margin: 0;
  padding: 10px 10px 23px;
  border: 1px solid #e3e5df;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 3px 6px rgb(29 38 28 / 10%), 0 10px 20px rgb(29 38 28 / 7%);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card .home-collection-card__media {
  position: relative;
  flex: none;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 3 / 2;
  margin: 0 0 12px;
  border-radius: 0;
  overflow: hidden;
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card__caption {
  padding: 0 3px;
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card__caption-title {
  color: #24352c;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card__date,
:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card__caption-copy {
  color: #697268;
  font-size: 12px;
  line-height: 1.45;
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card .home-collection-card__link:hover,
:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card .home-collection-card__link:focus-visible {
  background: #fff;
  box-shadow: 0 6px 12px rgb(29 38 28 / 13%), 0 15px 25px rgb(29 38 28 / 10%);
  transform: translateY(-3px);
}

:is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card .home-collection-card__link:focus-visible {
  outline: 2px solid #408d47;
  outline-offset: 4px;
}

@media (max-width: 575.98px) {
  :is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft {
    padding: 18px 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(.compiled-page, .collection-page) .home-collection--reference-objects-archive-draft .home-collection-card .home-collection-card__link {
    transition: none;
  }
}