.collection-hero__text-wrapper{flex-basis:100%}.collection-hero sup{font-size:max(.5em,16px)}.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))}.collection-hero__image-container--adapt img{object-fit:contain}@media screen and (max-width:749.98px){.collection-hero__image-container--grow img{position:static!important}}@media screen and (min-width:750px){.collection-hero__image-container--grow img{min-height:20rem}.collection-hero.collection-hero--with-image{overflow:hidden}.collection-hero__inner{padding-bottom:0;gap:3rem}.collection-hero--with-image .collection-hero__text-wrapper{flex:1 1 auto}.collection-hero__image-container{align-self:center;flex:0 0 auto;width:clamp(220px,22vw,320px);--ratio-percent: 0% !important;height:190px}}.collection-hero .max-w-xs{max-width:none}.collection-hero__image-container>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}@media screen and (max-width:749.98px){.collection-hero__image-container{--ratio-percent: 0% !important;height:clamp(160px,40vw,210px)}}.collection-hero .page__description{max-width:900px;margin-top:14px;color:#6f6f6f;line-height:1.6;position:relative;overflow:hidden;max-height:3.2em;transition:max-height .28s ease}.collection-hero .page__description.is-expanded{max-height:40em}.collection-hero .page__description.has-overflow:not(.is-expanded):after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.2em;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}.collection-hero__desc-toggle{display:inline-block;margin:14px 0 0;padding:0;background:none;border:0;font:inherit;font-size:12px;font-weight:600;color:#6f6f6f;text-decoration:none;cursor:pointer}.collection-hero__desc-toggle:hover{color:#1f1f1f;text-decoration:underline;text-underline-offset:2px}@media screen and (min-width:750px){.collection-hero .page__description{margin-top:18px}.collection-hero__desc-toggle{margin:20px 0 16px}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/component-collection-split-hero.css.map */
