.subcollections{--card-width: 130px;--card-gap: 12px;--card-ratio: 2 / 3;--card-bg: #f2f2ea;background:transparent}.subcollections__inner{max-width:1200px;margin:0 auto;padding:0 24px;text-align:center}.subcollections__heading{font-weight:400;font-size:clamp(2.4rem,4vw,3.6rem);letter-spacing:.02em;margin:10px 0}.subcollections__grid{list-style:none;margin:0 auto;padding:0 0 5px;display:flex;gap:var(--card-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:center}.subcollections__grid.is-scrollable{justify-content:flex-start!important}.subcollections__grid::-webkit-scrollbar{display:none}.subcollections__item{margin:0;flex:0 0 auto;min-width:var(--card-width);width:max-content;scroll-snap-align:start;background-color:var(--card-bg);padding:8px clamp(2px,1vw,8px) 14px!important;box-sizing:border-box}.subcollections__link{display:block;text-decoration:none;color:inherit}.subcollections__image-wrap{width:var(--card-width);aspect-ratio:var(--card-ratio);overflow:hidden;background:#f3f2ea;margin:0 auto}.subcollections__image-wrap.scroll-trigger--onscreen{opacity:1;transform:translateY(0)}.subcollections__image,.subcollections__image--placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.subcollections__link:hover .subcollections__image{transform:scale(1.04)}.subcollections__title{display:block;margin-top:12px;overflow:visible;width:100%;text-align:center;font-size:12px;line-height:14px}.subcollections__title .mask-text__mask{display:grid;font-size:.68rem;letter-spacing:.03em;font-weight:500;white-space:nowrap}.subcollections__title .mask-text__mask span{grid-area:1 / 1;white-space:nowrap;transition:transform .35s ease,opacity .35s ease}.subcollections__title .mask-text__mask span:first-child{transform:translateY(0);opacity:1}.subcollections__title .mask-text__mask span:last-child{transform:translateY(100%);opacity:0;text-decoration:underline;text-underline-offset:3px}.subcollections__link:hover .mask-text__mask span:first-child{transform:translateY(-100%);opacity:0}.subcollections__link:hover .mask-text__mask span:last-child{transform:translateY(0);opacity:1}@media screen and (max-width:989px){.subcollections{--card-width: 120px}}@media screen and (max-width:599px){.subcollections{--card-width: calc((100vw - 48px - (3.4 * var(--card-gap))) / 3.4);--card-gap: 8px}.subcollections__title .mask-text__mask{font-size:.62rem;white-space:normal}}.subcollections__scrollbar{display:none;position:relative;height:2px;background:#ddd8cc;margin:4px auto 0;max-width:100%;cursor:pointer}.subcollections__scrollbar.is-active{display:block}.subcollections__scrollbar-thumb{position:absolute;top:-1px;left:0;height:2px;box-sizing:content-box;background:#1a1a1a;cursor:grab;width:20%;transition:transform .05s linear}.subcollections__scrollbar-thumb:before{content:"";display:block;height:1px;background:#1a1a1a;width:100%}.subcollections__scrollbar-thumb.is-dragging{cursor:grabbing}
/*# sourceMappingURL=/cdn/shop/t/155/assets/subcollection.css.map */