.collection__banner{padding:var(--space-m)}.collection__banner-text{display:flex;flex-direction:column;gap:var(--space-xl)}.collection__heading{display:flex;flex-direction:column;gap:var(--space-xs)}.collection__title{margin:0;font-family:var(--font-display);font-size:var(--text-display-2);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-display);color:var(--color-text)}.collection__subheader{margin:0;font-family:var(--font-body);font-size:var(--text-header-3);font-style:normal;font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-display);color:var(--color-text)}.collection__body{margin:0;font-family:var(--font-body);font-size:var(--text-body-1);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);line-height:var(--leading-body);color:var(--color-text)}.collection__body p{margin:0}.collection__subcollections{display:flex;flex-wrap:wrap;gap:var(--space-s)}.collection__subcollections[data-width=fill] .collection__subcollection-btn{flex:1 0 0}.collection__subcollections:has(>.collection__subcollection-btn:nth-child(2):last-child){gap:0}.collection__subcollections:has(>.collection__subcollection-btn:nth-child(2):last-child) .collection__subcollection-btn:first-child{padding-right:var(--space-s)}.collection__subcollections:has(>.collection__subcollection-btn:nth-child(2):last-child) .collection__subcollection-btn:last-child{padding-left:var(--space-s)}.collection__subcollection-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-s) var(--space-m);border:var(--border-weight) solid var(--color-black);background:transparent;font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-header);color:var(--color-text);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.collection__subcollection-btn:hover,.collection__subcollection-btn--solid{background-color:var(--color-black);color:var(--color-white)}.collection__subcollection-btn--solid:hover{background-color:var(--color-dark-grey)}.collection__image-buttons{position:relative;overflow:hidden;border-top:var(--border);border-bottom:var(--border)}.collection__image-buttons-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.collection__image-buttons-track::-webkit-scrollbar{display:none}.collection__image-btn{position:relative;display:flex;flex-direction:column;justify-content:flex-end;flex:0 0 320px;aspect-ratio:320 / 180;overflow:hidden;scroll-snap-align:start;text-decoration:none;color:var(--color-white);border-right:var(--border)}.collection__image-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#01020300 50%,#010203cc)}.collection__image-btn-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}.collection__image-btn-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-xxs);padding:var(--space-s);width:100%}.collection__image-btn-subtitle{font-family:var(--font-body);font-size:var(--text-header-3);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-header)}.collection__image-btn-title{font-family:var(--font-display);font-size:var(--text-header-1);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}.collection__image-buttons-indicator{display:flex;position:absolute;bottom:0;left:0;right:0;z-index:2}.collection__image-buttons-segment{flex:1;height:2px;background-color:#fff6}.collection__image-buttons-segment--active{background-color:var(--color-white)}.collection__filter-bar{position:sticky;top:var(--header-height);z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 var(--space-m);background-color:var(--color-white);border-top:var(--border);border-bottom:var(--border);box-shadow:0 4px 8px #01020340}.collection__image-buttons~.collection__filter-bar{border-top:none}.collection__filter-btn{display:flex;align-items:center;gap:var(--space-s);align-self:stretch;padding:0 var(--space-m) 0 0;border:none;background:none;font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-header);color:var(--color-text);cursor:pointer;white-space:nowrap}.collection__filter-text{display:flex;align-items:center;gap:var(--space-xs)}.collection__filter-icon{flex-shrink:0}.collection__filter-count{color:var(--color-koi)}.collection__bar-controls{display:flex;align-items:stretch;height:100%;gap:calc(var(--space-s) - 10px)}.collection__model-toggle,.collection__zoom-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-m);height:100%;padding:0 var(--space-s);border:none;background:none;font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-header);color:var(--color-text);cursor:pointer}.collection__toggle-track{position:relative;width:32px;height:18px;box-shadow:0 0 0 var(--border-weight) var(--color-black);border-radius:9px;background:transparent;flex-shrink:0;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.collection__toggle-ball{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 var(--border-weight) var(--color-black);background:transparent;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.collection__model-toggle.is-active .collection__toggle-track,.collection__zoom-toggle.is-active .collection__toggle-track{background-color:var(--color-black)}.collection__model-toggle.is-active .collection__toggle-ball,.collection__zoom-toggle.is-active .collection__toggle-ball{transform:translate(14px);background-color:var(--color-white);box-shadow:0 0 0 var(--border-weight) var(--color-white)}.collection__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;column-gap:var(--border-weight);background-color:var(--border-color);border-top:var(--border);border-left:var(--border);border-right:var(--border)}.collection__grid>.product-card{overflow:hidden;background-color:var(--color-white);border-bottom:var(--border)}.collection__media-card{position:relative;grid-column:1 / -1;display:flex;flex-direction:column;justify-content:var(--media-card-v-align, flex-end);align-items:var(--media-card-h-align, flex-start);height:320px;overflow:hidden;background-color:var(--color-white);border-bottom:var(--border);padding:var(--space-m);gap:var(--space-xs)}.collection__media-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#01020300 50%,#010203cc);pointer-events:none}.collection__media-card-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection__media-card-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:var(--media-card-h-align, flex-start);gap:var(--space-xs)}.collection__media-card-title{font-family:var(--font-display);font-size:var(--text-header-1);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-display);color:var(--color-white)}.collection__media-card-subtitle{font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-header);color:var(--color-white)}.collection__media-card--no-gradient:after{display:none}.collection__media-card-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--space-xs);padding:var(--space-xs) var(--space-m);font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-header);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.collection__media-card-btn--solid{background-color:var(--color-white);color:var(--color-black);border:var(--border-weight) solid var(--color-white)}.collection__media-card-btn--solid:hover{background-color:transparent;color:var(--color-white)}.collection__media-card-btn--outline{background-color:transparent;color:var(--color-white);border:var(--border-weight) solid var(--color-white)}.collection__media-card-btn--outline:hover{background-color:var(--color-white);color:var(--color-black)}.collection__load-more{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);padding:var(--space-m)}.collection__load-more-progress{position:relative;width:100%;height:2px;background-color:var(--color-light-grey)}.collection__load-more-bar{position:absolute;top:0;left:0;height:100%;background-color:var(--color-black);transition:width var(--transition-base)}.collection__load-more-text{margin:0;font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);line-height:var(--leading-header);color:var(--color-text);text-align:center}.collection__load-more-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-s) var(--space-m);border:var(--border-weight) solid var(--color-black);background:transparent;font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-header);color:var(--color-text);text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.collection__load-more-btn:hover{background-color:var(--color-black);color:var(--color-white)}.collection__load-more-btn.is-loading{pointer-events:none;opacity:.6}.collection__grid-area{min-width:0}.collection__grid-area.is-filtering{opacity:.4;pointer-events:none;transition:opacity .2s ease}#products{scroll-margin-top:calc(var(--header-height) + 50px)}.collection__grid.is-zoomed{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){#products{scroll-margin-top:calc(var(--header-height) + 57px)}.collection__filter-bar{height:57px}.collection__image-btn{flex:0 0 340px}.collection__media-card{height:480px}.collection__load-more-progress,.collection__load-more-btn{width:50%}}@media(min-width:1024px){.collection__layout{display:flex;align-items:flex-start}.collection__grid-area{flex:1}.collection__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.collection__grid.collection__grid--3-up{grid-template-columns:repeat(3,minmax(0,1fr))}.collection__grid.is-zoomed{grid-template-columns:repeat(2,minmax(0,1fr))}.collection__banner{padding:var(--space-xl)}.collection__banner-text{max-width:930px}.collection__image-btn{flex:1 0 0;aspect-ratio:16 / 9}.collection__image-buttons-indicator{display:none}.collection__media-card{height:640px}.collection__load-more-progress,.collection__load-more-btn{width:33.333%}}@media(prefers-reduced-motion:reduce){.collection__grid-area.is-filtering{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/327/assets/section-main-collection.css.map */