.collection-collage-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:0 15px}.collection-collage-header{text-align:center;margin-bottom:30px}.collection-collage-heading{margin:0 0 12px;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.collection-collage-heading.h0{font-size:40px;line-height:1.2}.collection-collage-heading.h1{font-size:32px;line-height:1.2}.collection-collage-heading.h2{font-size:26px;line-height:1.3}.collection-collage-heading.h3{font-size:20px;line-height:1.3}.collection-collage-subheading{color:#000000b3;margin:0;line-height:1.6}.collection-collage-subheading.body-small{font-size:14px}.collection-collage-subheading.body-medium{font-size:16px}.collection-collage-subheading.body-large{font-size:18px}.collection-collage-grid{display:grid;gap:15px;margin-bottom:30px}.collection-collage-layout-magazine{grid-template-columns:1fr;grid-auto-rows:auto}.collection-collage-layout-magazine .collection-collage-item{min-height:280px}.collection-collage-layout-magazine .collection-collage-item.large{min-height:400px}.collection-collage-layout-magazine .collection-collage-item.medium{min-height:320px}.collection-collage-layout-magazine .collection-collage-item.small{min-height:250px}.collection-collage-layout-balanced{grid-template-columns:1fr;grid-auto-rows:auto}.collection-collage-layout-balanced .collection-collage-item{min-height:280px}.collection-collage-layout-balanced .collection-collage-item.large{min-height:380px}.collection-collage-layout-balanced .collection-collage-item.medium{min-height:320px}.collection-collage-layout-balanced .collection-collage-item.small{min-height:250px}.collection-collage-layout-asymmetric{grid-template-columns:1fr;grid-auto-rows:auto}.collection-collage-layout-asymmetric .collection-collage-item{min-height:280px}.collection-collage-layout-asymmetric .collection-collage-item.large{min-height:400px}.collection-collage-layout-asymmetric .collection-collage-item.medium{min-height:320px}.collection-collage-layout-asymmetric .collection-collage-item.small{min-height:250px}.collection-collage-item{position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.collection-collage-item.is-visible{opacity:1;transform:translateY(0)}.collection-collage-grid[data-animation=scale_in] .collection-collage-item{transform:scale(.9)}.collection-collage-grid[data-animation=scale_in] .collection-collage-item.is-visible{transform:scale(1)}.collection-collage-grid[data-animation=none] .collection-collage-item{opacity:1;transform:none;transition:none}.collection-collage-card{position:relative;height:100%;display:flex;flex-direction:column;background:#f9f9f9;overflow:hidden}.collection-collage-link{text-decoration:none;color:inherit;display:block;flex:1}.collection-collage-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background:#f5f5f5}.collection-collage-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.collection-collage-card:hover .collection-collage-img,.collection-collage-card.is-touched .collection-collage-img{transform:scale(1.05)}.collection-collage-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#0000001a,#0006);pointer-events:none;transition:opacity .3s ease}.collection-collage-card:hover .collection-collage-overlay{opacity:.8}.collection-collage-text{position:relative;z-index:2}.collection-collage-text-overlay{position:absolute;padding:20px;color:#fff;pointer-events:none}.collection-collage-text-overlay.collection-collage-text-top-left{top:0;left:0;align-items:flex-start;text-align:left}.collection-collage-text-overlay.collection-collage-text-top-center{top:0;left:50%;transform:translate(-50%);text-align:center}.collection-collage-text-overlay.collection-collage-text-top-right{top:0;right:0;text-align:right}.collection-collage-text-overlay.collection-collage-text-center-left{top:50%;left:0;transform:translateY(-50%);text-align:left}.collection-collage-text-overlay.collection-collage-text-center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.collection-collage-text-overlay.collection-collage-text-center-right{top:50%;right:0;transform:translateY(-50%);text-align:right}.collection-collage-text-overlay.collection-collage-text-bottom-left{bottom:0;left:0;text-align:left}.collection-collage-text-overlay.collection-collage-text-bottom-center{bottom:0;left:50%;transform:translate(-50%);text-align:center}.collection-collage-text-overlay.collection-collage-text-bottom-right{bottom:0;right:0;text-align:right}.collection-collage-text-outside{padding:16px 12px;background:#fff;color:#000}.collection-collage-text-outside.collection-collage-text-top-left,.collection-collage-text-outside.collection-collage-text-center-left,.collection-collage-text-outside.collection-collage-text-bottom-left{text-align:left}.collection-collage-text-outside.collection-collage-text-top-center,.collection-collage-text-outside.collection-collage-text-center,.collection-collage-text-outside.collection-collage-text-bottom-center{text-align:center}.collection-collage-text-outside.collection-collage-text-top-right,.collection-collage-text-outside.collection-collage-text-center-right,.collection-collage-text-outside.collection-collage-text-bottom-right{text-align:right}.collection-collage-text-content{font-weight:400;letter-spacing:.03em;line-height:1.4}.collection-collage-text-content.text-small{font-size:14px}.collection-collage-text-content.text-medium{font-size:16px}.collection-collage-text-content.text-large{font-size:20px}.collection-collage-text-content.text-xlarge{font-size:26px}.collection-collage-text-content p{margin:0}.collection-collage-button-wrapper{position:absolute;z-index:3;opacity:0;transition:opacity .3s ease;pointer-events:none}.collection-collage-button-wrapper.collection-collage-button-position-top-left{top:15px;left:15px}.collection-collage-button-wrapper.collection-collage-button-position-top-center{top:15px;left:50%;transform:translate(-50%)}.collection-collage-button-wrapper.collection-collage-button-position-top-right{top:15px;right:15px}.collection-collage-button-wrapper.collection-collage-button-position-center-left{top:50%;left:15px;transform:translateY(-50%)}.collection-collage-button-wrapper.collection-collage-button-position-center{top:50%;left:50%;transform:translate(-50%,-50%)}.collection-collage-button-wrapper.collection-collage-button-position-center-right{top:50%;right:15px;transform:translateY(-50%)}.collection-collage-button-wrapper.collection-collage-button-position-bottom-left{bottom:15px;left:15px}.collection-collage-button-wrapper.collection-collage-button-position-bottom-center{bottom:15px;left:50%;transform:translate(-50%)}.collection-collage-button-wrapper.collection-collage-button-position-bottom-right{bottom:15px;right:15px}@media screen and (min-width: 750px){.collection-collage-button-wrapper.collection-collage-button-position-top-left{top:25px;left:25px}.collection-collage-button-wrapper.collection-collage-button-position-top-center{top:25px}.collection-collage-button-wrapper.collection-collage-button-position-top-right{top:25px;right:25px}.collection-collage-button-wrapper.collection-collage-button-position-center-left{left:25px}.collection-collage-button-wrapper.collection-collage-button-position-center-right{right:25px}.collection-collage-button-wrapper.collection-collage-button-position-bottom-left{bottom:25px;left:25px}.collection-collage-button-wrapper.collection-collage-button-position-bottom-center{bottom:25px}.collection-collage-button-wrapper.collection-collage-button-position-bottom-right{bottom:25px;right:25px}}@media (hover: hover){.collection-collage-card:hover .collection-collage-button-wrapper{opacity:1}}@media (hover: none){.collection-collage-card.is-touched .collection-collage-button-wrapper{opacity:1}}.collection-collage-button{display:inline-block;padding:12px 28px;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#6b7c3f,#8a9d5a,#6b7c3f,#8a9d5a,#6b7c3f);background-size:200% 200%;border:1px solid rgba(255,255,255,.3);border-radius:2px;box-shadow:0 4px 15px #6b7c3f66,inset 0 1px #fff3,inset 0 -1px #0003;text-shadow:0 1px 2px rgba(0,0,0,.3);cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;white-space:nowrap}@media screen and (min-width: 750px){.collection-collage-button{padding:14px 32px;font-size:14px}}.collection-collage-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.collection-collage-button:hover,.collection-collage-button:active{background:linear-gradient(135deg,#b76e79,#d4a5a5,#e8c4c4,#d4a5a5,#b76e79);background-size:200% 200%;animation:gradient-shift 2s ease infinite;box-shadow:0 6px 20px #b76e7980,inset 0 1px #fff6,inset 0 -1px #0003;border-color:#fff6;transform:translateY(-2px)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (hover: none){.collection-collage-card.is-touched .collection-collage-button{background:linear-gradient(135deg,#b76e79,#d4a5a5,#e8c4c4,#d4a5a5,#b76e79);animation:gradient-shift 2s ease infinite;box-shadow:0 6px 20px #b76e7980,inset 0 1px #fff6}}.collection-collage-main-button-wrapper{text-align:center;margin-top:30px}.collection-collage-main-button{display:inline-block;padding:16px 48px;font-size:15px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#fff;background:linear-gradient(135deg,#6b7c3f,#8a9d5a,#6b7c3f,#8a9d5a,#6b7c3f);background-size:200% 200%;border:1px solid rgba(255,255,255,.3);border-radius:2px;box-shadow:0 4px 15px #6b7c3f66,inset 0 1px #fff3,inset 0 -1px #0003;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.collection-collage-main-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);animation:shine 3s infinite}.collection-collage-main-button:hover,.collection-collage-main-button:active{background:linear-gradient(135deg,#b76e79,#d4a5a5,#e8c4c4,#d4a5a5,#b76e79);background-size:200% 200%;animation:gradient-shift 2s ease infinite;box-shadow:0 6px 20px #b76e7980,inset 0 1px #fff6,inset 0 -1px #0003;border-color:#fff6;transform:translateY(-2px)}@media screen and (min-width: 600px){.collection-collage-wrapper{padding:0 30px}.collection-collage-grid{gap:20px}.collection-collage-header{margin-bottom:50px}.collection-collage-layout-magazine{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.collection-collage-layout-magazine .collection-collage-item{min-height:320px}.collection-collage-layout-magazine .collection-collage-item.large{grid-row:span 2;min-height:450px}.collection-collage-layout-magazine .collection-collage-item.medium{min-height:320px}.collection-collage-layout-magazine .collection-collage-item.small{min-height:280px}.collection-collage-layout-balanced{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.collection-collage-layout-balanced .collection-collage-item{min-height:300px}.collection-collage-layout-balanced .collection-collage-item.large{min-height:420px}.collection-collage-layout-balanced .collection-collage-item.medium{min-height:340px}.collection-collage-layout-balanced .collection-collage-item.small{min-height:280px}.collection-collage-layout-asymmetric{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.collection-collage-layout-asymmetric .collection-collage-item{min-height:300px}.collection-collage-layout-asymmetric .collection-collage-item.large{grid-row:span 2;min-height:450px}.collection-collage-layout-asymmetric .collection-collage-item.medium{min-height:320px}.collection-collage-layout-asymmetric .collection-collage-item.small{grid-row:span 1;min-height:280px}}@media screen and (min-width: 990px){.collection-collage-wrapper{padding:0 50px}.collection-collage-grid{gap:25px}.collection-collage-header{margin-bottom:60px}.collection-collage-heading.h0{font-size:56px}.collection-collage-heading.h1{font-size:44px}.collection-collage-heading.h2{font-size:36px}.collection-collage-heading.h3{font-size:28px}.collection-collage-layout-magazine{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}.collection-collage-layout-magazine .collection-collage-item{min-height:350px}.collection-collage-layout-magazine .collection-collage-item.large{grid-row:span 2;min-height:550px}.collection-collage-layout-magazine .collection-collage-item.medium{min-height:400px}.collection-collage-layout-magazine .collection-collage-item.small{min-height:320px}.collection-collage-layout-magazine .collection-collage-item.large:nth-child(1){grid-column:1 / 2;grid-row:1 / 3}.collection-collage-layout-magazine .collection-collage-item.large:nth-child(2){grid-column:2 / 3;grid-row:1 / 3}.collection-collage-layout-balanced{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}.collection-collage-layout-balanced .collection-collage-item{min-height:350px}.collection-collage-layout-balanced .collection-collage-item.large{min-height:480px}.collection-collage-layout-balanced .collection-collage-item.medium{min-height:380px}.collection-collage-layout-balanced .collection-collage-item.small{min-height:320px}.collection-collage-layout-asymmetric{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto}.collection-collage-layout-asymmetric .collection-collage-item{min-height:300px}.collection-collage-layout-asymmetric .collection-collage-item.large{grid-column:span 2;grid-row:span 2;min-height:500px}.collection-collage-layout-asymmetric .collection-collage-item.medium{grid-column:span 2;grid-row:span 1;min-height:350px}.collection-collage-layout-asymmetric .collection-collage-item.small{grid-column:span 1;grid-row:span 1;min-height:300px}.collection-collage-text-overlay{padding:30px}.collection-collage-text-content.text-xlarge{font-size:32px}}@media screen and (min-width: 1400px){.collection-collage-grid{gap:30px}.collection-collage-layout-magazine .collection-collage-item.large{min-height:600px}.collection-collage-layout-magazine .collection-collage-item.medium{min-height:450px}.collection-collage-layout-magazine .collection-collage-item.small{min-height:350px}}@media print{.collection-collage-button-wrapper,.collection-collage-main-button-wrapper{display:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/collection-collage.css.map */