.dc-coll-banner{--dc-coll-cream: #fff8f7;--dc-coll-mist: #f2d9d5;--dc-coll-rose: #b96c7b;--dc-coll-deep: #710f39;position:relative;isolation:isolate;overflow:hidden;padding-top:var(--dc-coll-pt, 28px);padding-bottom:var(--dc-coll-pb, 28px);min-height:0;background:linear-gradient(135deg,var(--dc-coll-cream) 0%,var(--dc-coll-mist) 55%,#f8e8e4 100%);color:var(--dc-coll-deep)}.dc-coll-banner--has-media{color:var(--dc-coll-cream);min-height:11rem}.dc-coll-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.dc-coll-banner__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.dc-coll-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(185,108,123,calc(var(--dc-coll-overlay, .55) * .92)),rgba(113,15,57,calc(var(--dc-coll-overlay, .55) * .55)) 48%,rgba(185,108,123,calc(var(--dc-coll-overlay, .55) * .75)));pointer-events:none}.dc-coll-banner__inner{position:relative;z-index:1;display:flex;align-items:center;min-height:0;gap:1.6rem}.dc-coll-banner__copy{max-width:40rem;padding:.25rem 0;flex:1 1 auto;min-width:0}.dc-coll-banner__count{display:inline-flex;align-items:center;margin:0 0 .65rem;padding:.35rem .9rem;border-radius:999px;font-size:1.05rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#fff8f738;color:inherit;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dc-coll-banner:not(.dc-coll-banner--has-media) .dc-coll-banner__count{background:#b96c7b24;color:var(--dc-coll-rose)}.dc-coll-banner__title{margin:0;font-size:clamp(2.4rem,4.2vw,3.6rem);line-height:1.12;letter-spacing:.01em;font-weight:500;color:inherit}.dc-coll-banner__desc{margin:.7rem 0 0;max-width:34rem;font-size:1.3rem;line-height:1.4;opacity:.92;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.dc-coll-banner__desc p{margin:0}.dc-coll-banner__desc p+p{display:none}.dc-coll-banner__mosaic{display:none}@media screen and (min-width:750px){.dc-coll-banner{min-height:0}.dc-coll-banner--has-media{min-height:14rem}.dc-coll-banner--has-mosaic{min-height:0}.dc-coll-banner__inner{align-items:center}.dc-coll-banner--has-mosaic .dc-coll-banner__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,1fr);gap:clamp(1.5rem,3vw,2.4rem);align-items:center}.dc-coll-banner--has-mosaic .dc-coll-banner__copy{max-width:36rem}.dc-coll-banner__mosaic{display:block;position:relative;height:14.5rem;justify-self:stretch;width:100%;max-width:28rem;margin-inline-start:auto}.dc-coll-banner__tile{position:absolute;display:block;width:9.2rem;aspect-ratio:1;border-radius:1.2rem;overflow:hidden;background:var(--dc-coll-cream);box-shadow:0 1rem 2.4rem #710f3924;transition:transform .35s ease,box-shadow .35s ease}.dc-coll-banner__tile:hover{box-shadow:0 1.4rem 2.8rem #710f3933}.dc-coll-banner__tile-img{width:100%;height:100%;object-fit:cover;display:block}.dc-coll-banner__tile--1{left:0;top:4%;z-index:3;transform:rotate(-7deg)}.dc-coll-banner__tile--1:hover{transform:rotate(-7deg) translateY(-.4rem) scale(1.03)}.dc-coll-banner__tile--2{right:0;top:0;z-index:2;width:8.4rem;transform:rotate(8deg)}.dc-coll-banner__tile--2:hover{transform:rotate(8deg) translateY(-.4rem) scale(1.03)}.dc-coll-banner__tile--3{left:32%;bottom:0;z-index:1;width:7.6rem;transform:rotate(-3deg)}.dc-coll-banner__tile--3:hover{transform:rotate(-3deg) translateY(-.4rem) scale(1.03)}.dc-coll-banner__tile--1:hover,.dc-coll-banner__tile--2:hover,.dc-coll-banner__tile--3:hover{z-index:4}}@media screen and (min-width:990px){.dc-coll-banner--has-mosaic .dc-coll-banner__inner{grid-template-columns:minmax(0,1.05fr) minmax(24rem,.95fr);gap:2rem}.dc-coll-banner__mosaic{height:15.5rem;max-width:32rem}.dc-coll-banner__tile--1{left:2%;top:6%}.dc-coll-banner__tile--2{right:2%;top:2%}.dc-coll-banner__tile--3{left:36%;bottom:2%}}@media screen and (max-width:749px){.dc-coll-banner{min-height:0;padding-top:calc(var(--dc-coll-pt, 28px) * .85);padding-bottom:calc(var(--dc-coll-pb, 28px) * .85)}.dc-coll-banner__title{font-size:clamp(2.2rem,7.5vw,3rem)}.dc-coll-banner__desc{font-size:1.2rem;-webkit-line-clamp:2}.dc-coll-banner__mosaic{display:none!important}}@media(prefers-reduced-motion:reduce){.dc-coll-banner__tile,.dc-coll-banner__tile:hover{transition:none;transform:none}.dc-coll-banner__tile--1,.dc-coll-banner__tile--2,.dc-coll-banner__tile--3{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/dc-collection-banner.css.map */