.collection-hero{background:var(--color-cream);text-align:center;padding:clamp(56px,7vw,80px) 0 clamp(52px,6.5vw,72px)}.collection-hero__eyebrow{margin-bottom:18px}.collection-hero__title{max-width:720px;margin-inline:auto}.collection-hero__text{max-width:560px;margin:20px auto 0;font-size:1.125rem;color:var(--color-grey)}.collection-hero--image{text-align:left;padding:clamp(40px,5vw,56px) 0}.collection-hero--image .collection-hero__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.collection-hero--image .collection-hero__title,.collection-hero--image .collection-hero__text{margin-inline:0}.collection-hero__media{border-radius:var(--radius);overflow:hidden;aspect-ratio:4 / 3}.collection-hero__image{width:100%;height:100%;object-fit:cover}.collection{padding-top:40px}.collection-ranges{display:flex;justify-content:center;margin-bottom:36px}.collection-ranges__bar{position:relative;display:inline-flex;gap:2px;padding:6px;border-radius:999px;background:var(--color-hover)}.collection-ranges__link{position:relative;z-index:1;display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:999px;font-size:.875rem;font-weight:600;white-space:nowrap;transition:color .35s var(--ease)}.collection-ranges__link:hover{color:var(--color-olive)}.collection-ranges__link[aria-current=page]{color:#fff}.collection-ranges__indicator{position:absolute;z-index:0;top:6px;left:0;width:0;height:42px;border-radius:999px;background:var(--color-ink);opacity:0;transition:transform .5s var(--ease-out),width .5s var(--ease-out),height .5s var(--ease-out)}.collection-ranges__bar.is-instant .collection-ranges__indicator{transition:none}.collection-ranges:not(.is-ready) .collection-ranges__link[aria-current=page]{background:var(--color-ink)}.collection__results{position:relative;transition:opacity .25s}.collection__results.is-loading{opacity:.45;pointer-events:none}.collection__grid{display:grid;grid-template-columns:repeat(var(--columns, 3),minmax(0,1fr));gap:24px}.collection__item{display:flex;min-width:0}.collection__item>*{flex:1}.collection__empty{padding:48px 16px;border:1px dashed var(--color-line-strong);border-radius:20px;text-align:center;color:var(--color-grey)}.collection__empty b{color:var(--color-ink)}.collection__empty .button{margin-top:16px}.collection-promo{display:flex;align-items:center;gap:22px;margin-top:40px;padding:18px 26px 18px 18px;border-radius:var(--radius);background:var(--color-ink);color:#fff;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease)}.collection-promo--link:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.collection-promo__media{width:96px;height:96px;flex:none;border-radius:16px;overflow:hidden;background:#fff}.collection-promo__image{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}.collection-promo--link:hover .collection-promo__image{transform:scale(1.08)}.collection-promo__text{display:flex;flex-direction:column;gap:4px;min-width:0}.collection-promo__eyebrow{color:var(--color-lime)}.collection-promo__heading{font-size:1.375rem;font-weight:600;line-height:1.25}.collection-promo__body{font-size:.875rem;opacity:.75}.collection-promo__arrow{width:48px;height:48px;flex:none;margin-left:auto;border-radius:50%;background:#fff;color:var(--color-ink);display:flex;align-items:center;justify-content:center;transition:transform .35s var(--ease-out)}.collection-promo--link:hover .collection-promo__arrow{transform:translate(4px)}.collection-promo__arrow .icon{width:18px;height:18px}@media(max-width:1024px){.collection__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.collection-ranges__bar{display:flex;flex:1 1 100%;flex-wrap:wrap;justify-content:center;row-gap:4px;min-width:0;max-width:640px;border-radius:26px}.collection-ranges__link{flex:1 1 auto;justify-content:center;padding:0 14px}}@media(max-width:768px){.collection-hero__text{font-size:1rem}.collection-hero--image .collection-hero__inner{grid-template-columns:1fr;gap:28px}.collection{padding-top:28px}.collection-ranges{margin-bottom:22px}.collection-promo{flex-wrap:wrap;gap:14px;padding:16px}.collection-promo__media{width:72px;height:72px}.collection-promo__text{flex:1}.collection-promo__heading{font-size:1.125rem}.collection-promo__arrow{display:none}}@media(max-width:560px){.collection__grid{gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-main-collection.css.map */