.banner{--overlay-opacity: 0;position:relative;overflow:hidden}.banner .wrapper--narrow{width:100%;max-width:var(--site-width-narrow)}@media only screen and (max-width:767px){.banner .collection__header hr{margin-top:25px;margin-bottom:25px}}.banner .collection__title,.banner .collection__description{color:inherit}.banner .collection__description{width:auto}.banner--collection{background:var(--bg)}.banner-inner{display:grid;grid-template-columns:minmax(0,1fr);position:relative}.banner-inner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay);opacity:var(--overlay-opacity)}.banner-content{width:100%;padding-top:var(--gutter);padding-bottom:var(--gutter);display:flex;align-items:center;justify-content:center}.align--middle-left .banner-content,.align--bottom-left .banner-content{justify-content:flex-start}.align--middle-right .banner-content,.align--bottom-right .banner-content{justify-content:flex-end}.align--bottom-left .banner-content,.align--bottom-right .banner-content{align-items:flex-end}.banner__image-container{padding-top:var(--container-padding-top, 0)}.banner__image-container,.banner-content{grid-row-start:1;grid-column-start:1;min-height:100%}@media only screen and (max-width:767px)and (orientation:landscape){.banner__image-container,.banner-content{min-height:auto}}.collection-intro{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}@media only screen and (max-width:767px){.collection-intro__media{width:100%;padding:0 1.5rem;max-height:200px;overflow:hidden;border-radius:4px;box-sizing:border-box}.collection-intro__media img{width:100%;height:200px;object-fit:cover;object-position:center}}@media only screen and (max-width:767px){.banner--collection .banner-content{padding-top:.5rem;padding-bottom:.5rem}.collection-intro{gap:1rem}}@media only screen and (min-width:768px){.collection-intro{flex-direction:row;align-items:center;gap:3rem;padding:0 3rem;text-align:left}.collection-intro__media{width:40%;flex-shrink:0}.collection-intro__media img{width:100%;max-height:400px;object-fit:cover;display:block;border-radius:0}.collection-intro__content{width:60%;max-width:unset!important;text-align:left}}@media only screen and (min-width:768px){.banner--collection .banner-content{padding-top:.2rem;padding-bottom:.2rem}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-collection-image-with-title.css.map */