.collection-showcase{--cs-bg: #FAF8F3;--cs-espresso: #3D2E28;--cs-chocolate: #5C4A42;--cs-caramel: #9B8579;--cs-taupe: #B5A99A;--cs-gold: #C9A882;--cs-cream: #F5F0E8;--cs-black: #1A1A1A;--cs-white: #FFFFFF;background-color:var(--cs-bg);padding:100px 0}.collection-showcase__container{max-width:1400px;margin:0 auto;padding:0 48px}.collection-showcase__header{text-align:center;margin-bottom:60px}.collection-showcase__title{font-family:var(--font-heading--family, Georgia, serif);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--cs-espresso);margin:0 0 16px}.collection-showcase__subtitle{font-family:var(--font-body--family, Georgia, serif);font-size:1.125rem;font-style:italic;color:var(--cs-chocolate);margin:0;line-height:1.6}.collection-showcase__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.collection-showcase__card{position:relative;display:block;aspect-ratio:4 / 3;border-radius:4px;overflow:hidden;text-decoration:none;background-color:var(--cs-cream)}.collection-showcase__card--placeholder{cursor:default}.collection-showcase__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.collection-showcase__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.collection-showcase__card:hover .collection-showcase__image{transform:scale(1.05)}.collection-showcase__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--cs-cream)}.collection-showcase__placeholder .placeholder-svg{width:60%;height:60%;opacity:.3}.collection-showcase__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#1d1714b3,#1d17144d 40%,#1d171400 70%);transition:background .4s ease}.collection-showcase__card:hover .collection-showcase__overlay{background:linear-gradient(to top,#1d1714cc,#1d171466 50%,#1d17141a 80%)}.collection-showcase__content{position:absolute;bottom:0;left:0;right:0;padding:32px;color:var(--cs-white);z-index:2}.collection-showcase__card-title{font-family:var(--font-heading--family, Georgia, serif);font-size:clamp(1.5rem,3vw,2rem);font-weight:400;letter-spacing:.02em;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.collection-showcase__count{display:block;font-family:var(--font-body--family, Georgia, serif);font-size:.875rem;color:#fffc;margin-bottom:16px}.collection-showcase__cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body--family, Georgia, serif);font-size:.8125rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--cs-white);opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.collection-showcase__card:hover .collection-showcase__cta{opacity:1;transform:translateY(0)}.collection-showcase__cta svg{transition:transform .3s ease}.collection-showcase__card:hover .collection-showcase__cta svg{transform:translate(4px)}.collection-showcase__footer{text-align:center;margin-top:48px}.collection-showcase__view-all{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body--family, Georgia, serif);font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-espresso);text-decoration:none;padding:14px 0;border-bottom:1px solid var(--cs-espresso);transition:all .3s ease}.collection-showcase__view-all:hover{color:var(--cs-caramel);border-color:var(--cs-caramel)}.collection-showcase__view-all svg{transition:transform .3s ease}.collection-showcase__view-all:hover svg{transform:translate(4px)}@media (max-width: 1024px){.collection-showcase{padding:80px 0}.collection-showcase__container{padding:0 32px}.collection-showcase__header{margin-bottom:48px}.collection-showcase__grid{gap:20px}.collection-showcase__content{padding:24px}.collection-showcase__card-title{font-size:1.375rem}}@media (max-width: 768px){.collection-showcase{padding:60px 0}.collection-showcase__container{padding:0 20px}.collection-showcase__header{margin-bottom:40px}.collection-showcase__title{font-size:1.25rem;letter-spacing:.15em}.collection-showcase__subtitle{font-size:1rem}.collection-showcase__grid{grid-template-columns:1fr;gap:16px}.collection-showcase__card{aspect-ratio:3 / 2}.collection-showcase__content{padding:20px}.collection-showcase__card-title{font-size:1.25rem}.collection-showcase__cta{opacity:1;transform:translateY(0);font-size:.75rem}.collection-showcase__footer{margin-top:36px}}.collection-showcase__card{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards}.collection-showcase__card:nth-child(1){animation-delay:.1s}.collection-showcase__card:nth-child(2){animation-delay:.2s}.collection-showcase__card:nth-child(3){animation-delay:.3s}.collection-showcase__card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.collection-showcase__card:focus{outline:2px solid var(--cs-gold);outline-offset:4px}.collection-showcase__card:focus:not(:focus-visible){outline:none}.collection-showcase__view-all:focus{outline:2px solid var(--cs-caramel);outline-offset:2px}.collection-showcase__view-all:focus:not(:focus-visible){outline:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/collection-showcase.css.map */