/* Collection discovery only; existing hero and page sections remain unchanged. */
.collection-discovery { margin: 0 0 48px; padding: 24px 0 32px; border-top: 1px solid #dedfce; border-bottom: 1px solid #dedfce; }
.collection-heading { display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; gap: 40px; margin-bottom: 24px; }
.collection-heading h2 { display: flex; align-items: center; gap: 24px; margin: 0; font: 400 clamp(1.8rem, 3vw, 2.5rem)/1.15 Georgia, serif; }
.collection-heading h2::after { content: ''; width: 56px; height: 1px; background: #d6d8c3; }
.collection-heading p { max-width: 350px; margin: 0; color: #64695e; font-size: .95rem; line-height: 1.6; }
.collection-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.collection-card { display: flex; flex-direction: column; min-width: 0; background: #faf9f4; border: 1px solid #e4dfd1; }
.collection-card > img { display: block; width: 100%; aspect-ratio: 1.4; object-fit: cover; }
.collection-card-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 18px 20px; }
.collection-card h3 { margin: 0 0 8px; font: 400 1.3rem/1.25 Georgia, serif; }
.collection-card p { margin: 0 0 16px; color: #64695e; font-size: .95rem; line-height: 1.5; }
.collection-arrow { display: grid; place-items: center; width: 38px; height: 38px; margin-top: auto; border-radius: 50%; background: #46563c; color: #fff; font-size: 23px; }
@media (max-width: 700px) {
  .collection-heading { grid-template-columns: 1fr; gap: 14px; }
  .collection-cards { grid-template-columns: 1fr; }
  .collection-card > img { aspect-ratio: 1.6; }
}