.collection-grape-intro{max-width:72rem;padding-block-end:2.4rem}.collection-grape-intro__copy{color:rgba(var(--color-foreground),.78);font-size:1.55rem;line-height:1.65;max-width:64ch}.collection-grape-intro__copy>:first-child,.collection-grape-story__copy>:first-child{margin-block-start:0}.collection-grape-intro__copy>:last-child,.collection-grape-story__copy>:last-child{margin-block-end:0}.collection-grape-intro__read-more{align-items:center;color:rgb(var(--color-foreground));display:inline-flex;font-size:1.4rem;font-weight:650;gap:.8rem;line-height:1.35;margin-block-start:1.6rem;padding-block:.4rem .5rem;text-decoration:none}.collection-grape-intro__read-more span:first-child{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% .1rem;transition:background-size .16s ease}.collection-grape-intro__read-more:hover span:first-child{background-size:55% .1rem}.collection-grape-intro__read-more:focus-visible{outline:.2rem solid currentColor;outline-offset:.4rem}.collection-grape-story{scroll-margin-block-start:3rem}.collection-grape-story__inner{border-block-start:.1rem solid rgba(var(--color-foreground),.18);margin-block-start:clamp(4.8rem,7vw,9rem);max-width:86rem;padding-block:clamp(4rem,6vw,7.2rem) clamp(5.6rem,8vw,10rem)}.collection-grape-story__kicker{font-size:1.15rem;font-weight:700;letter-spacing:.16em;margin:0 0 1rem;text-transform:uppercase}.collection-grape-story h2{font-size:clamp(2.6rem,3.6vw,4.2rem);letter-spacing:-.025em;line-height:1.08;margin:0 0 2.4rem}.collection-grape-story__copy{color:rgba(var(--color-foreground),.82);font-size:clamp(1.55rem,1.2vw,1.75rem);line-height:1.75;max-width:68ch}.collection-grape-story__copy p{margin-block:0 1.5em}.collection-grape-story__copy h3,.collection-grape-story__copy h4,.collection-grape-story__copy h5,.collection-grape-story__copy h6{font-size:clamp(1.8rem,1.8vw,2.4rem);letter-spacing:-.012em;line-height:1.25;margin-block:2.2em .65em}.collection-grape-story__copy h3:first-child,.collection-grape-story__copy h4:first-child,.collection-grape-story__copy h5:first-child,.collection-grape-story__copy h6:first-child{margin-block-start:0}@media screen and (min-width:750px){.collection-hero--grape .collection-hero__title{margin-block-end:1.8rem}.collection-grape-intro{padding-block-end:3.2rem}.collection-grape-intro__copy{font-size:1.65rem}}@media(prefers-reduced-motion:reduce){.collection-grape-intro__read-more span:first-child{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-collection-grape.css.map */