.collection-hero__wrapper{display:flex;flex-direction:column;align-items:center;gap:4.8rem;text-align:center}.collection-hero__text-wrapper{display:flex;flex-direction:column;align-items:center;gap:.8rem;flex:1;max-width:46rem}.collection-hero__text-wrapper .page-header{margin-top:0;margin-bottom:0}.collection-hero__title{text-align:center}.collection-hero__description{color:rgb(var(--color-foreground-secondary))}.collection-hero__description.rte img,.collection-hero__description.rte blockquote{max-width:100%}.collection-hero__description.rte *:first-child{margin-top:0}.collection-hero__description.rte *:last-child{margin-bottom:0}.collection-hero__description.rte *:not(a){color:inherit}.collection-hero__image-wrapper{position:relative;flex:1;margin-top:1.6rem;width:100%;border-radius:var(--border-radius-main);overflow:hidden}@media screen and (min-width: 750px){.collection-hero__image-wrapper{margin-top:3.2rem}}.collection-hero__image-wrapper--small .media{height:16rem}@media screen and (min-width: 576px){.collection-hero__image-wrapper--small .media{height:20rem}}@media screen and (min-width: 750px){.collection-hero__image-wrapper--small .media{height:24rem}}@media screen and (min-width: 990px){.collection-hero__image-wrapper--small .media{height:32rem}}@media screen and (min-width: 1200px){.collection-hero__image-wrapper--small .media{height:36rem}}.collection-hero__image-wrapper--medium .media{height:24rem}@media screen and (min-width: 576px){.collection-hero__image-wrapper--medium .media{height:32rem}}@media screen and (min-width: 750px){.collection-hero__image-wrapper--medium .media{height:26rem}}@media screen and (min-width: 990px){.collection-hero__image-wrapper--medium .media{height:48rem}}@media screen and (min-width: 1200px){.collection-hero__image-wrapper--medium .media{height:56rem}}.collection-hero__image-wrapper--large .media{height:32rem}@media screen and (min-width: 576px){.collection-hero__image-wrapper--large .media{height:40rem}}@media screen and (min-width: 750px){.collection-hero__image-wrapper--large .media{height:48rem}}@media screen and (min-width: 990px){.collection-hero__image-wrapper--large .media{height:64rem}}@media screen and (min-width: 1200px){.collection-hero__image-wrapper--large .media{height:72rem}}