.collection-pages .marketing-eyebrow { justify-content: flex-start; }
.collection-title { font-size: clamp(2.25rem, 4vw, 3.5rem); }
.collection-section { padding-block: 4rem; scroll-margin-top: 1rem; }
.collection-lede { max-width: 48rem; }
.collection-hero { display: grid; grid-template-areas: "heading" "preview" "details"; gap: 1.5rem; }
.collection-hero-heading { grid-area: heading; min-width: 0; }
.collection-hero-details { grid-area: details; min-width: 0; }
.collection-hero-preview { grid-area: preview; min-width: 0; }
.collection-band { background: var(--cf-surface); border-block: 2px solid var(--cf-ink); }
.collection-card { padding: 1.5rem; background: var(--cf-page); border: 2px solid var(--cf-ink); border-radius: 10px; box-shadow: 3px 3px 0 var(--cf-ink); }
.collection-link { color: var(--cf-ink); text-decoration: underline; text-decoration-color: var(--brass); text-decoration-thickness: 2px; text-underline-offset: .25em; }
.collection-link:hover { color: var(--cf-ink); text-decoration-color: var(--cf-ink); }
.collection-link:focus-visible { outline: 3px solid var(--cf-ink); outline-offset: 4px; }
.collection-pages .cf-marketing-footer { border-top: 2px solid var(--cf-ink) !important; }
@media (min-width: 992px) {
  .collection-hero { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "heading preview" "details preview"; column-gap: 3rem; align-items: center; }
  .collection-story.collection-band .collection-story-copy { order: 2; }
}
@media (max-width: 767.98px) {
  .collection-section { padding-block: 2rem; }
  .collection-card { padding: 1.25rem; }
  .collection-pages .cf-marketing-footer { padding-bottom: calc(4.5rem + env(safe-area-inset-bottom)) !important; }
}