.collection-list__header{margin-bottom:var(--heading-gap)}.collection-list__intro{max-width:60rem;margin-top:var(--space-4)}.collection-list__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-4)}.collection-list__grid.slider__track--rail-below-md{--rail-item: 24rem}.collection-list__footer{display:flex;justify-content:flex-start;margin-top:var(--space-8)}@media(min-width:48em){.collection-list__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6) var(--space-4)}.collection-list__footer{justify-content:center;margin-top:var(--space-9)}}@media(min-width:64em){.collection-list__grid{gap:var(--space-10) var(--space-8)}.collection-list--heading-split .collection-list__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:var(--space-14)}.collection-list--heading-split .collection-list__intro{margin-top:0}.collection-list--card .collection-list__grid{gap:var(--space-8)}}.collection-tile{display:flex;flex-direction:column;gap:var(--space-3);color:var(--color-text-primary)}.collection-tile:hover{color:var(--color-text-primary)}.collection-tile__media{--media-ratio: 10 / 9}.collection-tile__media img{transition:transform var(--duration-slower) var(--ease-standard)}.collection-tile__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.collection-tile__title{font-family:var(--font-display);font-size:1.7rem;line-height:1.25;transition:color var(--duration-fast) var(--ease-standard)}.collection-tile__cta-label{display:none}.collection-tile__cta .icon{transition:transform var(--duration-base) var(--ease-standard)}@media(min-width:48em){.collection-tile__media{--media-ratio: 1}.collection-tile__title{font-size:1.6rem}.collection-tile__cta{display:none}}@media(min-width:64em){.collection-tile{gap:var(--space-4)}.collection-tile__media{--media-ratio: 74 / 75}.collection-tile__title{font-size:var(--text-title-lg)}.collection-tile__cta{display:inline-flex}.collection-tile__cta-label{display:inline}}@media(hover:hover){.collection-tile:hover img,.collection-card:hover img{transform:scale(var(--scale-image-hover))}.collection-tile:hover .collection-tile__title{color:var(--color-text-accent)}.collection-tile:hover .collection-tile__cta .icon,.collection-card:hover .collection-card__cta .icon{transform:translate(var(--distance-nudge))}}.collection-card{display:flex;flex-direction:column;height:100%;color:var(--color-text-primary)}.collection-card:hover{color:var(--color-text-primary)}.collection-card__media{--media-ratio: 1}.collection-card__media img{transition:transform var(--duration-slower) var(--ease-standard)}.collection-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-bg-page)}.collection-card__title{font-size:1.2rem;font-weight:var(--weight-semibold);line-height:1.4;letter-spacing:var(--tracking-button);text-transform:uppercase}.collection-card__text{font-size:var(--text-body-sm);line-height:1.6;color:var(--color-text-secondary)}.collection-card__cta{margin-top:auto;padding-top:var(--space-2)}.collection-card__cta .icon{transition:transform var(--duration-base) var(--ease-standard)}@media(min-width:48em){.collection-card__media{--media-ratio: 4 / 5}.collection-card__body{padding:var(--space-4)}}@media(min-width:64em){.collection-card__media{--media-ratio: 37 / 30}.collection-card__body{gap:var(--space-4);padding:var(--space-6)}.collection-card__title{font-size:1.3rem}.collection-card__text{font-size:1.45rem}}.collection-list__header-link{flex-shrink:0}.collection-list--portrait .collection-list__grid{gap:var(--space-5) var(--space-4)}.collection-portrait{display:flex;flex-direction:column;gap:var(--space-3);color:var(--color-text-primary)}.collection-portrait:hover{color:var(--color-text-primary)}.collection-portrait__media{--media-ratio: 10 / 9}.collection-portrait__media img{transition:transform var(--duration-slower) var(--ease-standard)}.collection-portrait__title{font-family:var(--font-display);font-size:1.6rem;line-height:1.3;transition:color var(--duration-fast) var(--ease-standard)}@media(min-width:48em){.collection-list--portrait .collection-list__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6) var(--space-4)}.collection-portrait__media{--media-ratio: 27 / 25}.collection-portrait__title{font-size:1.8rem}}@media(min-width:64em){.collection-list--portrait .collection-list__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-6)}.collection-portrait{gap:var(--space-4)}.collection-portrait__media{--media-ratio: 4 / 5}}.collection-list--row .collection-list__grid{grid-template-columns:minmax(0,1fr);gap:0}.collection-row{display:flex;align-items:center;gap:var(--space-4);min-height:9.6rem;padding-block:var(--space-3);border-top:var(--border-hairline) solid var(--color-border-subtle);color:var(--color-text-primary)}.collection-row:hover{color:var(--color-text-primary)}.collection-row__media{--media-ratio: 1;flex:0 0 7.2rem}.collection-row__media img{transition:transform var(--duration-slower) var(--ease-standard)}.collection-row__body{display:flex;flex:1;flex-direction:column;gap:var(--space-1);min-width:0}.collection-row__title{font-family:var(--font-display);font-size:1.8rem;line-height:1.25;transition:color var(--duration-fast) var(--ease-standard)}.collection-row__text{font-size:var(--text-body-sm);line-height:1.55;color:var(--color-text-muted)}.collection-row__arrow{color:var(--color-text-accent)}.collection-row__cta .icon,.collection-text__cta .icon{transition:transform var(--duration-base) var(--ease-standard)}@media(min-width:48em){.collection-list--row .collection-list__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.collection-row{flex-direction:column;align-items:stretch;gap:0;height:100%;min-height:0;padding:0;border:0;background:var(--color-bg-surface)}.collection-row__media{--media-ratio: 3 / 2;flex:0 0 auto}.collection-row__body{gap:var(--space-2);padding:var(--space-5)}.collection-row__title{font-size:2rem}}@media(min-width:64em){.collection-list--row .collection-list__grid{gap:var(--space-8)}.collection-row{flex-direction:row;min-height:22rem}.collection-row__media{flex:0 0 17.6rem;aspect-ratio:auto}.collection-row__body{justify-content:center;gap:var(--space-3);padding:var(--space-7)}.collection-row__title{font-size:2.4rem}.collection-row__cta{margin-top:var(--space-2)}}.collection-list--text .collection-list__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.collection-text{display:flex;flex-direction:column;gap:var(--space-2);height:100%;padding:var(--space-5);background:var(--color-bg-page);color:var(--color-text-primary)}.collection-text:hover{color:var(--color-text-primary)}.collection-text__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.collection-text__title{font-size:1.2rem;font-weight:var(--weight-semibold);line-height:1.4;letter-spacing:var(--tracking-button);text-transform:uppercase;transition:color var(--duration-fast) var(--ease-standard)}.collection-text__arrow{color:var(--color-text-accent)}.collection-text__text{font-size:1.35rem;line-height:1.55;color:var(--color-text-secondary)}.collection-text__cta{margin-top:auto;padding-top:var(--space-4)}@media(min-width:48em){.collection-list--text .collection-list__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.collection-text{gap:var(--space-3);min-height:17rem;padding:var(--space-6)}.collection-text__text{font-size:1.4rem}}@media(min-width:64em){.collection-list--text .collection-list__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}.collection-text{gap:var(--space-4);min-height:20rem;padding:var(--space-7)}.collection-text__text{font-size:1.45rem}}@media(hover:hover){.collection-portrait:hover img,.collection-row:hover img{transform:scale(var(--scale-image-hover))}.collection-portrait:hover .collection-portrait__title,.collection-row:hover .collection-row__title,.collection-text:hover .collection-text__title{color:var(--color-text-accent)}.collection-row:hover .collection-row__cta .icon,.collection-text:hover .collection-text__cta .icon{transform:translate(var(--distance-nudge))}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-collection-list.css.map */