.collections-preview {
  --ivory: #f4f0e8; --ink: #111110; --stone: #c5beb3;
  --serif: 'Cormorant Garamond', Georgia, serif; --sans: 'Inter', Arial, sans-serif;
  color: var(--ink); font: 16px/normal var(--sans);
}
.collections-preview { width: min(88%, 1280px); margin: 0 auto; padding-block: clamp(36px,4.2vw,66px) clamp(40px,5vw,75px); }
.collections-preview .collections-intro { display: grid; grid-template-columns: 1.3fr 1fr; align-items: end; gap: 6%; padding-bottom: clamp(26px,3vw,44px); }
.collections-preview .kicker { font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: .24em; margin: 0 0 20px; }
.collections-preview .collections-intro :is(h1,h2) { font: 400 clamp(45px,4.85vw,72px)/.98 var(--serif); letter-spacing: -.04em; margin: 0; }
.collections-preview .collections-intro :is(h1,h2) em { font-weight: 400; }
.collections-preview .coverage { max-width: 32ch; line-height: 1.6; font-size: 15px; margin: 0; color: #514c45; justify-self: end; }
.collections-preview .coverage strong, .collections-preview .collection-list strong { font-weight: 500; color: var(--ink); }
.collections-preview .collection-list { border-top: 1px solid var(--stone); }
.collections-preview .collection-list article { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.35fr) auto; align-items: center; gap: clamp(24px,4.4vw,66px); padding-block: clamp(22px,2.35vw,34px); border-bottom: 1px solid var(--stone); }
.collections-preview .collection-list :is(h2,h3) { margin: 0; font: 400 clamp(30px,3.05vw,46px)/1.04 var(--serif); letter-spacing: -.035em; }
.collections-preview .collection-list ul { margin: 0; padding-inline-start: 1.15em; max-width: 54ch; font-size: 14px; line-height: 1.65; color: #514c45; }
.collections-preview .collection-price { font: 500 clamp(29px,2.85vw,43px)/1 var(--serif); font-variant-numeric: lining-nums tabular-nums; letter-spacing: -.035em; text-align: right; white-space: nowrap; }
.collections-preview .collection-note { margin: 20px 0 0; color: #68635b; font-size: 12px; line-height: 1.6; }
.collections-preview .collection-link { display: inline-flex; align-items: center; justify-content: center; margin-top: clamp(22px,2.2vw,34px); min-height: 44px; padding: 12px 23px; border: 1px solid var(--ink); border-radius: 5px; background: var(--ink); color: var(--ivory); font-size: 13px; text-decoration: none; }
.collections-preview .collection-link:hover { background: #33312d; }
@media(max-width:760px) {
  .collections-preview .collections-intro { display: block; }
  .collections-preview .coverage { margin-top: 18px; max-width: 38ch; font-size: 14px; }
  .collections-preview .collection-list article { grid-template-columns: minmax(0,1fr) auto; gap: 9px 14px; padding-block: 19px; }
  .collections-preview .collection-price { grid-column: 2; grid-row: 1; font-size: 28px; }
  .collections-preview .collection-list :is(h2,h3) { font-size: clamp(29px,7.8vw,37px); }
  .collections-preview .collection-list ul { grid-column: 1 / -1; }
}
.collections-preview .collection-link:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }