.collection-hero__inner{position:relative}.collection-hero--with-image .collection-hero__inner{display:flex;flex-direction:row;margin-bottom:2rem;padding-bottom:0;height:calc(260 / 375 * 100vw)}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__inner{height:calc(550 / 1440 * 100vw)}}.collection-hero--natural-image-aspect-ratio .collection-hero__inner{height:auto}.collection-hero--with-image .collection-hero__inner{margin-bottom:0}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:50%;flex-grow:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;color:var(--color-white)}@media screen and (min-width: 750px){.collection-hero{padding:0}}.collection-hero__background{display:block!important;background-color:rgb(var(--color-base-accent-1));background-position:center;background-size:60%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.collection-hero__background--mustard-bookcloth{background-color:var(--color-mustard)}.collection-hero__background--red-bookcloth{background-color:var(--color-red)}@media screen and (min-width: 750px){.collection-hero__background{background-size:auto 59rem}}.collection-hero__title{font-family:var(--font-body-family);font-size:2rem;margin:0;padding:2rem;color:var(--color-white);text-align:center;width:100%}@media screen and (min-width: 750px){.collection-hero__title{font-size:4.2rem}}.collection-hero__title-meta{font-family:var(--font-body-family);font-size:1rem;text-transform:uppercase;text-align:center;width:100%}@media screen and (min-width: 750px){.collection-hero__title-meta{font-size:1.4rem}}.collection-hero__title+.collection-hero__description{font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width: 750px){.collection-hero__title{padding:1rem 4.2rem}.collection-hero__title+.collection-hero__description{font-size:1.8rem}.collection-hero__description{max-width:66.67%}.collection-hero--with-image .collection-hero__description{max-width:100%}}@media screen and (min-width: 750px) and (max-width: 1000px){.collection-hero__title{padding:2rem;font-size:3.2rem}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero__text-wrapper{padding:2rem;min-height:100%;height:auto}.collection-hero--with-image .collection-hero__text-wrapper{flex-basis:50%}.collection-hero__image-container{height:100%;align-self:stretch;flex:1 0 50%;overflow:hidden;flex-grow:0;position:relative}@media screen and (max-width: 749px){.collection-hero__image-wrapper{position:static!important}}@media screen and (min-width: 750px){.collection-hero__image-wrapper{padding-bottom:calc(550 / 505 * 100%)}}.collection-hero--natural-image-aspect-ratio .collection-hero__image-container:not(.collection-hero__image-container--icon){min-height:initial;height:auto}.collection-hero--natural-image-aspect-ratio .collection-hero__image-container:not(.collection-hero__image-container--icon) img{position:static!important;height:auto!important}.collection-hero__image-container--image-1.collection-hero__image-container--icon{border-right:1px solid var(--color-superlight-beige)}.collection-hero__image-container--image-2.collection-hero__image-container--icon{border-left:1px solid var(--color-superlight-beige)}.collection-hero__image-container--icon{background-color:transparent!important}.collection-hero__image-container--icon img{object-fit:contain;object-position:center;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:auto!important;height:auto!important;max-height:6rem}@media screen and (min-width: 750px){.collection-hero__image-container--icon img{max-height:8rem}}@media screen and (min-width: 750px){.collection-hero__text-wrapper{padding:4rem 2rem}.collection-hero--with-image .collection-hero__text-wrapper{flex-basis:30%;flex-shrink:1}.collection-hero__image-container{align-self:stretch;flex:1 0 calc(505 / 1440 * 100%);flex-shrink:0;min-height:20rem}.collection-hero--natural-image-aspect-ratio .collection-hero__image-container{min-height:initial}.collection-hero__image-container--alone{flex:1 0 70%}}
/*# sourceMappingURL=/cdn/shop/t/165/assets/component-collection-hero.css.map */