.home-collections{background-color:var(--color-bg-canvas)}.home-collections__list{margin:0;padding:0;list-style:none;border-top:var(--card-border-weight) solid var(--color-border-default)}.home-collections__item{border-bottom:var(--card-border-weight) solid var(--color-border-default);transition:border-color var(--duration-short, .1s) ease}.home-collections__row{display:flex;align-items:center;gap:var(--spacing-lg);padding:36px 0;color:var(--color-text-primary);text-decoration:none}.home-collections__number{flex:0 0 80px;font-family:var(--font-family-ui);font-size:var(--size-ui2);line-height:var(--line-height-ui);color:var(--color-text-brand)}.home-collections__title{flex:0 0 460px;font-family:var(--font-family-content);font-size:var(--size-h2);font-weight:var(--font-weight-content-medium);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);transition:color var(--duration-short, .1s) ease}.home-collections__text{flex:1 1 0;min-width:0;font-family:var(--font-family-content);font-size:var(--size-p2);line-height:var(--line-height-body);color:var(--color-text-body)}.home-collections__arrow{flex:0 0 24px;color:var(--color-text-primary);transition:color var(--duration-short, .1s) ease,transform var(--duration-short, .1s) ease}.home-collections__item:hover,.home-collections__item:focus-within{border-bottom-color:var(--color-text-eyebrow)}.home-collections__row:hover .home-collections__title,.home-collections__row:focus-visible .home-collections__title,.home-collections__row:hover .home-collections__arrow,.home-collections__row:focus-visible .home-collections__arrow{color:var(--color-text-eyebrow)}.home-collections__row:hover .home-collections__arrow{transform:translate(4px)}.home-collections__row:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}@media screen and (max-width:989px){.home-collections__title{flex-basis:260px}}@media screen and (max-width:749px){.home-collections__row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"number arrow" "title arrow" "text arrow";column-gap:var(--spacing-sm);row-gap:var(--space-5);padding:24px 0}.home-collections__number{grid-area:number}.home-collections__title{grid-area:title;font-size:var(--size-h3)}.home-collections__text{grid-area:text;font-size:var(--size-p3)}.home-collections__arrow{grid-area:arrow;align-self:center}}@media(prefers-reduced-motion:reduce){.home-collections__arrow{transition:none}.home-collections__row:hover .home-collections__arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-home-collections.css.map */
