.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}@media screen and (min-width:750px){.collection-hero.collection-hero--with-image{padding:calc(4rem + var(--page-width-margin)) 0 calc(4rem + var(--page-width-margin));overflow:hidden}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%;width:100%}@media screen and (min-width:750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:48px 0 24px}@media screen and (max-width:1024px){.collection-hero__title{margin:32px 0 24px}}@media screen and (max-width:767px){.collection-hero__title{margin:24px 0}}.collection-hero__intro{display:grid;gap:2rem}.collection-hero__description-wrapper{max-width:82rem}.collection-hero__description{color:#303746;font-size:1.5rem;line-height:1.55}.collection-hero__description>:first-child{margin-top:0}.collection-hero__description>:last-child{margin-bottom:0}.collection-hero__description:not(.is-expanded){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.collection-hero__description h2,.collection-hero__description h3,.collection-hero__description h4{margin:0 0 .8rem;color:#151922;font-size:1.7rem;font-weight:600;line-height:1.35}.collection-hero__quote-button{display:inline-flex;align-items:center;justify-content:center;min-width:19rem;min-height:4.4rem;padding:1.2rem 2rem;border:.1rem solid var(--brand-primary-cta);border-radius:1.2rem;background:var(--brand-primary-cta);color:#fff;font-family:inherit;font-size:1.4rem;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease}.collection-hero__quote-button:hover{border-color:var(--brand-primary-cta-hover);background:var(--brand-primary-cta-hover);color:#fff;text-decoration:none}.collection-hero__quote-button:focus-visible{outline:0;box-shadow:0 0 0 .2rem #fff,0 0 0 .4rem var(--brand-primary-cta)}.collection-hero__description-toggle:not([hidden]){display:inline-flex;align-items:center;min-height:4.4rem;margin-top:.4rem;padding:0;border:0;color:#2b5cf3;background:transparent;font:inherit;font-size:1.4rem;font-weight:600;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.collection-hero__description-toggle:hover{color:#2146dd}.collection-hero__description-toggle:focus-visible{border-radius:.4rem;outline:.2rem solid #2b5cf3;outline-offset:.2rem}@media screen and (min-width:750px){.collection-hero--with-image .collection-hero__description{max-width:100%}}@media screen and (min-width:1025px){.collection-hero--with-intro .collection-hero__text-wrapper{display:grid;grid-template-columns:32rem minmax(0,1fr);column-gap:3rem;align-items:start}.collection-hero--with-intro .collection-hero__title,.collection-hero--with-intro .collection-hero__intro{grid-column:2}.collection-hero--with-intro .collection-hero__title{margin:4.8rem 0 1.2rem;font-size:3.2rem}.collection-hero--with-intro .collection-hero__intro{grid-template-columns:minmax(0,1fr) auto;gap:3.2rem;align-items:start;padding-bottom:2.4rem}}@media screen and (max-width:1024px){.collection-hero--with-intro .collection-hero__intro{margin-bottom:2.4rem}}@media screen and (max-width:749px){.collection-hero__description{font-size:1.4rem}.collection-hero__description h2,.collection-hero__description h3,.collection-hero__description h4{font-size:1.6rem}.collection-hero__quote-button{width:100%}.collection-hero__description:not(.is-expanded){-webkit-line-clamp:5}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:5rem 0 4rem}.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:749px){.collection-hero__image-container{height:20rem}}@media screen and (min-width:750px){.collection-hero--with-image .collection-hero__text-wrapper{padding:4rem 2rem 4rem 0;flex-basis:50%}.collection-hero__image-container{align-self:stretch;flex:1 0 50%;margin-left:3rem;min-height:20rem}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-collection-hero.css.map */