/* Collections directory: compact introduction in the established cream/Jardin/Sefira world. */
.bg-collections-compact .collection-directory{padding-top:84px}
.bg-collections-compact .hd:not(.stuck){background:var(--ivory);color:var(--ink)}
.bg-collections-compact .cd-directory-head{padding-block:32px 20px}
.bg-collections-compact .cd-directory-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.bg-collections-compact .cd-directory-copy h1{font:400 clamp(44px,4.5vw,64px)/1.08 var(--f-heb);margin:0;text-wrap:balance}
.bg-collections-compact .cd-directory-copy p{font:400 18px/1.6 var(--f-body);color:var(--muted);max-width:38ch;margin:0}
.bg-collections-compact .cd-index{display:flex;flex-wrap:nowrap;direction:ltr;gap:24px;max-width:100%;min-width:0;margin-top:20px;padding:0 4px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--hair) transparent}
.bg-collections-compact .cd-index a{flex:none;min-height:44px;white-space:nowrap;scroll-margin-inline:24px}
.bg-collections-compact .cd-index a:focus-visible{outline-offset:-2px}
.bg-collections-compact .cd-index::-webkit-scrollbar{height:4px}
.bg-collections-compact .cd-index::-webkit-scrollbar-thumb{background:var(--hair)}
.bg-collections-compact .cd-index::-webkit-scrollbar-track{background:transparent}
.bg-collections-compact .cd-index:focus-within{scrollbar-color:var(--olive) transparent}
.bg-collections-compact .cd-intro{padding-block:48px 0}
.bg-collections-compact .cd-note{padding-top:32px}
@media(max-width:640px){
 .bg-collections-compact .collection-directory{padding-top:68px}
 .bg-collections-compact .cd-directory-head{padding-block:24px 16px}
 .bg-collections-compact .cd-directory-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
 .bg-collections-compact .cd-directory-copy h1{font-size:48px}
 .bg-collections-compact .cd-directory-copy p{font-size:17px;line-height:1.6;max-width:38ch}
 .bg-collections-compact .cd-index{margin-top:16px;gap:24px}
 .bg-collections-compact .cd-intro{padding-block:32px 0}
 .bg-collections-compact .cd-note{padding-top:24px}
}