.collection-banner{position:relative;overflow:hidden;background:#17140f;color:#f2ede1;min-height:180px;max-height:320px;display:flex;align-items:center}.collection-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.collection-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(100deg,#0a0907eb,#0a0907b8 45%,#0a09078c)}.collection-banner__inner{position:relative;z-index:2;max-width:1440px;width:100%;margin:0 auto;padding:32px 56px}@media(max-width:749px){.collection-banner__inner{padding:36px 24px}.collection-banner{min-height:220px}}.collection-banner__text{max-width:720px}.collection-banner__eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#b8890f;margin-bottom:10px}.collection-banner__title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;color:#fff;margin:0 0 8px;line-height:1}.collection-banner__count{font-size:14px;color:#fff;font-weight:700;margin-bottom:18px}.collection-banner__description{font-size:15px;line-height:1.7;color:#fff;font-weight:700;max-width:60ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.collection-banner__description p{margin:0 0 .85em}.collection-banner__description p:last-child{margin-bottom:0}.collection-banner--bonnie .collection-banner__bg{object-position:center 20%}.collection-banner--dark-text .collection-banner__overlay{background:#faf8f3d9}.collection-banner--dark-text .collection-banner__title,.collection-banner--dark-text .collection-banner__count,.collection-banner--dark-text .collection-banner__description{color:#000}.collection-banner--dc .collection-banner__title,.collection-banner--dc .collection-banner__count,.collection-banner--dc .collection-banner__description{font-weight:400}.collection-banner--outlined .collection-banner__title,.collection-banner--outlined .collection-banner__count,.collection-banner--outlined .collection-banner__description{color:#fff;-webkit-text-stroke:.3px #000000;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-collection-banner.css.map */