.collection-hero{margin-top:0rem;margin-bottom:-5rem;display:inline-block;clear:both;width:100%}@media screen and (min-width: 750px){.collection-hero{margin-bottom:-6rem}}@media screen and (min-width: 1000px){.collection-hero{margin-top:-1rem;margin-bottom:-7rem}}.bg-bottom.hero-bg{margin-top:5rem}@media screen and (min-width: 750px){.bg-bottom.hero-bg{margin-top:6rem}}@media screen and (min-width: 1000px){.bg-bottom.hero-bg{margin-top:7rem}}.collection-hero__title.heading{text-transform:lowercase;margin:0;padding:3rem 0 1rem;color:rgb(var(--color-melano-pink-darker));font-size:4rem}@media screen and (min-width: 500px){.collection-hero__title.heading{font-size:6.4rem}}@media screen and (min-width: 1000px){.collection-hero__title.heading{font-size:9rem}}.has-subheader .collection-hero__title.heading{margin-top:-1.5rem;padding:0 0 1rem 4rem}.collection-hero__subheader.heading{text-transform:lowercase;margin-bottom:0;font-size:2.4rem}@media screen and (min-width: 500px){.collection-hero__subheader.heading{font-size:3.4rem}}@media screen and (min-width: 1000px){.collection-hero__subheader.heading{font-size:4.4rem}}.collection-hero .collection-information{padding:0 0 4rem}.collection-flex-banner.has-image .collection-hero .collection-information{padding:0 0 2rem}.collection-hero .collection-hero__description{color:#aaa;font-style:italic;margin:0 0 1rem}@media screen and (min-width: 1000px){.collection-hero .collection-hero__description{margin:0 20% 1rem 0}}.collection-hero .banner-image{position:relative;display:inline-block;width:100%;text-align:center}.collection-hero .banner-image img{position:relative;z-index:2;margin-bottom:-6.5rem;max-width:100%;pointer-events:none}@media screen and (min-width: 750px){.collection-hero .banner-image{min-width:40rem}.collection-hero .banner-image img{position:absolute;bottom:0;padding-top:1rem;max-width:100%;float:right;clear:both;margin-bottom:-4.5rem}}.collection-flex-banner{display:flex;flex-direction:column}@media screen and (min-width: 750px){.collection-flex-banner.has-image{flex-direction:row}.collection-flex-banner.has-image{min-height:27rem}.collection-hero .banner-image{height:inherit}.collection-hero .banner-image img{right:0}}@media screen and (min-width: 1000px){.collection-hero .collection-information{padding:0 5rem 6rem 0}.collection-hero .banner-image img{right:3rem}}
/*# sourceMappingURL=/s/files/1/0515/2482/9382/t/16/assets/component-collection-hero.css.map */
