.collections-showcase{background-color:var(--showcase-bg, #0a0a0a);color:var(--showcase-text, #ffffff);position:relative;overflow:hidden}.showcase__container{max-width:1400px;margin:0 auto;padding:0 20px}@media screen and (min-width: 750px){.showcase__container{padding:0 40px}}.showcase__header{text-align:center;margin-bottom:48px;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.showcase__eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--showcase-accent, #3b82f6);margin-bottom:12px;position:relative}.showcase__eyebrow:before,.showcase__eyebrow:after{content:"";position:absolute;top:50%;width:40px;height:1px;background:var(--showcase-accent, #3b82f6);opacity:.5}.showcase__eyebrow:before{right:calc(100% + 15px)}.showcase__eyebrow:after{left:calc(100% + 15px)}.showcase__title{font-size:clamp(28px,5vw,48px);font-weight:700;line-height:1.1;margin:0 0 16px;letter-spacing:-.02em;color:var(--showcase-text, #ffffff)}.showcase__subtitle{font-size:clamp(14px,2vw,18px);color:color-mix(in srgb,var(--showcase-text, #ffffff) 70%,transparent);max-width:600px;margin:0 auto;line-height:1.6}.showcase__grid{display:grid;gap:16px}@media screen and (min-width: 750px){.showcase__grid{gap:24px}}.showcase__grid--grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.showcase__grid--featured{grid-template-columns:1fr}@media screen and (min-width: 750px){.showcase__grid--featured{grid-template-columns:repeat(2,1fr)}.showcase__grid--featured .showcase__card:first-child{grid-column:1 / -1}}@media screen and (min-width: 990px){.showcase__grid--featured{grid-template-columns:repeat(3,1fr)}.showcase__grid--featured .showcase__card:first-child{grid-column:1 / 3;grid-row:1 / 3}}.showcase__grid--masonry{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:200px;grid-auto-flow:dense}@media screen and (min-width: 750px){.showcase__grid--masonry .showcase__card:nth-child(3n+1){grid-row:span 2}}.showcase__grid--alternating{grid-template-columns:1fr}@media screen and (min-width: 750px){.showcase__grid--alternating{grid-template-columns:repeat(4,1fr)}.showcase__grid--alternating .showcase__card:nth-child(5n+1),.showcase__grid--alternating .showcase__card:nth-child(5n+2){grid-column:span 2}.showcase__grid--alternating .showcase__card:nth-child(5n+3),.showcase__grid--alternating .showcase__card:nth-child(5n+4),.showcase__grid--alternating .showcase__card:nth-child(5n+5){grid-column:span 1}}.showcase__card{position:relative;display:flex;flex-direction:column;background:#ffffff08;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;opacity:0;transform:translateY(30px)}.showcase__card.aos-animate{opacity:1;transform:translateY(0);transition:opacity .6s ease calc(var(--animation-delay, 0ms)),transform .6s ease calc(var(--animation-delay, 0ms)),box-shadow .4s ease}.showcase__card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.showcase__card-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#ffffff0d}.showcase__grid--featured .showcase__card:first-child .showcase__card-media{aspect-ratio:16 / 9}@media screen and (min-width: 990px){.showcase__grid--featured .showcase__card:first-child .showcase__card-media{aspect-ratio:auto;height:100%}}.showcase__grid--masonry .showcase__card-media{aspect-ratio:auto;height:100%}.showcase__card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.showcase__card:hover .showcase__card-image{transform:scale(1.08)}.showcase__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#3b82f60d)}.showcase__card-placeholder svg{width:48px;height:48px;color:#ffffff4d}.showcase__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.3) 50%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding:24px;opacity:0;transition:opacity .4s ease}.showcase__card:hover .showcase__card-overlay{opacity:1}.showcase__card-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--showcase-accent, #3b82f6);color:#fff;font-size:14px;font-weight:600;border-radius:100px;transform:translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .3s ease}.showcase__card:hover .showcase__card-cta{transform:translateY(0)}.showcase__card-cta:hover{background:color-mix(in srgb,var(--showcase-accent, #3b82f6) 85%,white)}.showcase__card-cta svg{transition:transform .3s ease}.showcase__card:hover .showcase__card-cta svg{transform:translate(4px)}.showcase__card-content{padding:20px;flex:1;display:flex;flex-direction:column;background:color-mix(in srgb,var(--showcase-text, #ffffff) 5%,transparent)}.showcase__card-title{font-size:18px;font-weight:600;margin:0 0 4px;line-height:1.3;color:var(--showcase-text, #ffffff)}.showcase__grid--featured .showcase__card:first-child .showcase__card-title{font-size:22px}.showcase__card-count{font-size:13px;color:color-mix(in srgb,var(--showcase-text, #ffffff) 60%,transparent);margin-bottom:8px}.showcase__card-description{font-size:14px;color:color-mix(in srgb,var(--showcase-text, #ffffff) 75%,transparent);line-height:1.5;margin:8px 0 0}.showcase__footer{display:flex;justify-content:center;margin-top:48px}.showcase__view-all{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:transparent;border:2px solid var(--showcase-text, #ffffff);color:var(--showcase-text, #ffffff);font-size:15px;font-weight:600;text-decoration:none;border-radius:100px;transition:all .3s ease}.showcase__view-all:hover{background:var(--showcase-accent, #3b82f6);border-color:var(--showcase-accent, #3b82f6);transform:translateY(-2px)}.showcase__view-all svg{transition:transform .3s ease}.showcase__view-all:hover svg{transform:translate(4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: light){.showcase__card{background:#00000008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media (prefers-reduced-motion: reduce){.showcase__card,.showcase__card.aos-animate,.showcase__card-image,.showcase__card-overlay,.showcase__card-cta,.showcase__view-all,.showcase__header{transition:none;animation:none;opacity:1;transform:none}}.showcase__card:focus-visible,.showcase__view-all:focus-visible{outline:2px solid var(--showcase-accent, #3b82f6);outline-offset:4px}.showcase__card--loading .showcase__card-media{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collections-showcase.css.map */