.collection-banner{width:100%;box-sizing:border-box}.collection-banner__frame{position:relative;overflow:hidden;min-height:var(--collection-banner-min-height-mobile, 320px);border-radius:var(--collection-banner-radius-mobile, 0)}.collection-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.collection-banner__image{width:100%;height:100%;object-fit:cover;object-position:center}.collection-banner__image--mobile{display:block}.collection-banner__image--desktop{display:none}.collection-banner__inner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;width:100%;pointer-events:none}.collection-banner__content{display:flex;flex-direction:column;justify-content:center;gap:8px;width:100%;max-width:var(--collection-banner-content-max-width, 580px);padding-inline:var(--page-margin, 16px);box-sizing:border-box;pointer-events:auto}@media screen and (min-width:750px){.collection-banner__content{gap:14px}}.collection-banner__content--left{align-items:flex-start;text-align:left}.collection-banner__content--center{align-items:center;text-align:center;margin-inline:auto}.collection-banner__title{margin:0;color:var(--collection-banner-title-color, #003550);font-family:var(--font-heading--family);letter-spacing:-.56px;font-size:28px;line-height:1.14;text-transform:capitalize}@media screen and (min-width:750px){.collection-banner__title{font-size:32px;letter-spacing:-1.08px;line-height:1.18}}@media screen and (min-width:1000px){.collection-banner__title{font-size:54px}}.collection-banner__description{margin:0;color:var(--collection-banner-description-color, #003550);font-size:12px;line-height:14px;max-width:42ch}@media screen and (min-width:750px){.collection-banner__description{font-size:20px;line-height:24px}}.collection-banner__description p{margin:0}@media screen and (min-width:750px){.collection-banner__frame{min-height:var(--collection-banner-min-height, 400px);border-radius:var(--collection-banner-radius-desktop, 0)}.collection-banner__image--mobile{display:none}.collection-banner__image--desktop{display:block}}@media screen and (max-width:749px){.collection-banner__content--left{align-items:flex-start;text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/collection-banner.css.map */