.collection-directory{padding-block-end:clamp(4rem,8vw,8rem);background:var(--gradient-background);color:var(--color-foreground)}.collection-directory__heading h1{font-size:clamp(var(--heading-display-min),var(--heading-display-fluid),var(--heading-display-max));line-height:.92;letter-spacing:-.06em;text-transform:uppercase}.collection-directory__grid{display:grid;grid-template-columns:repeat(var(--directory-columns-desktop, 3),minmax(0,1fr));gap:1rem}.directory-card{min-width:0;overflow:hidden;border:max(1px,var(--card-border-width, 0px)) solid var(--color-line);border-radius:var(--card-radius, 0);background:var(--color-surface);color:var(--color-surface-foreground)}.directory-card__link{display:grid;height:100%;color:inherit;text-decoration:none}.directory-card__media{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-background);border-radius:var(--media-radius, 0)}.directory-card__media picture{display:block;height:100%}.directory-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.motion-enabled .directory-card__link:hover .directory-card__media img{transform:scale(1.025)}.directory-card__content{display:grid;align-content:start;gap:.65rem;padding:clamp(1rem,2.5vw,1.65rem)}.directory-card__title{overflow-wrap:anywhere;font-size:clamp(var(--heading-compact-min),var(--heading-compact-fluid),var(--heading-compact-max));font-weight:700;line-height:1;letter-spacing:-.04em;text-transform:uppercase}.directory-card__meta{color:var(--color-muted);font-size:.78rem;line-height:1.55}.directory-card__count{color:var(--color-muted);font-size:.7rem;text-transform:uppercase}.directory-card__content .text-link{margin-block-start:auto;padding-block-start:.5rem}.directory-card--text-only .directory-card__content{min-height:15rem;align-content:end}.collection-directory__editor-note{padding:2rem;border:1px dashed var(--color-line);color:var(--color-muted)}@media(max-width:989px){.collection-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.collection-directory__grid{grid-template-columns:repeat(var(--directory-columns-mobile, 1),minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-collections.css.map */
