.collection-hero__inner{--page-width: calc(50rem + (2 * var(--page-padding)));display:flex;flex-direction:column;row-gap:2.5rem}.collection-hero__text-wrapper{flex-basis:100%;order:1}.collection-hero{padding-top:var(--collection-heading-padding-top);padding-bottom:var(--collection-heading-padding-bottom)}@media screen and (min-width: 990px){.collection-hero__inner{--page-width: calc(120rem + (2 * var(--page-padding)))}}.collection-hero__title{margin-top:0;margin-bottom:clamp(0rem,0rem + 2.5 * ((100vw - 750px) / 24),2.5rem);letter-spacing:0}.collection-hero__title~.collection-hero__description{margin-top:.7rem;margin-bottom:1.5rem}@media screen and (min-width: 990px){.collection-hero__title~.collection-hero__description{margin-top:2rem;margin-bottom:2rem}}.collection-hero__image-container{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}@media screen and (max-width: 989px){.collection-hero__image-container{height:20rem}.collection-hero__text-wrapper{text-align:center}}@media screen and (min-width: 990px){.collection-hero__image-container{align-self:stretch;flex:1 0 100%;min-height:20rem}}@media screen and (min-width: 990px){.collection-hero__text-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12%}.collection-hero__title{justify-self:end;margin-bottom:0}.collection-hero__title:only-child{grid-column:1 / -1;justify-self:center}.collection-hero__title+.collection-hero__description{margin-top:0;margin-bottom:0}}.collection-hero__dd{display:block}.collection-hero__summary{pointer-events:none}.collection-hero__summary span{pointer-events:all;font-size:1.4rem;text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem;display:block;margin-top:.7rem}.collection-hero__details[open] .collection-hero__description-content{animation:animateMenuOpen var(--duration-default) ease}.collection-hero__details[open] .collection-hero__summary{display:none}
/*# sourceMappingURL=/cdn/shop/t/149/assets/component-collection-hero.css.map */
