.collections-with-images{padding-top:var(--padding-top, 36px);padding-bottom:var(--padding-bottom, 36px)}.collections-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;max-width:120rem;margin:0 auto}.layout-image-left .collections-container{grid-template-areas:"image text"}.layout-image-left .collections-list{grid-area:text}.layout-image-left .collections-images{grid-area:image}.layout-image-right .collections-container{grid-template-areas:"text image"}.layout-image-right .collections-list{grid-area:text}.layout-image-right .collections-images{grid-area:image}.collections-list{display:flex;flex-direction:column;gap:var(--title-spacing, 20px);padding:2rem 0;justify-content:var(--content-justify, center);align-items:stretch;min-height:60vh}.collection-item{position:relative;text-align:var(--text-align, left)}.collection-link{text-decoration:none;color:inherit;transition:opacity .3s ease}.collection-link:hover{opacity:.7}.collection-name{font-size:clamp(2.4rem,5vw,4.8rem);font-weight:300;letter-spacing:.1em;margin:0;line-height:1.2;color:var(--text-color, #1a1a1a);transition:all .3s ease}.collection-item:hover .collection-name{transform:var(--text-align, left) == "center" ? translateY(-.5rem) : var(--text-align, left) == "right" ? translate(-1rem) : translate(1rem);color:var(--text-hover-color, #666666)}.layout-image-left .collection-item:hover .collection-name{transform:var(--text-align, left) == "center" ? translateY(-.5rem) : var(--text-align, left) == "right" ? translate(1rem) : translate(-1rem)}.collections-images{position:sticky;top:2rem;height:fit-content}.collection-image-wrapper{position:relative;overflow:hidden;border-radius:var(--border-radius, 8px);width:var(--image-width, 80%);max-width:50rem;margin:0 auto;border:var(--border-width, 2px) solid var(--image-border-color, transparent);transition:border-color .3s ease,transform .3s ease}.collection-image-wrapper{aspect-ratio:var(--image-aspect-ratio, 4/5)}.collections-with-images[style*="--image-aspect-ratio: auto"] .collection-image-wrapper{aspect-ratio:unset;height:var(--image-height, 60vh)}.collection-image-wrapper:hover{border-color:var(--text-hover-color, #666666)}.collection-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,transform .5s ease;position:absolute;top:0;left:0;opacity:0;pointer-events:none}.collection-image.active{opacity:1;pointer-events:auto;z-index:2}.collection-image-wrapper:hover .collection-image.active{transform:scale(1.02)}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--background-color, #f5f5f5);border-radius:var(--border-radius, 8px);position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.placeholder-image.active{opacity:1;pointer-events:auto;z-index:2}@media screen and (max-width: 990px){.collections-container{grid-template-columns:1fr!important;grid-template-areas:"image" "text"!important;gap:3rem}.collections-images{position:relative;top:auto;grid-area:image}.collections-list{grid-area:text;min-height:auto}.collection-name{font-size:clamp(2rem,6vw,3.6rem)}}@media screen and (max-width: 750px){.collections-with-images{padding-left:1.5rem;padding-right:1.5rem}.collections-container{gap:2rem;grid-template-columns:1fr!important;grid-template-areas:"image" "text"!important}.collections-images{grid-area:image;position:relative;top:auto}.collections-list{gap:var(--title-spacing, 20px);min-height:auto;grid-area:text}.collection-item{text-align:var(--mobile-text-align, center)}.collection-name{font-size:clamp(1.8rem,7vw,2.8rem)}.collection-item:hover .collection-name{transform:var(--mobile-text-align, center) == "center" ? translateY(-.5rem) : var(--mobile-text-align, center) == "right" ? translate(-1rem) : translate(1rem)}.collection-image-wrapper{width:95%;max-width:40rem;margin:0 auto}}.collection-item.touch-active{background-color:#0000000d;border-radius:8px;padding:.5rem;margin:-.5rem}.collection-item.touch-active .collection-name{color:var(--text-hover-color, #666666);transform:translateY(-.2rem)}@media (hover: none) and (pointer: coarse){.collection-item{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:all .2s ease}.collection-link{display:block;padding:.5rem 0;-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:all .2s ease}.collection-link:active,.collection-item:active{background-color:#0000000d;transform:scale(.98)}.collection-item:hover .collection-name{transform:none;color:var(--text-color, #1a1a1a)}.collection-item.touch-active .collection-name{transform:translateY(-.2rem)!important;color:var(--text-hover-color, #666666)!important}.collection-link{pointer-events:auto;z-index:10;position:relative}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.collection-item{animation:fadeInUp .6s ease forwards}.collection-item:nth-child(1){animation-delay:.1s}.collection-item:nth-child(2){animation-delay:.2s}.collection-item:nth-child(3){animation-delay:.3s}.collection-item:nth-child(4){animation-delay:.4s}.collection-item:nth-child(5){animation-delay:.5s}.collection-image-wrapper{animation:fadeInUp .8s ease forwards}.collection-image-wrapper:nth-child(1){animation-delay:.2s}.collection-image-wrapper:nth-child(2){animation-delay:.3s}.collection-image-wrapper:nth-child(3){animation-delay:.4s}.collection-image-wrapper:nth-child(4){animation-delay:.5s}.collection-image-wrapper:nth-child(5){animation-delay:.6s}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collections-with-images.css.map */