.collection-hero__wrapper{position:relative;display:flex;flex-direction:column;gap:4.8rem;align-items:center;text-align:left}.collection-hero__text-wrapper{display:flex;flex:1;flex-direction:column;gap:.8rem;align-items:flex-start;max-width:36.4rem}.collection-hero__text-wrapper .page-header{margin-top:0;margin-bottom:0}.collection-hero__title{text-align:center}.collection-hero__description{padding-bottom:1.6rem;color:rgba(var(--color-foreground-secondary),.7)}.collection-hero__description.rte img,.collection-hero__description.rte blockquote{max-width:100%}.collection-hero__description.rte *:not(a){color:inherit}.collection-hero__description.rte *:first-child{margin-top:0}.collection-hero__description.rte *:last-child{margin-bottom:0}.collection-hero__image-wrapper{position:relative;flex:1;width:calc(100% + 40px);border-radius:0 0 var(--border-radius-main) var(--border-radius-main);overflow:hidden}.collection-hero__benefits{display:flex;justify-content:space-between;width:100%}.collection-hero__benefit{display:flex;gap:1.2rem;align-items:center}.collection-hero__benefit p{margin:0}@media screen and (min-width: 750px){.collection-hero__wrapper{flex-direction:row;gap:10.8rem;align-items:center;padding:2.1rem 1rem}.collection-hero__text-wrapper{gap:1.6rem;align-items:flex-start}.collection-hero__description{padding-bottom:1.2rem}.collection-hero__image-wrapper{width:100%;border-radius:var(--border-radius-main)}}@media screen and (max-width: 749px){.collection-hero__image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(388.54% 86.75% at 50.36% 15.43%,transparent 40.87%,rgb(var(--color-background)) 65.38%)}.collection-hero__text-wrapper{position:absolute;z-index:1;inset:auto 0 2.8rem}}.collection-hero__image-wrapper--small .media{height:16rem}@media screen and (min-width: 750px){.collection-hero__image-wrapper--small .media{height:24rem}}.collection-hero__image-wrapper--medium .media{height:45rem}@media screen and (min-width: 750px){.collection-hero__image-wrapper--medium .media{height:25.8rem}}.collection-hero__image-wrapper--large .media{height:32rem}@media screen and (min-width: 750px){.collection-hero__image-wrapper--large .media{height:48rem}}
/*# sourceMappingURL=/cdn/shop/t/272/assets/component-collection-hero.css.map */